/* CSS Document */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td{ margin:0; padding:0; border:0; outline:0; font-weight:inherit; font-style:inherit; font-size:100%; font-family:inherit; /*vertical-align:baseline; */}
/* remember to define focus styles! */
	:focus{outline:0;}
	body{ line-height:1; color:black; background:white; }
	ol, ul{ list-style:none;}
	
	/* tables still need 'cellspacing="0"' in the markup */
	table{ border-collapse:separate; border-spacing:0; }
	caption, th, td{ text-align:left; font-weight:normal; }
	blockquote:before, blockquote:after,
	q:before, q:after{ content:""; }
	blockquote, q{ quotes:"" ""; }
	/*end css reset*/
/* stops the nasty horizontal shift with centered layouts in moz etc */
html { height: 100%; margin-bottom: 1px; } 
/*.clear { clear:both; }*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

	
	body{
		margin:0 auto;
		font-size:75%;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		text-align:center;
		background:#fff url(/images/daybg5.jpg) repeat-x 0 0;
		color:#333;
	}
	#container{
		margin:0 auto; margin-bottom:5px;
		width:958px;
		background:#fff url(/images/h2_sidebar_bg.png) repeat-y 0 0;
		text-align:left;
/*		border-right:1px solid #ccc;
		border-left:1px solid #ccc;*/
		border-right:1px solid #ccc;
	}
	#header{
		height:171px; /*#321E66*/
		width:960px;
		margin:0 auto;
		background:url(/images/header-v2.jpg) no-repeat 0 0;
		clear:both;
	}
	#header h1{
		position:absolute;
		top:-999em;
		left:-999em;
		text-indent:-999em;
	}
	p{line-height:1.5;padding:0 0 15px 0;}
	#content{
		/*width:547px;*/ width:740px;
		clear:right;
		float:right;
		padding:10px 5px 0 0;
		background:#fff;
		min-height:300px;
		/*border-right:1px solid #ccc;*/
	}
	#content p{width:723px;}
	#content .content-small p{width:340px;}
	#sidebar p, #sidebar-b p{width:140px;}
	#sidebar,#sidebar-b{
		width:150px;
		clear:left;
		float:left;
		padding:0 0 0 10px;
		text-align:left;
		background:transparent;
	}
	.content-small{
		width:350px;
		float:left;
		padding:0 10px 0 0;
		background:#fff;
	}
	.content-small-contact{  float:left; width:350px;}
	
	.content-small img{
		margin:15px 0 10px 0;
	}
	#wide-content{
		padding:10px 0 10px 10px;
		background:#fff;
		width:938px;
		min-height:380px;
		/*border-right:1px solid #ccc;*/
		/*border-left:1px solid #ccc;*/
		clear:both;
	}
			#wide-content-home{
		padding:10px 0 10px 10px;
		background:url(/images/h2-engineering-bg.jpg) no-repeat;
		width:938px;
		min-height:380px;
		/*border-right:1px solid #ccc;*/
		/*border-left:1px solid #ccc;*/
		clear:both;
	}
	/*
	footer
	*/
	#footer{font-size:80%;
		border:1px solid #ccc; border-right:0;
		clear:both;
		text-align:center;
		background:#333366; /*url('/images/dayfooter.png') repeat-x 0 0;*//*footer-bg.gif*/
		padding:5px 0 0 0;
		height:35px;
		color:#fff;
	}
	#footer a:link, #footer a:visited{
		color:#fff;
		text-decoration:none;
	}
	/*
	homepage 3 sections
	*/
	.index-button-image{
		width:200px;
		text-align:justify;
		/*height:340px;*/
		margin:5px 22px 5px 12px;
		/*padding:25px 41px 5px 41px;*//*41*/
		float:left;
		background:#fff;
		/*border:1px solid #ddd;*/
		/*padding-bottom:20px;*/
		background:transparent;
	}
	.index-button-image:hover{
		/*background:#ddd;
		border:1px dashed #aaa;*/
	}
	.index-button-image img{
		color:#000;
		background:#fff;
		border:1px solid #fff;
		border-bottom:2px solid #fff;
		padding:0 0 10px 0;
	}
	.index-button-image img:hover{
		background:#fff;
		border:1px solid #fff;
		border-bottom:2px solid #362470;
	}
	img.text-imgs{
		padding:0 0 2px 0;
		background:#eee;
		border-bottom:2px solid #ccc;
	}
	img.text-imgs:hover{
		border-bottom:2px solid #362470;
	}
	#bordertopbot{border-left:0;border-right:0;}
	/*
	links
	*/	/*color:orange;*/
	a:focus{outline:1px dotted #555;}
	a:link,a:visited{color:#362470; text-decoration:underline;}
	a:hover,a:active{color:#000099; text-decoration:none;}
	/*
	headings
	*/
	h1,h2,h3,h4,h5,h6{ font-family:Arial, Helvetica, sans-serif; 
		font-weight:bold;
		text-transform:capitalize;
		color:#333;
	}
	h1,h2{font-size:130%;}
	
	h3{font-size:120%;}
	
	#container h2.indexpage,#container h2.main-heading{
		padding:10px 0 10px 10px;
		margin:0 0 5px 0;
		background:#fff;
		color:#555;
		border-bottom:1px solid #eee; /*letter-spacing:3px; word-spacing:10px;*/  /*font-weight:normal;*/ 
		/*border-right:1px solid #ccc;*/
		/*border-left:1px solid #ccc;*/
		/*border:1px solid red;*/
	}
	#container h2.main-heading{
		padding:10px 0 10px 32px;
		width:748px;
		float:right;
		clear:right;
		/*display:none;*/
	}
	#subnav h2,#sidebar h2,#sidebar-b h2{
		padding:15px 0 10px 0;
	}
	#button h2,.button h2{
		padding:10px 0 10px 0px;
		text-align:center;
		margin:0;
		border-bottom:1px solid #eee;
		background:#fff; color:#555;
		font-style:italic; text-transform:uppercase; /*font-variant:small-caps;*/ /*font-weight:normal;  */
	}
	/*
	lists
	*/
	#wide-content ul li, #content ul li, #sidebar ul li{
		list-style:disc;
		padding:0 0 10px 5px;
		line-height:1.2;
	}
	#wide-content ul, #content ul, #sidebar ul{
		padding:5px 0 10px 20px;
	}
	#wide-content-home ul li{
		list-style:url(/images/arrow-bullet.png);
		padding:0 0 10px 5px;
		line-height:1.2;
		font-size:95%;
	}
		#content ul li, #sidebar ul li{
		list-style:url(/images/arrow-bullet.png);
		padding:0 0 10px 5px;
		line-height:1.2;
	}
	#wide-content-home ul, #content ul, #sidebar ul{
		padding:5px 0 10px 20px;
	}
	.section-heading {
		width:194px;
		background:#d0d0d0;
		padding:2px 0 2px 4px;
		margin-bottom:10px;
		font-weight:bold;
		color:#333366;
	}
	/*
	nav main
	*/
	.pic_border{ border:1px solid #000; }
	/*
	sub nav active 
	*/
	body#modular a#migabout,body#mig_finishes a#migfinishes,body#gallery a#gallery,body#mig_installation a#miginstallation,body#mig_benefits a#migbenefits,
	body#cladding a#claddingabout,
	body#claddingtechnical a#claddingtechnical,body#sheds a#sheds,body#garages a#garages,body#workshops a#workshops,
	body#stables a#stables, 
	body#whybuyfromh2 #whybuyfromh2,
	body#stagesofinstallation #stagesofinstallation, 
	body#meettheteam #meettheteam,
	body#about #aboutus-sub,
	body#buildingcontrol #buildingcontrol-snav,
	body#flashings #flashings-nav,
	body#rollerdoors #rollerdoors-nav,
	body#purlins #purlins-nav,
	body#faq-sheds #faq,
	body#faq-cladding #faq,
	body#faq-modular #faq,
	body#faq-structuralbuilds #faq
	{
		color:#fffc00;background:#362470; /*font-style:italic; */ /*text-align:center;*/ text-align:left; 
		/*round corners ie8 + */
		 -webkit-border-radius:3px;  
		-moz-border-radius:3px;     
		 -khtml-border-radius:3px;      
		border-radius:3px;    
		
		}
		
		/*
		Quote button in sub nav
		*/
		 #quotebutton a:link,  #quotebutton a:visited{ 
 background:#ddd; /* #FFFECC FEFF8F #ffff33*/
		/*round corners ie8 + */
		 -webkit-border-radius:3px;  
		-moz-border-radius:3px;     
		 -khtml-border-radius:3px;      
		border-radius:3px;    text-transform:uppercase;  
		/*width:130px;*/ margin:0 auto; 
		  }
		  		 #quotebutton a:hover,  #quotebutton a:active { 
				 background:#fff;
				 }

		
	/*
	subnav
	*/
	#subnav,.subnav{
		float:left;
		clear:left;
		width:177px;
		padding:0;
		margin:0;
		text-align:left;/* border:1px solid red;*/
	}
	/*
	subnav css tabs
	*/
	#button{
		/*width:175px;*/
		width:100%;
		background:transparent;
		font-weight:bold;
		text-transform:capitalize;
		text-align:left;
	}
	#button ul{
		list-style:none;
		margin:0;
		padding:0;
		border:none;
	}
	#button li{
		border-bottom:1px solid #ddd;
	}
	#button li a{/*font-family:"trebuchet ms", verdana, sans-serif;*/ font-family:Arial, Helvetica, sans-serif; 
		font-size:110%;
		display:block;
		padding:6px 0px 6px 30px;
		text-decoration:none;
		color:#362470;
		border-bottom:#fff 1px solid;
		line-height:1.5;
	}
	html>body #button li a{
		width:auto;
	}
	/*hover tab*/
	#button li a:hover, #button li a:focus{
		font-weight:900;
		text-decoration:underline;
	}
	

	
	/*
	=Start table structure
	*/
	#Summary, #Caption{ width:28em; }
	.tableStyle{width:95%; margin:1em 0 1em 0; border:solid #666; border-width:1px 0 0 1px; border-collapse:collapse; }
	.tableStyle th, .tableStyle td{ border:solid 1px #aaa; border-width:0 1px 1px 0; padding:0.2em; }
	/*
	=End table structure
	*/
	
	/*
	=Start grey colour scheme
	*/
	.greyScheme, .greyScheme th, .greyScheme td{ border-color:#aaa; }
	.greyScheme .even{ background-color:#eee; }
	.greyScheme .odd{ background-color:#F5F5F5; }
	.greyScheme th, .greyScheme thead td{ background:#A1E9C1; color:#333; font-weight:bold; text-align:center; padding:10px 0 10px 0; }
	.greyScheme th.firstColumn{ background:#555; }
	td{ line-height:1.5;}
	/*
	=End grey colour scheme
	*/
	/*
	edit below
	*/
	.center{ text-align:center;}
	.right{ text-align:right; }
	/* Begin Images */
	p img{ padding:0; max-width:100%; }
	
	/*
	image centering
	*/
	img.centered{display:block;margin-left:auto;margin-right:auto;}
	img.alignright{padding:4px;margin:0 0 2px 7px;display:inline;}
	img.alignleft{padding:4px;margin:0 7px 2px 0;display:inline;}
	.alignright{float:right;}
	.alignleft{float:left}
	/* End Images */
	strong{font-weight:bold;}
	/*
	contact form
	*/
	.submit{padding:2px 2px;font-weight:bold; margin-bottom:20px; }
	.c-formpadding{ padding:0 0 20px 10px;font-weight:bold; text-transform:capitalize; }
	.c-formpadding input, .c-formpadding textarea, .c-formpadding select, .googleforminput, .inputstyle{ border:1px solid #777;  }
	#c-googlemap{ border:1px solid #777; }
	
	.required{color:#362470;font-weight:bold;}
	#mailform{padding:10px;background:#F8F7F7;border:1px solid #D5D0BA; /*width:260px; margin-left:50px;*/ }
	.viewed{color:#fff;}
	/* map */
	em{text-transform:uppercase;font-style:normal;}
	/*1234 next >*/
	.next-prev a{background:#aaa; color:#eee;}
	/*webdesign by*/
	.webdesign{font-size:80%;padding:0;margin:0 auto; 
	padding-bottom:10px; width:960px; text-align:right; background:transparent;}
	
	/* img zoom */
	#img-zoom1,#img-zoom2,#img-zoom3,#img-zoom4{background:#fff url(/images/finish_zoom1.jpg) no-repeat 0 0;
	width:498px;height:349px; margin:0 auto 25px auto;}
	#img-zoom2{background:#fff url(/images/finsih_zoom2.jpg) no-repeat 0 0;}
	#img-zoom3{background:#fff url(/images/finish_zoom3.jpg) no-repeat 0 0;}
	#img-zoom4{background:#fff url(/images/finish_zoom4.jpg) no-repeat 0 0;}
	#img-zoom1 p,#img-zoom2 p,#img-zoom3 p,#img-zoom4 p{padding:280px 0 0 3px;width:250px;}
	
	#accessibility{ position:absolute; top:-999em; left:-999em; }
	
	/*layout test div*/
	/*div{ border:1px solid red; }*/
	
	/* GLOBALHEADER 
	based on catswhocode.com/blog/how-to-recreate-applecom-menubar
	*/
	#globalheader { width: 960px; height: 38px; margin: 0 auto; position: relative; z-index: 9998;   }
	#globalheader #globalnav { margin: 0; padding: 0; }
	#globalheader #globalnav li { display: inline; }
	#globalheader #globalnav li a { float: left; width: 137px; height: 0; padding-top: 38px; overflow: hidden; }
	#globalheader #globalnav li a,
	#globalheader #globalsearch { background-image: url(/images/globalnavbg.png); /*_background-image: url(/images/globalnavbg.gif); background-repeat: no-repeat;*/ }
	
	/* BUTTONS */
	#globalheader #globalnav li#gn-home a {             background-position: 0 0; }
	#globalheader #globalnav li#gn-structuralbuilds a { background-position: -137px 0; }
	#globalheader #globalnav li#gn-sectionalsheds a {   background-position: -274px 0; }
	#globalheader #globalnav li#gn-modularbuilds a {    background-position: -411px 0; }
	#globalheader #globalnav li#gn-cladding a {         background-position: -548px 0; }
	#globalheader #globalnav li#gn-aboutus a {          background-position: -685px 0; }
	#globalheader #globalnav li#gn-contactus a {        background-position: -822px 0; }
	
	/* OVER STATES */
	#globalheader #globalnav li#gn-home a:hover { 			  background-position: 0 -50px; }
	#globalheader #globalnav li#gn-structuralbuilds a:hover { background-position: -137px -50px; }
	#globalheader #globalnav li#gn-sectionalsheds a:hover {   background-position: -274px -50px; }
	#globalheader #globalnav li#gn-modularbuilds a:hover {    background-position: -411px -50px; }
	#globalheader #globalnav li#gn-cladding a:hover {         background-position: -548px -50px; }
	#globalheader #globalnav li#gn-aboutus a:hover {          background-position: -685px -50px; }
	#globalheader #globalnav li#gn-contactus a:hover {        background-position: -822px -50px; }
	
	/* PRESSED STATES */
	#globalheader #globalnav li#gn-home a:active { 			   background-position: 0 -100px; }
	#globalheader #globalnav li#gn-structuralbuilds a:active { background-position: -137px -100px; }
	#globalheader #globalnav li#gn-sectionalsheds a:active {   background-position: -274px -100px; }
	#globalheader #globalnav li#gn-modularbuilds a:active {    background-position: -411px -100px; }
	#globalheader #globalnav li#gn-cladding a:active { 		   background-position: -548px -100px; }
	#globalheader #globalnav li#gn-aboutus a:active { 		   background-position: -685px -100px; }
	#globalheader #globalnav li#gn-contactus a:active { 	   background-position: -822px -100px; }
	
	/* ON STATES */
	body.home #globalnav li#gn-home a:hover { 					background-position: 0 0; cursor: default; }
	body.home #globalnav li#gn-home a {						    background-position: 0 -150px !important; }
	body.structuralbuilds #globalnav li#gn-structuralbuilds a { background-position: -137px -150px !important; }
	body.sectionalsheds #globalnav li#gn-sectionalsheds a { 	background-position: -274px -150px !important; }
	body.modularbuilds #globalnav li#gn-modularbuilds a { 		background-position: -411px -150px !important; }
	body.cladding #globalnav li#gn-cladding a { 				background-position: -548px -150px !important; }
	body.aboutus #globalnav li#gn-aboutus a { 					background-position: -685px -150px !important; }
	body.contactus #globalnav li#gn-contactus a { 				background-position: -822px -150px !important; }
	
	
	#flash-rotator{ /*border:1px solid #555;*/ width:640px; padding:20px; margin:0 auto; color:#555; 
	/*background:url(../1.jpg) 0 0 no-repeat;*/  }
	.bold { font-weight:bold; }


	/* home sections rollover
	based on catswhocode.com/blog/how-to-recreate-applecom-menubar
	*/
	/*#home-content{ background:#fff; }*/
	#sections-box { width: 930px; height: 220px; margin: 0 auto; position: relative; z-index: 9998; padding-top:10px;   }
	#sections-box #nav-sections { margin: 0; padding: 0; }
	#sections-box #nav-sections li { display: inline; }
	#sections-box #nav-sections li a { float: left;  width: 230px; height: 0; padding-top: 220px; /*padding-right:5px;*/ overflow: hidden;  }
	#sections-box #nav-sections li a,
	/*#sections-box #nav-sections { background-image: url(/images/sections-h2-v2.jpg); _background-image: url(/images/globalnavbg.gif); background-repeat: no-repeat; }*/
	
	#sections-box #globalsearch { background-image: url(/images/sections-h2-v2.jpg); /*_background-image: url(/images/sections-h2-v2.jpg);*/ 
	background-repeat: no-repeat; }
	
	/* BUTTONS */
	#sections-box #nav-sections li#sn-structuralbuilds a { background-position: 0 0; }
	#sections-box #nav-sections li#sn-sectionalsheds a {   background-position: -234px 0; }
	#sections-box #nav-sections li#sn-modularbuilds a {    background-position: -470px 0; }
	#sections-box #nav-sections li#sn-cladding a {         background-position: -702px 0; }
	
	/* OVER STATES */
	#sections-box #nav-sections li#sn-structuralbuilds a:hover { background-position: 0px -250px; }
	#sections-box #nav-sections li#sn-sectionalsheds a:hover {   background-position: -234px -250px; }
	#sections-box #nav-sections li#sn-modularbuilds a:hover {    background-position: -470px -250px; }
	#sections-box #nav-sections li#sn-cladding a:hover {         background-position: -702px -250px; }



	.main-content-b { float:left; width:450px; }
	#content .main-content-b ul li{ line-height:1.5; }
	#content .main-content-b p{width:430px;}
	
	.sidebar-images{ float:right; clear:right; width:250px; padding-right:20px; }
	.sidebar-images img {  margin-bottom:10px;}
	
	div { position:relative; }
	#content #cladding-img{ position:absolute; top:0px; right:20px; }
	/*#content #mailform{ position:absolute; top:0px; right:20px; }*/
	
	#findus-postcode-box label,  #findus-postcode-box input { display:inline;  }
	.caption{ text-transform: capitalize; text-align:center; /*font-weight:bold;*/  }
	
	table#flashings p{ width:350px; }
	table#flashings{ width:715px; margin:0 auto;}
	
	#content .sidebar-images p{ width:260px;  }
	
	/*div { border:1px solid red; }*/
	
	.contact-location-info{ width:440px; float:left; /*border:1px solid green;*/  }
	.contact-form-info{ width:240px; float:right; clear:right; padding-right:20px; /* border:1px solid red;*/ }
	body#contact #content{ /*border:1px solid orange;*/ }
	body#contact #content p{ width:auto; }
	
	.index-button-image ul li{ /*font-weight:bold;*/ color:#555; }
	
	.call-to-action{ font-size:110%; font-family:Arial, Helvetica, sans-serif; color:#333; text-transform:capitalize; }
	
	body#home #container{ background-image:none; }
	#home-content, #wide-content{ border-left:1px solid #ccc; }
	#stables-box{ margin:0 auto; width:520px;  }