body {
	margin: 0; 
	background: #515154;
	color: #7b7e82; 
	text-decoration: none;  
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px;
	text-align: center;
	}
	
	div, p, th, td, li, dd, dl, dt {
	color: #7b7e82; 
	font-family: arial, helvetica, sans-serif; 
	font-size: 12px;
	text-decoration: none;
	text-align: left;
	}

	div, img {
	border: 0;
	margin: 0;
	display: block;
	}

	p {
	margin: 0 0 1.5em;
	text-align: left;
	line-height: 1.5em;
	}


	/* LINKS 
	---------------------------------------------------------- */
	
	a {
	text-decoration: none;
	color: #008194;
	}

	a:hover {
	text-decoration: none;
	color: #005b68;
	}

	a.button {
	display: block;
	background: #86868c url(/images/bullet_big_white.gif) 95% 50% no-repeat;
	padding: 5px 30px 5px 10px;
	float: left;
	border-right: #ccc 3px solid;
	border-bottom: #ccc 3px solid;
	font-size: 120%;
	color: #fff;
	}

	a.button:hover {
	background: #636367 url(/images/bullet_big_white.gif) 95% 50% no-repeat;
	color: #fff;
	}


	/* LISTS 
	---------------------------------------------------------- */

	ul {
	list-style: none;
	margin: 0;	
	padding-left: 0;	
	}

	li {
	background: transparent url(/images/bullet.gif) 0 .5em no-repeat;
	padding-left: 1em;	
	margin: 1.5em 0;
	}

	ul.big {
	padding-left: 20px;	
	margin-bottom: 2em;
	}

	ul.big li {
	font-size: 150%;
	background: transparent url(/images/bullet_big.gif) 0 50% no-repeat;
	padding-left: 1em;	
	margin: .5em 0;
	}

	ul.noBullet li {
	background: transparent;
	padding: 0;	
	}

	ol li {
	background: transparent;
	padding-left: 0;	
	}

	
	/* HEADERS 
	---------------------------------------------------------- */

	h1 {
	color: #008194;
	font-size: 200%;
	font-weight: normal;
	margin: 0 0 .7em 0;
	}

	h2 {
	font-size: 120%;
	font-weight: normal;
	margin: 0 0 1em;
	}
	
	h3 {
	font-size: 110%;
	font-weight: bold;
	margin: 0 0 1em;
	}
	
	h2.bar {
	font-size: 100%;
	font-weight: normal;
	text-transform: uppercase;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: .5em 20px;
	clear: both;
	}
	
	#subnav h2.bar {
	margin: 10px 40px 0 0;
	padding: .5em 5px .5em 18px;
	}
	

	/* FORMS 
	---------------------------------------------------------- */
	
	form input.textField 
	{
	display: inline;
	width: 	118px;
	margin: 0 0 5px;
	color: #999;
	padding: 0;
	}
	
	form label 
	{
	display: none;
	}
	

	/* NAVIGATIONS
	---------------------------------------------------------- */

	/* main nav */

	#nav {
	float: left;
	margin: 0;
	padding: 0;
	background: #999b9e;
	width: 100%;
	}

	#nav ul {
	margin: 0 0 0 48px;
	padding: 0;
	}

	#nav ul li {
	float: left;
	margin: 0;
	padding: 3px 0;
	background: transparent;
	}

	#nav ul li a {
	color: #fff;
	text-decoration: none;
	float: left;
	display: block;
	padding: 0 12px;
	}

	#nav ul li a:hover {
	color: #000;
	}

	#firm #nav #navFirm a, #team #nav #navTeam a, #portfolio #nav #navPortfolio a, #resources #nav #navResources a, #news #nav #navNews a, #contact #nav #navContact a {
	color: #000;
	}


	/* side nav */


	#subnav  {
	width: 188px;
	float: left;
	margin-top: 55px;
	clear: left;
	}

	#subnav ul#menu {
	padding: 0;
	width: 147px;
	border-top: 1px solid #ccc;
	}

	#subnav ul#menu li ul {
	margin: 0;
	border-top: 0;
	padding: 10px 0;
	float: left;
	width: 147px;
	}

	#subnav ul#menu li {
	margin: 1px 0 0;
	padding: 0;
	background: transparent;
	float: left;
	width: 147px;
	border-bottom: 1px solid #ccc;
	}
	
	#subnav ul#menu li ul li {
	border-bottom: 0;
	}
	
	#subnav ul#menu li a, #subnav ul#menu li.folder ul li a {
	padding: 3px 19px 3px 3px;
	display:  block;
	text-align: right;
	color: #7b7e82;
	background: transparent;
	}

	#subnav ul#menu li a:hover, #subnav ul#menu li.folder ul li a:hover {
	color: #005b68;
	}

	#subnav ul#menu li.folder a {
	background: transparent url(/images/arrow_closed.gif) 96% .5em no-repeat;
	}

	#subnav ul#menu li a#subnavOn {
	color: #008194;
	}

	#subnav ul#menu li.folder a#subnavOn {
	background: transparent url(/images/arrow_open.gif) 96% .6em no-repeat;
	}

	#subnav ul#menu li.folder ul li a#subnavOn2 {
	color: #008194;
	}




	/* LAYOUT 
	---------------------------------------------------------- */

	#wrapper {
	background: #fff;
	margin: 0 auto;
	width: 755px;
	text-align: left;
	padding-bottom: 50px;
	}

	#mainContent {
	float: left;
	width: 350px;
	margin-top: 55px;
	}

	#mainContent p {
	margin: 0 0 1.5em 20px;
	}

	#mainContentR {
	float: left;
	width: 550px;
	margin-top: 55px;
	}

	#mainContent p {
	margin: 0 0 1.5em 20px;
	}
	#mainContent blockquote {
	margin: 1.5em 0;
	line-height: 1.3em;
	font-size: 1.5em;
	color: #008194;
	}

	#sideBar {
	width: 188px;
	float: right;
	background: transparent url(/images/sidebar_gradient.jpg) 0 3px repeat-x;
	}

	#sideBar img {
	margin-top: 3px;
	}

	.inner {
	margin: 18px 10px 18px 18px;
	font-size: 11px;
	line-height: 1.4em;
	}

	#subnav .inner {
	margin-right: 40px;
	}

	.inner p.buffer {
	margin-top: 60px;
	}

	.inner h2 {
	color: #008194;
	font-size: 130%;
	margin-top: 60px;
	}

	.inner h3 {
	margin: 1em 0 0;
	font-weight: normal;
	color: #000;
	font-size: 11px;
	}

	.inner li {
	font-size: 11px;
	}

	.inner li a {
	display: block;
	}


	/* image floats */

	.imgFloat {
	float: left;
	margin: 3px 0 0 3px;
	display: inline;
	}

	.imgFloat span {
	padding: .8em;
	color: #7b7e82; 
	}

	#moreLeftMargin {
	margin-left: 97px;
	}
	
	.imgFloatRight {
	float: right;
	margin-top: -45px;
	position: relative;
	}



	/* footer */

	#footer {
	margin: 0 auto;
	width: 755px;
	padding: 5px 0 20px 0;
	}

	#footer #copyright {
	text-align: left;
	padding-left: 20px;
	color: #999b9e;
	font-size: 90%;
	}

	#footer #credit {
	padding-right: 20px;
	float: right;
	font-size: 90%;
	}

	#footer a {
	color: #999b9e;
	text-decoration: none;
	}

	#footer #copyright a {
	font-size: 110%;
	color: #fff;
	}



	/* homepage 
	---------------------------------------------------------- */

	#home #wrapper, #home #flashContent {
	margin: 0;
	width: 100%;
	padding-bottom: 0;
	background: transparent;
	text-align: center;
	}

	#home #flashContent #nav {
	margin: 0 auto;
	width: 755px;
	}

	#home #flashContent #center {
	margin: 0 auto;
	width: 755px;
	background: #fff;
	padding-bottom: 3px;
	text-align: left;
	}

	#home .imgFloatRight {
	margin: 3px;
	display: inline;
	}

	#tagline {
	background: #999b9e;
	margin: 0 189px 62px 0;
	padding: 30px 125px 30px 195px;
	}

	#tagline h1 {
	color: #fff;
	margin: 0;
	}

	#tagline a {
	color: #fff;
	font-size: 150%;
	margin: 6px 0;
	padding-right: 15px;
	background: transparent url(/images/bullet_big_white.gif) 100% 50% no-repeat;
	}

	#tagline p {
	color: #000;
	margin: 6px 0;
	}
	
	#homePics {
	float: left;
	position: relative;
	}
	
	#homePic1, #homePic2, #homePic3, #homePic4, #homePic5 {
	position: absolute;
	}
	
	#homePic1 { top: 97px; left: 567px; }

	#homePic2 { top: 191px; left: 3px; }

	#homePic3 { top: 191px; left: 97px; }

	#homePic4 { top: 285px; left: 97px; }

	#homePic5 { top: 191px; left: 473px; }


	#homePerspective {
	width: 283px;
	position: absolute;
	right: 0;
	bottom: 0;
	background: transparent url(/images/sidebar_gradient.jpg) 0 3px repeat-x;
	}

	#homePerspective a {
	float: left;
	width: 98%;
	}

	#homePerspective span {
	display: block;
	margin: 20px 18px 0 0;
	color: #7b7e82;
	font-size: 130%;
	}

	#homePerspective span.author {
	display: block;
	margin-top: 0;
	font-size: 100%;
	}

	#homePerspective img {
	float: left;
	margin-right: 18px;
	border: 3px solid #fff;
	border-bottom: 0;
	display: inline;
	}
	


	/* portfolio and team
	---------------------------------------------------------- */

	body.landing #wrapper {
	padding-bottom: 3px;
	}

	body.landing #mainContent .imgFloat {
	background: transparent url(/images/sidebar_gradient.jpg) repeat-x;
	width: 279px;
	}

	body.landing #mainContent .imgFloat:hover span em {
	color: #005b68;
	}

	body.landing #mainContent .imgFloat span em {
	display: block;
	color: #008194;
	font-size: 130%;
	font-style: normal;
	padding-top: 15px;
	}

	body.landing #mainContent .imgFloat span {
	display: block;
	padding: 0;
	margin: 0;
	}

	body.landing #mainContent .imgFloat span img {
	float: left;
	margin-right: 15px;
	}

	body.landing #mainContent .imgFloat .odd {
	text-align: right;
	}

	body.landing #mainContent .imgFloat .odd img {
	float: right;
	margin: 0 0 0 15px;
	}

	body.landing #mainContent {
	width: 564px;
	margin-top: 0;
	}

	#team #sideBar, #portfolio #sideBar {
	background: transparent url(/images/sidebar_gradient.jpg) 0 190px repeat-x;
	}

	#caption {
	font-size: 11px;
	padding: 3px 18px;
	}

	#team #sideBar .inner ul, #portfolio #sideBar .inner ul {
	margin: 0;
	padding: 0;
	}

	#team #sideBar .inner ul li, #portfolio #sideBar .inner ul li {
	margin: 0 0 .6em 0;
	padding: 0;
	background: transparent;
	}

	
	/* career btn */

	#portfolio #subnav, #resources #subnav {
	margin-top: 0;
	}

	a#careerBtn {
	display: block;
	width: 147px;
	height: 55px;
	background: transparent url(/images/careerBtn.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	}
		
	a#careerBtn:hover {
	background: transparent url(/images/careerBtn.gif) 0 -55px no-repeat;
	}
		
	

	/* resources page 
	---------------------------------------------------------- */

	#resources #mainContent .imgFloat {
	margin: 0 10px 10px 0;
	}



	/* news page 
	---------------------------------------------------------- */

	#mainContent dl#newsList {
	float: left;
	margin: 0;
	padding: 0;
	}

	#mainContent dl#newsList dt {
	clear: left;
	float: left;
	width: 65px;
	margin: 0 0 1em;
	padding: 0;
	}

	#mainContent dl#newsList dd {
	float: left;
	width: 285px;
	margin: 0 0 1em;
	padding: 0;
	}

	ul.eventList li {
	background: transparent;
	padding: 0;	
	}

	ul.eventList li a {
	display: block;
	}
	
	#mainContent ul.eventList li {
	line-height: 1.5em;
	}
	
	#newsList img, .noBullet img {
	margin-bottom: 3px;
	}
	
	#news h2.bar {
	font-size: 10px;
	}
	
	#news #sideBar h2.bar {
	margin-top: 60px;
	}
	
	#sideBar .noBullet li {
	float: left;
	width: 160px;
	margin: .5em 0;
	padding: 0;
	}

	
	/* contact page 
	---------------------------------------------------------- */

	#contact #mainContent {
	width: 500px;
	}

	#contact h1 {
	margin: 0 20px .7em 40px;
	}
	
	#contact p {
	margin: 0 20px 1.5em 40px;
	}
	
	#contact dl {
	margin: 0 20px 0 40px;
	border-bottom: 1px solid #ccc;
	float: left;
	display: inline;
	}

	#contact dt {
	padding-top: 12px;
	border-top: 1px solid #ccc;
	color: #515357;
	font-size: 150%;
	clear: left;
	}

	#contact dd {
	padding: 0 0 12px;
	margin: 0;
	float: left;
	line-height: 1.4em;
	}

	#contact dl.email {
	border-bottom: 0;
	}

	#contact dl.email dt {
	display: none;
	}

	#contact dd.listLeft {
	width: 265px;
	}

	#contact dd.listRight {
	width: 145px;
	}