/*
Theme Name: DanShoreman Custom theme
Theme URI: http://www.danshoreman.co.uk/
Description: Custom theme for DanShoreman.co.uk
Version: 1.0
Author: Daniel Shoreman
Tags: mantle color, variable width, two columns, widgets

Default WordPress by Dave Shea || http://mezzoblue.com
Modifications by Matthew Mullenweg || http://photomatt.net
This is just a basic layout, with only the bare minimum defined.
Please tweak this and make it your own. :)
*/


html, body, div, h1, h2, h3, h4, h5, h6, p, blockquote, a, img, small, strike, strong, b, u, i,  ol, ul, li {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
	font-family:Helvetica, Arial, sans-serif;
	
	}
	
h1, h2, h3, h4, h5, h6 {
	font-family:Helvetica, Arial, sans-serif;
	color:#3e3e3e;
	}
	
h1 {
	font-weight:bold;
	font-size: 28px;
	line-height: 30px;
}
h2 {
	font-weight:bold;
	font-size: 16px;
	line-height: 20px;
}
h3 {
	font-size: 14px;
	line-height: 18px;
}
h4 {
	font-size: 13px;
	line-height: 18px;
}
h5 {
	font-size: 12px;
	line-height: 18px;
}
h6 {
	font-size: 12px;
	line-height: 16px;
}

body{
	padding:0;
	margin:0;
	background:url(../images/mainBG.jpg) top fixed  no-repeat #dfdfdf ;
	text-align:center;
	}
	
a {color:#3e3e3e; text-decoration:underline;}
a:hover {color:#3e3e3e; text-decoration:none;}
	
	
/*-----HEADER-------*/


div#header{
	width:100%;
	height:128px;
	}
	
div#headerMid{
	width:900px;
	height:128px;
	text-align:left;
	margin:auto;
	border-bottom: 1px #3e3e3e solid;
	
	}


div#headerLogo{
	width:266px;
	height:81px;
	padding:20px 0 0 0;
	float:left;
	}
	
	
/*-----END-HEADER-------*/
	


/*-----MAIN-MENU--------*/


div#mainMenu{
	float:right;
	padding:84px 0 0 0;
	}

div#mainMenu ul{
	list-style:none;
	}
	
	
div#mainMenu ul li{
	font-weight:bold;
	display:inline;
	float:left;
	font-size:22px;
	}

.home{
	padding:0 12px 0 12px;
	border-right: 1px #3e3e3e solid;
	}
	
		
.about{
	padding:0 12px 0 12px;
	border-right: 1px #3e3e3e solid;
	}
	
.work{
	padding:0 12px 0 12px;
	border-right: 1px #3e3e3e solid;
	}
	
.contact{
	padding:0 0 0 12px;	
	}
	
div#mainMenu ul li a{
	color:#3e3e3e;
	text-decoration:none;
	
	}
	
div#mainMenu ul li a:hover{
	color:#649196;
	text-decoration:none;
	}


/*-----MAIN-MENU-END----*/	



/*-----SEARCH-BOX--------*/

div#searchBox{
	padding:0;
	margin:0;
	width:280px;
	height:40px;
	}

div#searchLeft{
	margin:0;
	padding:0;
	background:url(../images/images/search__03.gif) top left no-repeat;
	width:150px;
	float:left;
	height:26px;
	text-align:left;
	}


div#searchRight{
	margin:0;
	padding:0;
	background:url(../images/images/search__05.gif) top left no-repeat;
	width:130px;
	text-align:left;
	float:left;
	height:26px;
	}
	


/*-----SEARCH-BOX-END----*/


/*-----TOGGLE----*/

h2.trigger {
	padding: 0 0 0 50px;
	/*margin: 0 0 5px 0;*/
	background: url(../images/expandToggle.gif) no-repeat;
	height: 50px;
	line-height: 50px;
	width: 537px;
	font-size: 2em;
	font-weight: normal;
	float: left;
}
h2.trigger a {
	color:#333333;
	text-decoration: none;
	display: block;
	font-size:16px;
	font-weight:bold;
}
h2.trigger a:hover { color:#666666; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container {
	/*border-top: 1px solid #d6d6d6;*/
	/*background: #f0f0f0 url(toggle_block_stretch.gif) repeat-y left top;*/
	overflow: hidden;
	font-size: 1.2em;
	width: 587px;
	clear: both;
}
.toggle_container .block {
	padding: 0 0 0 50px; /*--Padding of Container--*/
	/*background: url(toggle_block_btm.gif) no-repeat left bottom;*/ /*--Bottom rounded corners--*/
	font-size:11px;
}

