@charset "utf-8";

html { }

body {
	background-color: #60788b;
	font: 12px Helvetica, Arial, Geneva, sans-serif;
	line-height: 1.4em;
	color: #396487;
	margin: 0;
	padding: 0;
}

/* =LINKS
----------------------------------------------------*/
a { outline: none; } /* Removes dotted outline on links in Firefox */
a:link { color: #396487; text-decoration: underline; }
a:visited { color: #396487; text-decoration: underline; }
a:focus { color: #396487; text-decoration: underline; }
a:hover { color: #396487; text-decoration: underline; }
a:active { color: #396487; text-decoration: underline; }


/* =LAYOUT
----------------------------------------------------*/
#page { background: url("/images/bg.gif") top left repeat-y; margin: 0 auto; padding: 0; width: 1000px; }
#container { background-color: #fff; margin: 0 auto; padding: 0; width: 918px; }

#masthead { border-top: 8px solid #396487; border-bottom: 2px solid #396487; height: 141px; margin: 0 0 8px 0; padding: 0 22px; }
	#logo { margin-top: 50px; margin-bottom: 20px; }
#banner { margin-bottom: 33px; }
#main { min-height: 320px; padding-bottom: 26px; }
	#content { display: inline; float: right; width: 600px; }
	#sidebar { border-right: 1px solid #396487; display: inline; float: left; min-height: 320px; width: 282px; }
#main-home { border-top: 8px solid #60788b; min-height: 200px; padding-bottom: 26px; }
#footer { background: url("/images/tagline.gif") no-repeat top right; border-top: 1px solid #396487; margin: 0; padding: 30px 0 0 0; }
	#home #footer { background: none; }
	#footer ul#footer-nav { clear: both; display: block; margin: 0; padding: 0; }
	#footer ul#footer-nav li { border-right: 1px solid #396487; display: inline; float: left; list-style-type: none; margin: 0 .8em 0 0; padding: 0 .8em 0 0; }

	#footer ul#address { clear: both; display: block; margin: 0; padding: 30px 0 40px 0; }
	#footer ul#address li { border-left: 1px solid #396487; display: inline; line-height: 1.6em; list-style-type: none; padding-left: .75em; margin-left: .75em; }
	#footer ul#address li.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }
	#footer ul#address li.last { border-left: 0 !important; display: block; margin-bottom: 0 !important; margin-left: 0 !important; padding-bottom: 0 !important; padding-left: 0; }

.piped { display: block; zoom: 1; }
.piped:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.piped li { border-left-width: 1px; border-left-style: solid; display: inline; float: left; padding: 0 0 0 0.75em; margin-left: 0.75em; }
.piped li.first { border-left: 0 !important; padding-left: 0; margin-left: 0 !important; }



/* =NAVIGATION
----------------------------------------------------*/
ul#nav { background-color: #fff; height: 32px; margin: 0; padding: 0; position: relative; width: 874px; z-index: 0; }
ul#nav li { display: inline; white-space: nowrap; }
ul#nav li a { background-image: url("/images/nav.gif"); background-repeat: no-repeat; float: left; height: 0; margin: 0; overflow: hidden; padding: 32px 0 0 0; }

/* =NAVIGATION - NORMAL STATE
----------------------------------------------------*/
#nav li#nav-mission a { background-position: 0 0; width: 125px; }
#nav li#nav-culture a { background-position: -125px 0; width: 125px; }
#nav li#nav-services a { background-position: -250px 0; width: 125px; }
#nav li#nav-casestudies a { background-position: -375px 0; width: 125px; }
#nav li#nav-clientpartners a { background-position: -500px 0; width: 125px; }
#nav li#nav-news a { background-position: -625px 0; width: 125px; }
#nav li#nav-contact a { background-position: -750px 0; width: 124px; }

/* =NAVIGATION - OVER STATE
----------------------------------------------------*/
#nav li#nav-mission a:hover { background-position: 0 -32px; }
#nav li#nav-culture a:hover { background-position: -125px -32px; }
#nav li#nav-services a:hover { background-position: -250px -32px; }
#nav li#nav-casestudies a:hover { background-position: -375px -32px; }
#nav li#nav-clientpartners a:hover { background-position: -500px -32px; }
#nav li#nav-news a:hover { background-position: -625px -32px; }
#nav li#nav-contact a:hover { background-position: -750px -32px; }

/* =NAVIGATION - ACTIVE STATE
----------------------------------------------------*/
#nav li#nav-mission a:active { background-position: 0 -32px; }
#nav li#nav-culture a:active { background-position: -125px -32px; }
#nav li#nav-services a:active { background-position: -250px -32px; }
#nav li#nav-casestudies a:active { background-position: -375px -32px; }
#nav li#nav-clientpartners a:active { background-position: -500px -32px; }
#nav li#nav-news a:active { background-position: -625px -32px; }
#nav li#nav-contact a:active { background-position: -750px -32px; }

/* =NAVIGATION - ON STATE
----------------------------------------------------*/
#mission li#nav-mission a { background-position: 0 -32px; !important; }
#culture li#nav-culture a { background-position: -125px -32px !important; }
#services li#nav-services a { background-position: -250px -32px !important; }
#casestudies li#nav-casestudies a { background-position: -375px -32px !important; }
#clientpartners li#nav-clientpartners a { background-position: -500px -32px !important; }
#news li#nav-news a { background-position: -625px -32px !important; }
#contact li#nav-contact a { background-position: -750px -32px !important; }


/* =GENERAL
----------------------------------------------------*/
p, h1, h2, h3 { margin-top: 0; }
img { border: 0; }

h1 { font-size: 22px; font-weight: normal; line-height: 1.2em; }
h2 { font-size: 18px; }
h3 { font-size: 14px; }


/* =HOME
----------------------------------------------------*/
#home-message { display: inline; float: left; margin: 20px 30px; width: 360px; }

#home-services { display: inline; float: left; margin: 20px 0 0 0; width: 200px; }
#home-services a { text-decoration: none; }
.bar { margin-right: 5px; }

#home-abandon { display: inline; float: right; width: 270px; }
#home-abandon-message { margin: 20px 15px 0 0; }

/* =MISSION
----------------------------------------------------*/
#greenspot { margin-top: 290px; }
#mission h3 { background: url("/images/rule.gif") bottom right no-repeat; font-size: 16px; font-weight: normal; margin-bottom: 1em; padding-bottom: 1em; }
#mission #maincol p { width: 340px; }


/* =CULTURE
----------------------------------------------------*/
#ul-culture li { margin-bottom: 1.5em; }


/* =SERVICES
----------------------------------------------------*/
ul#services-nav { margin: 0; padding: 0; }
ul#services-nav li { display: inline; font-size: 13px; padding: 0; }

#services h3 { background: url("/images/rule.gif") bottom right no-repeat; font-size: 16px; font-weight: normal; margin-bottom: 1em; padding-bottom: 1em; }
#services #maincol p { width: 340px; }


/* =CASE STUDIES
----------------------------------------------------*/
#casestudies h3 { margin-bottom: 0; }
#casestudies #content dl { margin: 0; padding: 0; }
#casestudies #content dt { float: left; margin: 0 .5em 0 0; padding: 0; }
#casestudies #content dd { font-weight: bold; margin: 0; padding: 0; }

.casestudy-details { background: url("/images/rule_large.gif") bottom right no-repeat; margin-bottom: 1em; padding-bottom: 1em; }
.casestudy-image { display: inline; float: right; margin-left: 30px; }

#project-award { margin-top: 290px; }


/* =CLIENT PARTNERS
----------------------------------------------------*/
#description-container { margin-top: 50px; text-align: center; width: 280px; }
.client-description { margin: 0 50px; text-align: left; width: 180px; }
#clientpartners h3 { font-size: 12px; margin-bottom: 0; }

ul#clients { margin: 0; padding: 0; width: 600px; }
ul#clients li { display: inline; height: 90px; margin: 0; padding: 0; width: 180px; }


/* =NEWS
----------------------------------------------------*/
#news #content dl { text-align: left; }
#news #content dt { font-size: 14px; font-weight: bold; margin-left: 0; }
#news #content dd { font-size: 14px; font-style: italic; margin-left: 0; }

.byline { font-size: 16px; line-height: 1.3em; }
#readmore { font-size: 14px; text-align: right; }
#more { display: none; }

ul#awards { display: block; clear: both; margin: 40px 0 0; padding: 0; width: 600px; }
ul#awards li { cursor: pointer; display: inline; height: 150px; margin: 0; padding: 0; width: 140px; }


/* =CONTACT
----------------------------------------------------*/
#map { border: 1px solid #3b6588; height: 300px; margin: 0 0 25px 0; width: 288px; }
#contact-form { display: inline; float: left; margin: 0; padding: 0; width: 290px; }
#contact-map { display: inline; float: right; margin: 0; padding: 0; width: 290px; }
label { display: block; font-size: 14px; }
input, textarea { display: block; margin-bottom: 20px; }


/* =CUSTOM
----------------------------------------------------*/
#subcol { display: inline; float: left; width: 180px; }
#maincol { display: inline; float: right; width: 380px; }

#sidebar dl { margin-right: 25px; text-align: right; }
#sidebar dt { font-size: 14px; font-weight: bold; }
#sidebar dd { font-size: 14px; font-style: italic; }

.error { color: red; }
.hover { border-bottom: 1px solid #396487; cursor: pointer; margin-bottom: 1em; padding-bottom: .5em; }
.last { border-right: 0 !important; margin-right: 0 !important; }
.lc { text-transform: lowercase; }
.nowrap { white-space: nowrap; }
.uc { text-transform: uppercase; }
.underline { border-bottom: 1px solid #fff; cursor: pointer; margin-bottom: 1em; padding-bottom: .5em; }


/* =CLEARFIX
----------------------------------------------------*/
.clearfix:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
	.clearfix {display:block;}
/* End hide from IE Mac */