/* css reset */
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,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td,article,aside,canvas,details,embed,figure,figcaption,footer,header,hgroup,menu,nav,output,ruby,section,summary,time,mark,audio,video{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block}
body{line-height:1}
ol,ul{list-style:none}
blockquote,q{quotes:none}
blockquote:before,blockquote:after,q:before,q:after{content:none}
table{border-collapse:collapse;border-spacing:0}
 
body { background: url('../images/content_background.jpg'); }
.header { background: url('../images/header_backbround.jpg'); height: 130px; }
.header .logo { padding-top: 5px; }
.header .contact { padding: 20px 0 15px 0; position: relative; }
.header .contact .contact_details { color: #006C32; left: 45px; position: absolute; top: 28px; }

.header .menu li.selected:before { background: url('../images/seleced_menu.png'); content: " "; height: 12px; position: absolute; top: 36px; width: 23px; }

.header .menu li { padding-left: 20px; position: relative; font-size: 20px; }
.header .menu a { text-decoration: none; }
.header a:link, .header a:visited { color: #006c32; }
.header a:active, .header a:hover, .header a:focus, .header li.selected { color: #11aa44; }

.devider { background: url('../images/divider.png') repeat-x; height: 14px; }
.content { background-color: #ffffff; color: #6a6a6a; font-size: 14px; line-height: 1.5em; }
.content .page_image { padding-bottom: 30px; }
.footer { color: #c5e13a; margin: 0 0 20px 0; }
.footer ul { font-size: 12px; padding: 10px 0 20px 50px;  }
.footer ul li:after { content: "|"; padding: 0 5px; }
.footer ul li.last-element:after { content: "" }

.footer a:link, .footer a:visited { color: #c5e13a; text-decoration: none; }
.footer a:active, .footer a:hover, .footer a:focus, .footer li.selected { color: #c5e13a; text-decoration: underline; }


li { float: left; }
.centerd { margin: 0 auto; width: 950px; }
.left { float: left; }
.right { float: right; }
strong { display: block; font-size: 20px; padding-bottom: 35px; line-height: 1.5em; }
p { padding-bottom: 35px; }

h2 { display: block; font-size: 20px; line-height: 1.5em; }

.header .contact, .content, .footer { font-family: "Helvetica Neue", Arial, Helvetica, sans-serif; }
.content { font-size: 15px; }
.footer { font-size: 15px; }

/* home page */
.header .menu li.home-tab.selected:before { left: 32px; }
.homepage .content { background: #ffffff url('../images/block_bottom.jpg') bottom no-repeat; padding-bottom: 200px; }
.homepage .content .left { padding-left: 20px; }
.homepage .content .left img { padding: 5px 0 0 10px; }
.homepage .content .right {  width: 455px; padding-right: 50px; }

/* case studies */
.header .menu li.case-studies-tab.selected:before { left: 60px; }
.case-studies .content { background: #ffffff url('../images/hedge_bottom.jpg') bottom no-repeat; padding-bottom: 200px; }
.case-studies .content .right {  width: 455px; padding-right: 50px; }
.case-studies .thumbnails { padding-left: 50px; width: 340px;}
.case-studies .thumbnails a img { padding-left: 10px; }
.case-studies .image-header { padding-left: 80px; position: relative; }
.case-studies .image-header span { left: 130px; position: absolute; top: 6px; }

/* contact */
.header .menu li.contact-tab.selected:before { left: 37px; }
.contact .content { background: #ffffff url('../images/decking_bottom.jpg') bottom no-repeat; padding-bottom: 200px; }
.contact .content .left { padding-left: 20px; }
.contact .content .left img { padding: 5px 0 0 10px; }
.contact .content .right {  width: 455px; padding-right: 50px; }
.contact .content .right .detail-element { clear: both; padding-bottom: 20px; }
.contact .content .right .detail-element em { font-weight: bold; }
.contact .content .right .detail-element .title { float: left; }
.contact .content .right .detail-element .details { float: left; padding-left: 20px; }
.contact .content .right .detail-element .visit { font-size: 20px; line-height: 1.5em; }
.detail-element a:link, .detail-element a:visited { color: #6A6A6A; text-decoration: none; }
.detail-element a:active, .detail-element a:hover, .detail-element a:focus { color: #888888; text-decoration: underline; }

.contact .content .right .title { background: url('../images/tag.png') no-repeat; color: #ffffff; display: inline-block; font-size: 20px; height: 30px; padding-top: 6px; text-align: center; width: 81px; }
	
	
/* shadow */
.content {
	-moz-box-shadow:    0 3px 10px 1px #333;
	-webkit-box-shadow: 0 3px 10px 1px #333;
	box-shadow:         0 3px 10px 1px #333;
}