.toggle_container .block p {
	padding: 0 0 10px 0;
	}

.blockL{
	float:left;
	width:355px;
	background:#330000;
	padding:10px 10px 0 10px;
	}
	
.blockR{
	width:127px;
	float:left;
	text-align:right;
	background:#330000;
	margin-left:15px;
	padding:10px;
	}
	

	
/*-----TOGGLE-END---*/



/*-----MID-SECTION---*/
	

	
div#midSection{
	text-align:left;
	margin:auto;
	width:900px;	
	}
	
div#midSectionL{
	float:left;
	width:587px;
	color:#3e3e3e;
	}
	
div#midSectionLAbout{
	float:left;
	width:900px;
	color:#3e3e3e;
	background:url(../images/aboutimage.gif) bottom right no-repeat;
	}
	
div#aboutHead{
	width:900px;
	height:135px;
	}
	
div#aboutBody{
	background:url(../images/aboutimage.gif) bottom right no-repeat;
	padding-bottom:370px;
	}
	
	
div.imageContent{
	width:587px;
	padding:15px 0 0 0;
	float:left;
	border-bottom: 1px #3e3e3e solid;
	}
	
div.imageContent2{
	width:587px;
	padding:15px 0 0 0;
	float:left;
	}
	
div#midRow1{
	border-bottom: 1px #3e3e3e solid;
	height:135px;
	}
	
div#midRow1 p{
	font-size:13px;
	line-height:15px;
	padding:17px 0 13px 0;
	font-weight:bold;
	}
	
div#midRow1About{
	width:607px;
	float:left;
	height:135px;
	}
	
div#midRow1About p{
	font-size:13px;
	line-height:15px;
	padding:13px 0 13px 0;
	font-weight:bold;
	}
	
div#midRow2{
	border-bottom: 1px #3e3e3e solid;
	}

div#midRow2 p{
	padding:12px 0 12px 0;
	font-size:28px;
	color:#3e3e3e;
	font-weight:bold;
	}
	
div#midRow2About{
	padding:0 0 0 0;
	border-top: 1px #3e3e3e solid;
	border-bottom: 1px #3e3e3e solid;
	}

div#midRow2About p{
	padding:12px 0 12px 0;
	font-size:28px;
	color:#3e3e3e;
	font-weight:bold;
	}
	
div.imageSec{
	width:587px;
	height:319px;
	}
	
div.copySec{
	width:587px;
	}
	
div#copySecL{
	width:425px;
	background:#CC9999;
	overflow:visible;
	}
	
div#copySecR{
	width:152px;
	height:50px;
	position:relative; 
	top:19px;
	left:548px;	
	background:#FFCCFF;
	}
	
	
h2.trigger2 {
	padding: 0 0 0 30px;
	/*margin: 0 0 5px 0;*/
	height: 50px;
	line-height: 50px;
	width: 537px;
	float: left;
	font-size:16px;
	font-weight:bold;
}
h2.trigger2 a {
	color:#333333;
	text-decoration: none;
	display: block;
	font-size:16px;
	font-weight:bold;
}
h2.trigger2 a:hover { color:#666666; }
h2.active {background-position: left bottom;} /*--When toggle is triggered, it will shift the image to the bottom to show its "opened" state--*/
.toggle_container2 {
	margin:  0;
	padding: 0;
	overflow:visible;
	font-size: 1.2em;
	width: 587px;
	clear: both;
}
.toggle_container2 .block {
	padding: 0 0 0 30px; /*--Padding of Container--*/
	font-size:11px;
}

.toggle_container2 .block p {
	padding: 0 0 10px 0;
}

.blockL2{
	float:left;
	width:375px;
	padding-bottom:10px;
	}
	
.blockR2{
	width:182px;
	float:left;
	text-align:right;
	padding-bottom:15px;
	}
	
.blockR2 p{
	vertical-align:bottom;
	}
	
div#imageWork{
	width:587px;
	height:319px;
	}
	
div#imageWork ul{
	list-style:none;
	}
										



div#workTab{
	margin: 0;
	}

div#workTab p{
	margin:0;
	font-size:15px;
	}
	
div#workTab ul{
	list-style:none;
	margin:20px 0 0 0;
	}
	
div#workTab ul li{
	float:left;
	padding:0 0 20px 0;
	}

div#workTab ul li a{
	display:block;
	width:176px;
	height:176px;
	}
	
