/* HEADER STYLES */
div#header {background: url(../img/header-bg.gif) repeat-x left bottom #748d9b; padding-top:3.8em;}
div#header div.content {position:relative;}
#company-logo a {display:block; width:362px; height:109px; line-height:109px; text-indent:-9999px; background: url(../img/logo.gif) no-repeat center;}
a#wbe {display:block; width:261px; height:66px; line-height:66px; text-indent:-9999px; background: url(../img/wbe.gif) no-repeat center; position:absolute; right:0; top:2em;}

ul#main-nav {float:right;}
	ul#main-nav li {float:left; overflow:hidden; margin-left:5px;}
		ul#main-nav li a {float:left;}
		ul#main-nav li.active a {background: url(../img/nav-active-l.gif) no-repeat left top; color:#5e7b8c;}

/* BODY STYLES */		
div#body {background: url(../img/body-bg.gif) repeat-x left top #e5e7e7; padding-top:5.6em;}
div#banner {margin-bottom: 4em;}
	div#banner img { width:1000px; height:234px; }
	div#body div.content {position:relative;}
		div#body div.content p.breadcrumb {position:absolute; top:23.75em; left:57.25em; border-bottom:1px dashed #cdcdcd; padding-bottom:.5em;}
div.left {float:left; width:63.5em; clear:left;}
	div.left div.section {padding-bottom:2em; border-bottom:1px dashed #9ca9ac; margin-bottom:3em;}
	div.left div.last {padding-bottom:3em; border-bottom:none; margin-bottom:0;}
	div.left ul {padding-bottom:1.5em;}
	
div.right {margin-left:68.5em;}
	div.left p a.block {background:#d9d9d9; padding:.2em;}
	div.left p a.block:hover {background:#658188; color:white;}
	
div.right dl.contact-info {padding-top:1em;}
	div.right dl.contact-info dt {float:left; width:5em;}
	div.right dl.contact-info dd {margin-left: 7em;}

div.contact {padding-bottom:130px; background: url(../img/contact-bg.png) no-repeat right bottom;}

div#body2 {padding:3em 0 3.25em; background:#9ca9ac;}
div#body2 div.service {width:35.75em; background-position: left center; background-repeat:no-repeat; padding-left:11em; float:left; margin-top:1em;}
div#body2 div.pm, div#body2 div.tdd {padding-right:5em;}
div#body2 div.tdd, div#body2 div.bcs {margin-top:2.8em;}
div#body2 div.pd, div#body2 div.bcss {padding-left:12em;}
	div#body2 div.pm {background-image: url(../img/pm-bg.gif);}
	div#body2 div.pd {background-image: url(../img/pd-bg.gif);}
	div#body2 div.tdd {background-image: url(../img/tdd-bg.gif);}
	div#body2 div.bcs {background-image: url(../img/bcs-bg.gif);}
	div#body2 blockquote p.author {padding-top:1em; padding-bottom:0;}
	
div#body2 blockquote.separator { margin-top:2.5em; padding-top:2.5em; border-top:1px dashed #5e7b8c; }
	
div#body3 {background:#e6e8e8; padding:3.3em 0 3.75em;}
div#body3 div.half {float:left; margin-right:4.5em; width:29.5em;}
div#body3 div.left div.last {margin-right:0;}

ul.bullets {list-style-type: disc; padding-left:1.5em; overflow:hidden; }
	ul.double li { float:left; width:45%; margin-right:2em; }
img.right {float:right; margin-left:1em; margin-bottom:1em; border:1px solid #ccc;}
img.left {float:left; margin-right:4em; display:block;}
div.legal { padding-bottom:2.5em; }
div.legal ol { list-style-type:decimal; padding-left:4em; padding-bottom:1em; }
	div.legal ol li { margin-bottom:.5em; }

/* FORM STYLES */
form#contact {margin-bottom:2.5em;}
form#contact label {display:block; margin-bottom:.5em; margin-top:.5em; float:left; clear:left; width:9em;}
form#contact label.error {display:inline; color:#db6161; float:none; }
form#contact input.text, form#contact textarea {background:#9ca9ac; border:2px solid #8c8c8c; padding:.25em; color:white; width:15em; margin-right:1em;}
form#contact input.text:focus, form#contact textarea:focus {background:#5e7b8c;}
form#contact textarea {height:5em; width:25em;}
form#contact div {margin-bottom:1.5em;}
form#contact input#submit {background:none; padding:.25em .75em; border:1px solid #9ca9ac; cursor:pointer; color:#565656; margin-left:11.25em;}
form#contact input#submit:hover {background:#5e7b8c; color:white;}
	
/* FOOTER STYLES */
div#footer {background:#5e7b8c; padding-top:5em; padding-bottom:2em;}
	div#footer p {padding:0;}
	div#footer ul {float:left;}
		div#footer ul li {float:left; margin-right:1.5em;}

/* HEADLINE STYLES */
.image {height:26px; line-height:26px; text-indent:-9999px; background-position:left bottom; background-repeat:no-repeat; margin-bottom:2em;}

h1.image {margin-bottom:1em;}
h1#about-us {width:112px; background-image: url(../img/headlines/about-us.gif);}
h1#services {height:33px; line-height:33px; width:256px; background-image: url(../img/headlines/services.gif);}
h1#pm {height:29px; line-height:29px; width:296px; background-image: url(../img/headlines/pm.gif);}
h1#pd {height:35px; line-height:35px; width:352px; background-image: url(../img/headlines/pd.gif);}
h1#tdd {height:33px; line-height:33px; width:470px; background-image: url(../img/headlines/tdd.gif);}
h1#clients {width:140px; background-image: url(../img/headlines/clients.gif);}
h1#contact-us {height:20px; line-height:20px; width:130px; background-image: url(../img/headlines/contact.gif);}
h1#thanks {height:33px; line-height:33px; width:130px; background-image: url(../img/headlines/thanks.gif);}
h1#privacy {height:34px; line-height:34px; width:187px; background-image: url(../img/headlines/privacy.gif);}

h2#welcome {height:62px; line-height:62px; width:452px; background-image: url(../img/headlines/welcome.gif);}
h2#mission {width:162px; background-image: url(../img/headlines/mission.gif);}
h2#values {width:146px; background-image: url(../img/headlines/values.gif);}
h2#vision {width:135px; background-image: url(../img/headlines/vision.gif);}
h2#contracts {height:33px; line-height:33px; width:397px; background-image: url(../img/headlines/contracts.gif);}
h2#approach {height:33px; line-height:33px; width:191px; background-image: url(../img/headlines/approach.gif);}
h2#experience {height:33px; line-height:33px; width:215px; background-image: url(../img/headlines/experience.gif);}

div.legal h2, div.contact h2 {padding-top:2.2em; margin-bottom:1em;}
div#body3 div.right h2 {padding-top:1em; padding-bottom:.5em;}
div.inner h2 {padding-top:.25em;}
div#body2 div.service h2 {margin-bottom:.5em;}
div#body div.left h2, div#body3 h3 {padding-bottom:.5em; padding-top:.25em;}