/*
COLORS
blue 376c8a
brown bf917f

text 4d4d4d
grey cccccc
*/

body {
	font-family: Arial, Sans-serif;
	font-size: 10px;
	color: #4d4d4d;
	line-height: 130%;
	margin: 0 auto;
	padding: 0;
	background: #000;
}
div#h {
	position: relative;
	width: 722px;
	margin: 0 auto;
	padding: 0 115px 30px 115px;
}
div#v {
	background: #FFF;
}
div#content {
	width: 722px;
	z-index: 30;
/*	padding-top: 38px;*/
	padding-top: 88px;
	padding-bottom: 20px;
	border-bottom: 1px solid #000;
	position: relative;
	overflow: hidden;
}
body#splash div#content {
	padding-top: 38px;
}



h1, h2, h3, h4, h5 {
	clear: both;
	margin: 0;
}
a {
	color: #000;
}
a span.o {
	cursor: pointer;
}
a:link, a:visited, a:active, a img {
	color: #336688;
	border: none;
	outline: none;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
.float-left-with_margin {
	float: left;
	margin-right: 10px;
}
.float-right-with_margin {
	float: right;
	margin-left: 10px;
}


/* Hide semantic cues specifically designed for screen readers, text-only browsers, and search engines */
.a {
	position: absolute;
	left: -9999px;
	width: 100px;
}

#secondary ul.links {
	z-index: 101;
}
ul.links, ul.links li {
	margin: 0;
	padding: 0;
	list-style: none;
}
ul.links li {
	margin: 4px 0;
	padding-left: 15px;
	background: url('/images/linkArrow.gif') no-repeat left .22em;
}
#secondary ul.links {
	margin-top: 21px;
}
#secondary ul.links li {
	font-size: 1.2em;
	line-height: 1.6em;
}
#secondary ul.links li a {
	color: #000;
}
#secondary ul.links li a:hover, 
#secondary ul.links li a.current {
	color: #376c8a;
}
.float-right {
	float: right;
}
.float-left {
	float: left;
}
.float-right-with_margin {
	float: right;
	margin-left: 10px;
}
.float-left-with_margin {
	float: left;
	margin-right: 10px;
}
.clear {
	clear: both;
}



/* = Self-Clearing Mechanism: Forces an element to expand to match the height of inner-floats
================================================================================================== */
.clr:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.film {
	position: relative;
}
.film span.o {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}



/* - General Typopgraphy:
--------------------------------------------- */
h3 {
	font-size: 2em;
	line-height: 1.25em;
	letter-spacing: 1px;
	text-transform: uppercase;
	font-weight: 200;
	color: #376c8a;
	margin-bottom: 15px;
}
h4 {
	font-size: 1.2em;
}
p {
	font-size: 1.2em;
	line-height: 1.33em;
	margin-top: 6px;
	margin-bottom: 4px;
}
p.larger_text {
	font-size: 1.4em;
	line-height: 1.42em;
}
p + ul {
	margin-top: 0px;
}
ul p {
	margin-top: 0px;
}
div.grp h3 {
	font-size: 10pt;
	font-weight: 700;
	margin-bottom: 0;
	/*color: #336688;*/
}





/* - Masthead:
--------------------------------------------- */
div#masthead {
	height: 76px;
	background: #000 url('/images/mastheadBG_small.jpg') no-repeat;
}
body#splash div#masthead {
	height: 325px;
	background: #000 url('/images/header_home.jpg') no-repeat;
}
div#masthead div.title {
	position: absolute;
	top: 24px;
	left: 26px;
	z-index: 101;
}
body#splash div#masthead div.title {
	top: 103px;
	left: 1px;
}

div#masthead div.tools {
	position: absolute;
	left: -9999px;
}

/* - Primary Nav:
--------------------------------------------- */
div#site-nav {
	position: absolute;
	top: 84px;
	left: 226px;
	right: 115px;
	height: 35px;
	padding: 0;
	z-index: 30;
	background: url('/images/nav_sprite.gif') 0px 0px;
}
body#splash div#site-nav {
	top: 304px;
	left: 115px;
	height: 75px;
	padding: 0 0 0 37px;
	background: url('/images/nav_sprite-splash.gif') 0px 0px;
}
div#site-nav p {
	margin: 0;
	padding: 0;
}
div#site-nav a {
	display: block;
	float: left;
	height: 35px;
}
div#site-nav span.d {
	display: none;
}