div#workTab ul li a span{
	display:none;
	}

div#workTab ul li.The_Calls{
	background:url(../images/workWeb17.jpg) top left no-repeat ;
	margin:0 0 0 0;
	}

div#workTab ul li.Afterparty{
	background:url(../images/workWeb01.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Arla_Foods{
	background:url(../images/workWeb12.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Brecon_Carreg{
	background:url(../images/workgraph01.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Calls_Landing{
	background:url(../images/workWeb13.jpg) top left no-repeat ;
	margin:0 0 0 0;
	}
	
div#workTab ul li.Camel_Club{
	background:url(../images/workWeb07.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Citu{
	background:url(../images/workWeb14.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.DJ_DeHooch{
	background:url(../images/workWeb15.jpg) top left no-repeat ;
	margin:0 0 0 0;
	}
	
div#workTab ul li.DJ_Simon_G{
	background:url(../images/workWeb16.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Dobson_Builders{
	background:url(../images/workWeb03.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.GI_Exec_Search{
	background:url(../images/workWeb11.jpg) top left no-repeat ;
	margin:0 0 0 0;
	}
	
	
div#workTab ul li.Greenhouse_Website{
	background:url(../images/workWeb10.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Greenhouse_Brochure{
	background:url(../images/workgraph02.jpg) top left no-repeat ;
	margin:0 0 0 0;
	}
	
div#workTab ul li.Noode_Bar{
	background:url(../images/workWeb04.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Photography_one{
	background:url(../images/workWeb08.jpg) top left no-repeat ;
	margin:0 0 0 0;
	}
	
	
div#workTab ul li.Photography_one_weddings{
	background:url(../images/workWeb09.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Revolution_Bar{
	background:url(../images/workgraph03.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Someone{
	background:url(../images/workWeb05.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
	
div#workTab ul li.SpeedQueen{
	background:url(../images/workgraph04.jpg) top left no-repeat ;
	margin:0 0 0 0;
	}
	
div#workTab ul li.SUM{
	background:url(../images/workgraph05.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	
div#workTab ul li.Tao{
	background:url(../images/workWeb06.jpg) top left no-repeat ;
	margin:0 0 0 0;
	}
	
	
div#workTab ul li.William_Hill{
	background:url(../images/workWeb18.jpg) top left no-repeat ;
	margin:0 0 0 29px;
	}
	

	


div#bodyCopy{
	padding:0;
	margin:20px 0 0 0;
	}

div#bodyCopy h2{
	padding:0;
	margin: 0;
	}	

div#bodyCopy p{
	padding:0;
	font-size:11px;
	margin:0 0 15px 0px;
	}
	
div#bodyCopy img{
	padding:0;
	margin:0;
	}
	
div#midSectionR{
	float:left;
	width:293px;
	margin-left:20px;
	color:#3e3e3e;
	}
	
div#midSectionRAbout{
	float:left;
	width:293px;
	height:135px;
	
	}
	
div#midRTop{
	border-bottom: 1px #3e3e3e solid;
	height:135px;
	}
	
div#midRTop p{
	padding:15px 0 15px 0;
	font-weight:bold;
	}
	
div#midRTopAbout{
	height:135px;
	}
	
div#midRTopAbout p{
	padding:15px 0 15px 0;
	font-weight:bold;
	}
	
div#midRTop img{
	}
	
div#midRTop2{
	border-bottom: 1px #3e3e3e solid;
	height:100%;
	color:#3e3e3e;
	}
	
	
div#midRTop2 p{
	padding:12px 0 12px 0;
	font-size:28px;
	color:#3e3e3e;
	font-weight:bold;
	}
	
div#midRTop3{
	font-size:12px;
	color:#7e7e7e;
	margin:0 0 0 17px;
	width:235px;
	}

.newsPara{
	margin:15px 0 15px 0;
	}
	
.newsPara h2{
	/*text-decoration:underline;*/
	}
	
.newsParaContent p{
	padding:0 0 7px 0;
	}
	
p.postmetadata{
	border-top: 1px solid #ccc;
	margin: 7px 0 0 0;
}
	
div#aboutCopy{
	font-size:15px;
	margin:50px 130px 0 50px;
	}
	
div#aboutCopy p{

	padding:0 0 15px 0;
	}
	
div#aboutCopy p.para2{
	width:400px;
	}
	
div#midRTop4{
	padding:12px 0 12px 0;
	font-size:28px;
	color:#3e3e3e;
	font-weight:bold;
	border-top: 1px #3e3e3e solid;
	border-bottom: 1px #3e3e3e solid;
	}
	
