/*Author - Vincent Foreman Redhead Media Ltd www.redheadmedia.co.uk*/
/*Site Colours:
links (blue) #346398
p (drk grey) #999
background grey #333
Nav yellow #CDD54F
darker blue #2E4E5D
*/
/*=main divs*/
/*=fonts*/
/*=links*/
/*=navigation*/
/*=images*/
/*=lists*/
/*=headings*/
/*=forms*/
/*=tables*/

/*RESET*/
p, ul, li, h1, h2, h3, h4, h5, em, table, td, tr, form{padding: 0; margin: 0; list-style: none; font-style: normal;}


/*=main divs*/
body {margin: 0; padding: 0; width: 100%; font-family: arial, helvetica, sans-serif; font-size: 62.5%; background-color: #333;}
#wrapper {position: relative; margin-right: auto; margin-left: auto; width: 880px; padding: 0;}
#header {margin: 0; padding: 0; width: 880px; height: 353px; background: url('images/header_back.jpg') bottom left no-repeat ;}
body#case #header{height: 252px; background: url('images/header_back_proj.jpg') top left no-repeat ;}
body#about #header{height: 252px; background: url('images/header_back_about.jpg') top left no-repeat ;}
body#contact #header{height: 252px; background: url('images/header_back_contact.jpg') top left no-repeat ;}
body#products #header{height: 252px; background: url('images/header_back_con.jpg') top left no-repeat ;}
body#gal #header{height: 252px; background: url('images/header_back_gal.jpg') top left no-repeat ;}
.content {
	position: relative;
	float: right;
	margin: 0;
	padding: 0;
	width: 580px;
	background: #232323 url('images/content_header.jpg') top left no-repeat;
	/*height: 193px;*/

	}
.content_outer{background: url('images/content_repeat.jpg') top left repeat-y; padding: 10px 35px 20px 30px; margin-top:10px}
.bottom_foot{background: #333 url('images/content_bottom.jpg') top left no-repeat; height: 20px; width: 580px; }
.home_case{position: absolute; top: 90px; left:350px; padding-right: 15px}
.sidebar{ padding: 0; width: 290px; margin: 0 }
#footer{ clear: both; margin: 0; padding-top: 10px; width: 880px;  }
.footer_gut{border-top: 1px solid #515151; margin-top: 30px; padding: 20px 0}
.testimonial{padding:20px; background-color: #eee; color: #2E4E5D; border: 1px solid #ccc; margin-bottom: 20px;background: #eee url('images/quote-mark.jpg') bottom right no-repeat;}

/*=navigation*/
ul.navigation{position: absolute; top: 95px; left: 250px; width: 650px}
.navigation li{display: inline; margin-right: 20px}
.navigation li a{color: #fff; font-size: 1.4em; text-decoration: none; letter-spacing: .15em; line-height: 2em}
.navigation li a:hover{text-decoration: none; color: #CDD54F; border-bottom: 1px dotted #CDD54F; padding-bottom: 2px}
body#home #home_here a, body#about #about_here a, body#products #prod_here a, body#case #case_here a, body#gal #gallery_here a, body#contact #contact_here a{color: #CDD54F; border-bottom: 1px dotted #CDD54F;}
#footer ul{float: right; text-align:right; font-size: 1.2em; color: #ccc; letter-spacing: .1em}
#footer ul li a{color: #ccc; letter-spacing: .1em }
#footer ul li{display: inline}
#footer ul li.red{font-size: .9em; height: 20px}

/*=Headings*/
h1, h2, h3, h4, h5{font-weight: normal; font-family: verdana, sans-serif; line-height: 100%}
/*h1{font-size: 1.5em; color: #fff; background-color: #333; letter-spacing: -.01em; padding: 0 0 10px 0; font-weight: normal; text-decoration: underline}*/
h1{font-size: 1.6em; color: #666 ; letter-spacing: -.01em; padding: 7px 0 7px 5px; font-weight: normal; background-color: #eee; border-top:1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-bottom: 10px; line-height: 1.7em}
h2{font-size: 1.4em; color: #666 ; letter-spacing: -.01em; padding: 4px 0 4px 3px; font-weight: normal; background-color: #eee; border-top:1px dashed #ddd; border-bottom: 1px dashed #ddd; margin-bottom: 10px}
/*h2{font-size: 1.4em; color: #2E4E5D  ; padding: 15px 0 10px 0}*/
h1.head1{font-size: 2em; padding: 12px 0 6px 24px; color: #fff; font-family: sans-serif, verdana, arial, 'trebuchet ms'; letter-spacing: -.05em}
h1 em{font-size: .6em; color: #CDD54F; letter-spacing: normal}
/*=paragraphs and text*/
p{color: #333; font-size: 1.3em; line-height: 1.6em; padding-bottom: 15px}
p.casestudies{font-size: 1.7em; padding-bottom: 5px; font-family: verdana; color: #346398; passing-right: 20px}
em.number{font-size: 1.1em; color: #2E4E5D; letter-spacing: .02em}
p.address {color: #bbb; font-size: 1.1em; float: right; width: 380px; text-align: right; padding-top: 15px; line-height: 1.4em; letter-spacing: .1em}
p.home_content{width: 280px; margin-right: 48px; }
.sideform p.formbottom{background: url('images/contact-frm-foot.jpg') bottom left no-repeat ; padding: 10px 40px 20px 25px; color: #2E4E5D; font-size: 1.5em; font-style: italic}
.sideform p{padding: 20px 0 10px 10px; font-size: 1.2em; line-height: 1.2em }
.footer_gut p.foot_address{position: relative; top: 0; left: 0; color: #ccc; font-size: 1.2em; width: 360px; letter-spacing: .1em}
/*=forms*/
.sideform {background: url('images/contact-frm-repeat.jpg') top left repeat-y ; padding: 0; margin:0}
.sideform form{background: url('images/contact-frm-hd.jpg') no-repeat ; padding: 0 0 0 20px; margin: 0; }
.sideform form label{font-size: 1.4em; padding-right: 10px}
.thanksform label{font-size: 1.4em; padding-right: 10px}
.sideform form input{border: 1px solid #999; background-color: #fff}
.thanksform input{border: 1px solid #999; background-color: #fff; width: 150px}
form textarea{border: 1px solid #999; width: 143px; height: 60px; overflow: hidden; overflow-x: hidden;font-family: arial; font-size: 1.1em  }
td.longer textarea{border: 1px solid #999; width: 149px; height: 60px; overflow: hidden; overflow-x: hidden; font-family: arial; font-size: 1.1em }
form table{padding: 0 0 0 0; margin: 0}
form table td.rfrm{text-align: right}
.thanksform table td.rfrm{text-align: center}
.thanksform table td.thanksrfrm{text-align: left; width: 80px}
/*.thanks{height: 200px}*/
em.error{color: #ff0000}
form input.submit{background: #232323 url('images/button.jpg') repeat-x bottom left; color: #fff; border: 1px solid #ccc; width: 110px}
.thanksform table{padding: 0 0 0 0; margin: 0; width: 358px}
.thanksform { padding: 0 0 0 20px; margin: 0; }
/*=links*/
a{text-decoration: none; font-size: 1.2em; line-height: 1.5em}
a:hover{text-decoration: underline}
a.blocklink{color: #346398; display: block;background: url('images/lnk_arr.jpg') no-repeat center left; padding-left: 15px }
.home_case a.blocklink{color: #2E4E5D; display: block; background: none; padding: 0; }
a.blocklink:hover{}
a.stanlink{color: #2E4E5D; background: url('images/lnk_arr.jpg') no-repeat center left; padding-left: 15px }
p.casestudies a{font-size: 1em; color: #2E4E5D; text-decoration: none}
/*=images*/
a img{border: none}
img.star{margin-left: -12px; margin-top:-15px}
.extra10{margin-top: 30px}
.home_case img{padding-top: 5px}
p.casestudies a img{margin-bottom: -2px}
p a{font-size: 100%; text-decoration: underline; color: #2E4E5D }
.imgright {float: right; padding: 3px; border: 1px solid #ccc; margin: 4px 0 8px 12px}
/*=lists*/
ul.normlist {margin: 5px 0 15px 0}
ul.normlist li{font-size: 1.2em; color: #333; margin: 4px 0}
ul.normlist li em{color: #2E4E5D; text-decoration: underline}
ul.gallery li{display: inline; float:left;  text-align: center;  }
ul.gallery li a img{display: block; margin: 4px 4px 4px 4px; border: 1px solid #fff; }
ul.gallery li img:hover{border: 1px solid #ccc}
ul.gallery li a:active {border:none; text-decoration: none}
ul.gallery li:active{border: none}
ul.gallery li a{text-decoration: none}
ul.gallery2{margin-left: 10px}
ul.gallery2 li{float:left;  text-align: center; width: 135px; margin: 10px; color: #346398; font-size: 1.1em}
ul.gallery2 li img{display: block;  border: 1px solid #ccc; }


/*classes*/
.clear{clear: both; padding-top: 10px}

/*=Tables*/
table.clientlist{width:95%; border-collapse: collapse; padding: 0; margin: 0 auto; margin-bottom: 5px;}
table.clientlist{font-size: 1.1em}
table.clientlist tr{border-bottom: 1px solid #ccc; height: 30px}
table.clientlist td{width: 30%; padding-right: 3px}
a.backtotop{display:block; font-size: 1.1em; margin-bottom: 30px; padding-left: 15px; color:#2E4E5D }