div#site-nav a#nav-home {
	width: 101px;
}
div#site-nav a#nav-home, 
div#site-nav a#nav-services, 
div#site-nav a#nav-projects, 
div#site-nav a#nav-about, 
div#site-nav a#nav-contact {
	background: url('/images/nav_sprite.gif') #fff;
}
div#site-nav a#nav-home {
	width: 76px;
	background-position: 0px 0px;
}
div#site-nav a#nav-about {
	width: 119px;
	background-position: -76px 0px;
}
div#site-nav a#nav-services {
	width: 115px;
	background-position: -195px 0px;
}
div#site-nav a#nav-projects {
	width: 115px;
	background-position: -310px 0px;
}
div#site-nav a#nav-contact {
	width: 133px;
	background-position: -425px 0px;
}
div#site-nav a#nav-home:hover, 
div#site-nav a#nav-home.current {
	background-position: 0px -35px;
}
div#site-nav a#nav-about:hover, 
div#site-nav a#nav-about.current {
	background-position: -76px -35px;
}
div#site-nav a#nav-services:hover, 
div#site-nav a#nav-services.current {
	background-position: -195px -35px;
}
div#site-nav a#nav-projects:hover, 
div#site-nav a#nav-projects.current {
	background-position: -310px -35px;
}
div#site-nav a#nav-contact:hover, 
div#site-nav a#nav-contact.current {
	background-position: -425px -35px;
}
body#splash div#site-nav a#nav-services, 
body#splash div#site-nav a#nav-projects, 
body#splash div#site-nav a#nav-about, 
body#splash div#site-nav a#nav-contact {
	background: url('/images/nav_sprite-splash.gif') #fff;
}
body#splash div#site-nav a#nav-about {
	margin-top: 41px;
	width: 152px;
	background-position: -37px -41px;
}
body#splash div#site-nav a#nav-projects {
	margin-left: 175px;
	width: 113px;
	background-position: -364px 0px;
}
body#splash div#site-nav a#nav-services {
	width: 108px;
	background-position: -477px 0px;
}
body#splash div#site-nav a#nav-contact {
	width: 137px;
	background-position: -585px 0px;
}
body#splash div#site-nav a#nav-about:hover {
	background-position: -37px -116px;
}
body#splash div#site-nav a#nav-projects:hover {
	background-position: -364px -75px;
}
body#splash div#site-nav a#nav-services:hover {
	background-position: -477px -75px;
}
body#splash div#site-nav a#nav-contact:hover {
	background-position: -585px -75px;
}



/* - Footer:
--------------------------------------------- */
div#footer {
	color: #FFF;
	background: #336688 url('../images/bodyBG.jpg') repeat-y;
}
div#footer a {
	color: #FFF !important;
}
div#footer p {
	text-align: right;
	font-size: 1em;
	line-height: 1.5em;
	padding: 18px 15px;
	margin: 0px;
}
div#footer div.nav {
	padding-top: 15px;
	margin-left: 35px;
}
div#footer div.legal {
	position: absolute;
	top: 15px;
	right: 35px;
	width: 500px;
	text-align: right;
}
div#footer p.restricted a {
	padding-left: 13px;
	padding-top: 2px;
	background: url('../images/blueLock.png') no-repeat left center;
}






/* - Spash Page Settings:
--------------------------------------------- */
body#splash div#content {
	background: url('/images/bg-content_splash.gif') 0px 0px repeat-y #fff;
}
body#splash #content p {
	margin-bottom: 8px;
}
body#splash div#primary {
	position: relative;
	float: left;
	width: 355px;
	margin-top: 38px;
	margin-left: 36px;
}
body#splash div#primary div.grp {
	float: left;
	width: 140px;
	margin-left: 10px;
}