div#midRTop5{
	padding:0;
	}
	
div#midRTop5 img{
	margin:20px 0 0 0;
	}
	
div#workHead{
	width:587px;
	height:68px;
	padding:15px 0  15px 0;
	border-bottom: 1px #3e3e3e solid;
	}
	
div#workHead ul{
	list-style:none;
	}	

div#workHead ul li{
	float:left;
	}
	
div#workHead ul li a{
	display:block;
	}
	
div#workHead ul li a span{
	display:none;
	}
	
.workHeadWeb a{
	text-decoration:none;
	background:url(../images/images/workBoldOff_03.gif) top left no-repeat;
	height:68px;
	width:172px;
	}
	
.workHeadWebO a{
	text-decoration:none;
	background:url(../images/images/workBoldOn_03.gif) top left no-repeat;
	height:68px;
	width:172px;
	}
	
.workHeadWeb a:hover, .workHeadWeb a:active{
	text-decoration:none;
	background:url(../images/images/workBoldOn_03.gif) top left no-repeat;
	height:68px;
	width:172px;
	}
	
.workHeadGra a{
	text-decoration:none;
	background:url(../images/images/workBoldOff_05.gif) top left no-repeat;
	height:68px;
	width:366px;
	}
	
.workHeadGraO a{
	text-decoration:none;
	background:url(../images/images/workBoldOn_05.gif) top left no-repeat;
	height:68px;
	width:366px;
	}
	
.workHeadGra a:hover, .workHeadGra a:active{
	text-decoration:none;
	background:url(../images/images/workBoldOn_05.gif) top left no-repeat;
	height:68px;
	width:366px;
	}

.spacer{
	text-align:center;
	padding-top:12px;
	height:43px;
	width:49px;
	}
	
div#clientList{
	padding:15px 0 15px 0;
	font-size:14px;
	font-weight:bold;
	}
	
div#clientList li{
	display:block;
	list-style:none;
	}
	
div#clientList li a{
	text-decoration:none;
	}
	
	
div#clientList li a:hover, div#clientList li a:active{
	background:#649196;
	text-decoration:none;
	}
	
div#contactPage{
	padding:0 30px 0 30px;
	margin:20px 0 0 0;
	font-size:15px;
	}
	


	
/*-----MID-SECTION-END--*/
	
/*-----CONTACT-FORM--------*/

#wpcf label {
	clear: both;
	display: block;
	float: left;
	width: 150px;
}
#wpcf input {
	float: left;
	width: 200px;
	padding: 1px;
	margin: 2px 5px 2px 0;
}
#wpcf textarea {
	width: 350px;
	height: 100px;
	padding: 1px;
	margin: 0 5px 10px 0;
}

#wpcf #contactsubmit {
	margin-left: 250px;
	width: 100px;
}

/*-----CONTACT-FORM-END-------*/
	
/*-----SEARCH-BOX--------*/

div#searchBox{
	padding:0;
	margin:0;
	width:280px;
	}

div#searchLeft{
	margin:0;
	padding:0;
	background:url(../images/images/search__03.gif) top left no-repeat;
	width:150px;
	float:left;
	height:26px;
	text-align:left;
	}


div#searchRight{
	margin:0;
	padding:0;
	background:url(../images/images/search__05.gif) top left no-repeat;
	width:130px;
	text-align:left;
	float:left;
	height:26px;
	}
	
.default-value{
	width:138px;
	height:22px;
	background-color: transparent;
	border: none;
	margin:0;
	padding:0;
	padding:4px 0 0 5px;
	font-weight:normal;
	font-size:14px;
	}
	
	
.searchRes{
	padding:15px 0 15px 0;
	}

/*-----SEARCH-BOX-END----*/
	

	
/*-----FOOTER-----------*/


div#footer{
	clear:both;
	width:100%;
	height:160px;
	background:url(../images/footerBg.jpg) bottom center no-repeat ;
	font-size:12px;
	color:#3e3e3e;
	}
	
div#footMid{
	width:900px;
	height:103px;
	text-align:left;
	margin:auto;
	border-top: 1px #3e3e3e solid;
	}
	

div#footerLeft{
	float:left;
	}
	
div#footerLeft p{
	font-weight:bold;
	padding:20px 0 0 0;
	}
		
div#footerRight{
	float:right;
	}
	
div#footerRight p{
	font-weight:bold;
	padding:20px 0 0 0;
	}



/*-----FOOTER-END-------*/