/*  

Theme Name: OptimiseGB

Theme URI: http://www.mbarlow.com

Description: WP OptimiseGB theme designed by <a href="http://www.mbarlow.com">MBarlow Web Design</a>.

Version: 1.0

Author: Matt Barlow

Author URI: http://www.mbarlow.com



*/



			/** OPTIMISE-GB STYLING */

            /* Structure */

            body {background:#171615 url(images/body-bg.jpg) repeat-x;}

            #holder{background:transparent url(images/bg.jpg) no-repeat scroll center top;}

            #wrapper {margin:0 auto; width:1002px;}

            .btn {background:#000 url('images/btn.gif') no-repeat; width:78px; height:24px; display:block; color:#B8B8B8; float:left; padding:6px 0 0 7px;}

            .btn:hover {background-position: 0 -30px; color:#FFF;}

			.btnMed{background:#000 url('images/btn-med.gif') no-repeat; width:105px; height:24px; display:block; color:#B8B8B8; float:left; padding:6px 0 0 7px;}

            .btnMed:hover {background-position: 0 -30px; color:#FFF;}

            .alignleft {float:left;}

			.leftContent {float:left; width:600px; color:#A3A3A3; font-size:120%; margin: 0 105px 20px 0;}

            .leftContent  strong{color:#FFF; font-weight:normal;}

			

			.rightLinks {width:320px; background:#1A1918 url('images/bg-panel-body-wide.gif') repeat-y; position:absolute; top:380px; left:50%; margin:0 0 0 200px; }

	

			

			.rightLinks #topLink {width:320px; height:7px; float:left; display:block; background:#1A1918 url('images/bg-panel-top-wide.gif') no-repeat; }

			.rightLinks #botLink {width:320px; height:7px; float:left; display:block; background:#1A1918 url('images/bg-panel-bot-wide.gif') no-repeat; }

            .rightLinks ul {margin:0 10px 0 15px;}

			.rightLinks ul li{ margin:0 0 5px 0; background:transparent url('images/bulletLink.gif') no-repeat 0px 4px; padding: 0 0 0 15px;}

			.rightLinks ul li a {color:#A3A3A3;font-size:90%;}

			.rightLinks ul li a:hover{color:#FFF; }

			.rightLinks  h3 {margin: 0 0 5px 0; padding:0 0 0 10px; font-size:150%;	}

			.rightLinks  h4 {margin: 10px 0 5px 20px; padding:0 0 0 10px; font-size:100%; color:#FFF;	}

			.rightLinks .breaker {float:left; width:290px; border-bottom:1px dashed #2B2A28; height:1px; display:block; margin:10px 0px 10px 15px; clear:both; }

			label {color:#A3A3A3}

			

			            

            /*Header Nav */

            #headNav{height:47px; background:#EEE url('images/nav-grad.jpg') repeat-x; float:left; width:960px;}

            #headNav span#leftCorner {height:47px; width:10px; display:block; float:left; background:#EEE url('images/nav-grad-left.jpg') no-repeat; }

            #headNav span#rightCorner {height:47px; width:10px; float:right; display:block; background:#EEE url('images/nav-grad-right.jpg') no-repeat; }

            #headNav ul {float:right;}

            #headNav ul li {float:left; background:transparent url('images/bullet.gif') 0px 4px no-repeat; margin:15px 15px 0 0; padding: 0 0 0 10px;}

            #headNav a:hover {color:#0067B7;}

            

            /*Feature Area */

            #feature {  float:left;  width:1052px; position:relative; background:#FFF url('images/feature-jigsaw.jpg') no-repeat right bottom;}

            #feature #logo {width:179px; height:118px; background:transparent url('images/optimise-gb-logo.gif') no-repeat; display:block; position:absolute; top:-29px; left:1px}

            #feature #panelText { float:left; margin:140px 0 0 10px; height:117px; }

            #feature p {color:#575555; margin:0 0 0 2px;}

            #feature h1 {margin:0;}

            

            /* Nav */

            #nav {}

            #nav ul li {margin:0 1px 0 0 ; float:left;}

            #nav a{display:block; float:left}

            #nav a span{display:none; }

            #nav #navWelcome{width:131px; height:46px;background:#FFF url('images/nav-home.gif') no-repeat;}

            #nav #navWelcome.on, #nav #navWelcome:hover{background-position: 0 -46px;}

            #nav #navWhatWe{width:141px; height:46px;background:#FFF url('images/nav-whatwe.gif') no-repeat;}

            #nav #navWhatWe.on, #nav #navWhatWe:hover{background-position: 0 -46px;}

            #nav #navPresentations{width:164px; height:46px;background:#FFF url('images/nav-presentations.gif') no-repeat;}

            #nav #navPresentations.on, #nav #navPresentations:hover{background-position: 0 -46px;}

            #nav #navCase{width:145px; height:46px;background:#FFF url('images/nav-case.gif') no-repeat;}

            #nav #navCase.on, #nav #navCase:hover{background-position: 0 -46px;}

			#nav #navContactUs{width:139px; height:46px;background:#FFF url('images/nav-contactus.gif') no-repeat;}

            #nav #navContactUs.on, #nav #navContactUs:hover{background-position: 0 -46px;}

            #nav #navNews{width:145px; height:46px;background:transparent url('images/nav-news.png') no-repeat;}

            #nav #navNews.on, #nav #navNews:hover{background-position: 0 -46px;}

            

			/* Content Area  */

            #content { margin-top:40px; float:left; width: 960px; color:#FFF;}

            #content h2 {margin:0; width:610px; float:left;}

            #content h2 span {color:#FFF; font-weight:normal;}

            #content #quote {width:245px; background: url('images/quote.gif') no-repeat; float:right; padding:0 0 0 55px; margin:0 40px 0 0;}

            #content #quote h3 {margin:0; font-size:100%;}

            #content #quote p {margin:0; font-size:80%; margin-top:5px;}

            

            

            #content #panel1 {width:307px; height:214px; background:#171615 url('images/bg-panel1.gif') no-repeat; float:left; margin-right:17px; }

            #content #panel2 {width:307px; height:214px; background:#171615 url('images/bg-panel2.gif') no-repeat; float:left; margin-right:17px; }

            #content #panel3 {width:307px; height:214px; background:#171615 url('images/bg-panel3.gif') no-repeat; float:left; }

            

            #content .panel { display: inline; float:left;}

            #content .panel .inner {display:inline; float:left; width:266px; margin:60px 22px 0 22px; }

            #content .panel .inner h2 {color:#FFF; font-size:150%; width:260px;}

            #content .panel .inner p {color:#8C8C8C; font-size:100%; margin:10px 0 10px 0; float:left;}

            #content .panel .inner .btn {margin:5px 0 0 90px; display:inline;}

            

            /* Footer  */

            #footer {background:#171615 url('images/bg-footer.jpg') no-repeat; width:1011px; height:162px; display:block; float:left; margin:0 0 0 -60px;}

            #footer .socialHolder {float:right; margin: 60px 0 0 0; width:250px; color:#FFF;}

            #footer .socialHolder span {float:left; margin:17px 0 0 10px;}

            #footer .socialHolder .social {float:right; display:block; height:40px; width:128px; background:#171615 url('images/linkedin.gif') no-repeat; }

            #footer #footerNav {float:left; width:800px; margin: 30px 0 0 190px; color:#7F7F7F; display:inline;}

            #footer #footerNav ul li {float:left;}

            #footer #footerNav ul li span { margin: 0 5px 0 5px;}

            #footer #footerNav ul li a {color:#7F7F7F}

            #footer #footerNav ul li a:hover {color:#6DC1E3;}

            #footer #copyRight {float:right;}

			

			/* Services */

			#content .service {}

            #content .service h2 {font-size:160%; border-bottom: 1px solid #2A2A2A; padding-bottom:5px; width:960px; margin-bottom:10px;}

            #content .service .serviceText {width:625px; float:left; color:#A3A3A3; margin: 0 80px 0 0;}

			#content .service .serviceText img {margin: -10px 25px 25px 0px; }

            #content .service .quote {float:left; width:200px;background: url('images/quote.gif') no-repeat; color:#6DC1E3; padding: 0 0 0 55px; line-height:130%; font-size:110%; }

			#content .service .quote span {color:#FFF; font-size:80%}

			#content .service .btnMed {float:left; margin: 0px 0px 10px 0px; font-size:90%;}

			

			/* Presentations */

			#content .presentation { margin-bottom:40px;}

			#content .presentation h2 {font-size:160%;}

			#content .presentation .presentationText {width:625px; float:left; color:#A3A3A3; margin: 0 0 0 0;}

			#content .presentation .presentationDate {width:595px; float:left; padding: 0 0 5px 0; border-bottom: 1px solid #2A2A2A; margin:10px 0 10px 0;}

			#content #presentation {float:left; width:625px; margin: 0 80px 0 0;}	

			

			/*Contact Form */

			#content .wpcf7 {float:left; margin-top:-20px;}

			#content .wpcf7 h2 {width:300px;}

			#content .wpcf7 p span span {display:none !important;}

			#content div.wpcf7-response-output {width:325px; padding:10px !important; margin:0 !important;}

			#content div.wpcf7-response-output{-moz-background-clip:border;-moz-background-inline-policy:continuous;-moz-background-origin:padding;-moz-border-radius-bottomleft:3px;-moz-border-radius-bottomright:3px;-moz-border-radius-topleft:3px;-moz-border-radius-topright:3px;   background:#F14D45; padding:12px 10px 12px 10px !important; color:#FFF; margin:0 !important; border:0 !important;	float:left; }

			.submitbtn {float:left; margin-top:10px}

			.submitbtn input { background:#000 url('images/btn.gif') no-repeat; width:85px; height:30px; display:block; color:#B8B8B8; float:left;  border:0;}

            /* .submitbtn input:hover {background-position: 0 -30px; no-repeat; color:#FFF;} */

			.contactText {float:left; width:465px;}

			.contactText a {color:#FFF}

			.contactText a:hover {color:#6DC1E3}