body#splash div#secondary {
	float: right;
	width: 287px;
	z-index: 100;
	margin-top: 16px;
	padding: 0;
	border-left: 1px solid #000;
}
body#splash div#secondary ul {
	z-index: 40;
	margin: 0px;
	padding: 0px;
}
body#splash div#secondary li {
	position: relative;
	list-style: none;
}
body#splash div#secondary li a {
	display: block;
	height: 50px;
	font-size: 1.1em;
	text-transform: uppercase;
	letter-spacing: 1px;
}
body#splash div#secondary li#giving_back a {
	background: url('/images/nav_text-giving_back.png') 35px 17px no-repeat;
}
body#splash div#secondary li#client_testimony a {
	background: url('/images/nav_text-client_testimony.png') 35px 17px no-repeat;
}
body#splash div#secondary li#awards_and_recognition a {
	background: url('/images/nav_text-awards_and_recognition.png') 35px 17px no-repeat;
}
body#splash div#secondary li#newsletter a {
	background: url('/images/nav_text-newsletter.png') 35px 17px no-repeat;
}
body#splash div#secondary li#project_library a {
	background: url('/images/nav_text-project_library.png') 35px 17px no-repeat;
}
body#splash div#secondary li span.icon {
	height: 37px;
	width: 37px;
	display: block;
	position: absolute;
	left: -19px;
	top: 7px;
	background: url('/images/icons_sprite.png') no-repeat;
}
body#splash div#secondary li#giving_back span.icon {
	background-position: 0px 0px;
}
body#splash div#secondary li#client_testimony span.icon {
	background-position: -37px 0px;
}
body#splash div#secondary li#awards_and_recognition span.icon {
	background-position: -74px 0px;
}
body#splash div#secondary li#newsletter span.icon {
	background-position: -111px 0px;
}
body#splash div#secondary li#project_library span.icon {
	background-position: -148px 0px;
}
body#splash div#secondary li#giving_back a:hover span.icon {
	background-position: 0px -37px;
}
body#splash div#secondary li#client_testimony a:hover span.icon {
	background-position: -37px -37px;
}
body#splash div#secondary li#awards_and_recognition a:hover span.icon {
	background-position: -74px -37px;
}
body#splash div#secondary li#newsletter a:hover span.icon {
	background-position: -111px -37px;
}
body#splash div#secondary li#project_library a:hover span.icon {
	background-position: -148px -37px;
}
body#splash div#secondary img {
	float: left;
	margin-right: 10px;
	margin-bottom: 20px;
}
body#splash div#secondary hr {
	clear: both;
	margin-bottom: 1em;
	border: 1px solid #ddd;
	width: 135px;
	float: left;
}
body#splash div#secondary p.download {
	clear: both;
}

body#splash div#site-nav div.main {
	padding-left: 100px;
	width: 620px;
}
body#splash div#secondary div#news_and_updates h3 {
	margin-top: 10px;
}
body#splash div#secondary div#news_and_updates h3 {
	margin-left: 3px;
}
body#splash div#secondary div#news_and_updates div.entry {
	margin: 0 32px 0 39px;
}
body#splash div#secondary div#news_and_updates div.entry p.float-left img {
	margin-right: 20px !important;
}
body#splash div#secondary div#news_and_updates h3 {
	width: 279px;
	height: 29px;
	background: url('/images/heading_text-news_and_updates.jpg') 0px 0px no-repeat;
}


/* - Landing Pages Settings:
--------------------------------------------- */

#primary div.lede {
	position: relative;
	min-height: 183px;
	margin-left: 283px;
	margin-right: 54px;
	padding-top: 20px;
	overflow: visible;
}
#primary div.lede h3, 
#primary div.lede h2 {
	clear: none;
}
body.landing div#primary, 
body.detail div#primary {
	width: 722px;
	float: right;
	margin: 9px 0 0 0;
	position: relative;
	overflow: visible;
}
body.landing div#secondary,
body.detail div#secondary {
	float: left;
	width: 138px;
	margin-top: 5px;
	margin-left: 111px;
/*	position: absolute;
	top: 89px;
	left: 111px;*/
	z-index: 100;
}
body.detail div#tertiary {
	clear: both;
	border-top: 14px solid #000;
	background: #FFF;
}
body.detail div#tertiary div.grp {
	margin-top: 0px;
	margin-right: 60px;
	float: right;
	width: 382px;
	padding: 14px 0 5px 34px;
	background: url('../images/tertiaryBG.gif') repeat-y;
}
body.detail div#tertiary div.grp div.project {
	clear: both;
	margin-bottom: 11px;
}
body.detail div#tertiary div.grp div.project h4 {
	font-size: 1.2em;
	font-weight: 700;
}
body.detail div#tertiary div.grp div.project p {
	margin-right: 140px;
}
body.detail div#callout {
	font-size: 11pt;
	line-height: 130%;
	width: 210px;
	margin-top: 100px;
	margin-left: 25px;
}
body.detail div#secondary div#callout {
	margin-top: 0;
	margin-bottom: 0;
	border-top: 15px solid #FFF;
	border-bottom: 15px solid #FFF;
	background: #FFF;
	
}

div#callout .ldquo,
div#callout .rdquo {
	font-size: 24pt;
	line-height: 6pt;
	vertical-align: -8pt;
}


body.landing div#content h2.title,
body.detail div#content h2.title {
	height: 70px;
/*	margin-left: 122px;
	margin-bottom: 7px;*/
	position: absolute;
	left: 122px;
	top: -50px;
}

body.landing div#content div.grp {
	position: relative;
	padding-left: 98px;
}
body#about.landing div.grp {
	position: relative;
	overflow: visible;
	height: 80px;
	width: 385px;
	margin: 0px !important;
	padding: 0px !important;
}
body#about.landing div.grp h3 {
	margin-left: 98px;
}
body#about.landing div.grp div.spotlight {
	right: 420px;
	width: 185px;
	float: none;
	position: absolute;
	border: none;
	padding: 0px !important;
	margin: 0px !important;
}
body.landing div#content div.grp p {
	margin-top: 0;
}
body.landing div#content div.grp a.logo {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px !important;
	padding: 0px !important;
	height: 55px;
	width: 90px;
	display: block;
}
body.landing div#content div.grp a.logo img {
	display: block;
	margin: 0px !important;
	padding: 0px !important;
}
#primary div.spotlight {
	position: relative;
	border-top: 1px solid #000;
	padding: 0 54px 0px 382px;
	margin-top: 10px;
	padding-left: 0px !important;
}
body.detail #primary div.spotlight p.spotlight {
	margin: 0px !important;
	padding: 0px !important;
}
body.detail #primary div.spotlight p, 
body.detail #primary div.spotlight h4 {
	padding-left: 382px;
}
body.detail #primary div.spotlight p.spotlight img {
	display: block;
	float: left;
	padding: 0px !important;
	margin-bottom: 0px !important;
	margin-top: 0px;
	margin-right: 15px;
}
body.detail #primary div.spotlight p.award {
	color: #376c8a;
	position: relative;
	padding-top: 2px;
	margin-bottom: 2px;
	line-height: 1.1em;
}
body.detail #primary div.spotlight p.award span.icon {
	display: block;
	height: 48px;
	width: 48px;
	position: absolute;
	left: 327px;
	top: -10px;
	background: url('/images/icons_sprite.png') -68px -111px;
}
body#about.landing div.spotlight {
	float: left;
	margin-left: -205px;
	border-top: none;
	padding-right: 0px !important;
	margin-right: 0px !important;
}
body.detail div#tertiary h3.title {
	width: 120px;
	float: left;
	margin-top: 19px;
	margin-left: 110px;
}
body.detail div#tertiary h3.success {
	margin-left: 30px;
}
body.detail div#tertiary h4 {
	border-top: 1px solid #000;
	margin-right: -60px;
	padding-top: 10px;
}
body.detail div#tertiary h4.first {
	border: none;
}
body.detail div#tertiary h4 img {
	float: right;
	margin-top: -10px;
	margin-left: 15px;
	margin-bottom: 15px;
}
body.detail div#tertiary div.testimony, 
body.detail div#content div#callout {
	float: left;
	width: 155px;
	margin: 46px 25px 0 60px;
	text-align: right;
}
body.detail div#tertiary div.testimony span.icon {
	display: block;
	height: 37px;
	width: 37px;
	background: url('/images/icons_sprite.png') -37px -74px;
	float: right;
	margin-bottom: 12px;
	margin-left: 118px;
}
body.detail div#tertiary div.testimony p, 
body.detail div#content div#callout p {
	font-size: 10px;
	line-height: 1.75em;
	color: #bf917f;
}
body.detail div#tertiary div.testimony p.quote {
	font-size: 1.2em;
	font-style: italic;
}
body#about.detail #primary div.entry {
	margin-top: 20px;
}
body#about.detail #primary div.entry.has_photo p.quote, 
body#about.detail #primary div.entry.has_photo p.attribution {
	margin-left: 195px;
}
body#about.detail #primary div.entry p.attribution {
	margin-left: 30px;
	font-weight: 700;
}
body.detail h4 {
	clear: none;
}

body.detail #primary h4 {
	padding-top: 16px;
	font-size: 1.3em;
}
body.detail #primary h4 span.location {
	font-weight: 200;
	font-size: 12px;
}
p.location, p.loc {
	margin-top: 0;
}


body#contact h4 {
	margin: 0;
}
body#contact p {
	margin-top: 0;
}



ul.links .rt {
	float: right;
	margin-right: 20%;
}

th {
	text-align: left;
}


/* ADMIN
--------------------------------------------- */
body.admin h3 {
	font-weight: 200;
	letter-spacing: normal;
	text-transform: none;
	color: #666;
	font-size: 12pt;
}
body.admin #Secondary {
	margin-top: 20px;
}