/*
CGH Stylesheet
Paul Farning - ISITE Design, Inc.
*/

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dd, dt, blockquote, fieldset, legend, label, input, img {
    margin:0; padding:0; border:0;
}
hr	{ display:none; }

body {
    font: 62.5%/1.4 Verdana, Arial, Helvetica, sans-serif;
	text-align:center;
} 

h1, h2, h3, h4, h5, h6, p {
    margin: 0 0 1em 0;
}
#content h4 { margin-bottom: 0; }
/* ------------ LINKS -------------- */
a 			{ color: #666; }
a:hover 	{ color: #333; }
a:visited 	{ color: #333; }
a:active	{ color: #333; }

h1	{ font-size:160%; }
h2	{ font-size:140%; }
h3	{ font-size:130%; }
h4	{ font-size:120%; }
h5	{ font-size:100%; }
h6	{ font-size:90%; } 
input, textarea { border: 1px solid #cccccc; }
ul, ol { margin-left:10px; }

.clear		{ clear:both; }
.clearleft	{ clear:left; }
.clearright	{ clear:right; }
.left		{ float:left; margin-right:5px; }
.right		{ float:right; margin-left:5px; }
.hide		{ position:absolute; left:-9999em; }

.off		{ display:none; }
.on			{ display:block; }
 
body #wrapper .noborderplease 	{ border:none; } 
body #wrapper .borderplease 	{ border: 1px solid #333; }

#accessibility { position: absolute;  left: -999em; }

/* ----------- LAYOUT ----------- */
#wrapper {
	background: #fff url(../img/dev/bg_body.gif) no-repeat;
	margin: 0 auto;
	text-align: left;
	width: 805px
}

#header {
	background: transparent url(../img/dev/bg_header.gif) right bottom no-repeat;
	border: 10px solid #e1ded7;
	border-width: 10px 0 0 0;
	height: 100px;
	margin: 0 14px;
	position: relative;
}
#home #header { border-width: 10px 0 8px 0; }
	#brand {
		background: #fff url(../img/dev/logo_chambersgroup.gif) no-repeat;
		display: block;
		height: 71px;
		overflow: hidden;
		position: absolute; left: 60px; top: 15px;
		text-indent: -9999px;
		width: 145px;
	}
	
	#header p {
		color: #d11920;
		font: italic 1.6em "Times New Roman", Times, serif;
		text-align: right;
		margin: 1.6em 20px 0 0;
	}
	
#nav {
	background: #e1ded7 url(../img/dev/nav.gif) no-repeat;
	color: #333;
	height: 28px;
	list-style: none;
	position: absolute; right: 10px; bottom: 8px;
	width: 461px;
}
	#nav li { display: inline; }
		
		#nav a {
			background: transparent url(../img/dev/nav.gif) no-repeat;
			display: block;
			float: left;
			height: 26px;
			overflow: hidden;
			text-indent: -9999px;
		}
		#nav #nav-ourfirm a 			{ width: 66px; background-position: 0 0; }
		#nav #nav-management a 			{ width: 97px; background-position: -66px 0; }
		#nav #nav-portfolio a 			{ width: 68px; background-position: -163px 0; }
		#nav #nav-consulting a 			{ width: 81px; background-position: -231px 0; }
		#nav #nav-references a 			{ width: 80px; background-position: -312px 0; }
		#nav #nav-contact a 			{ width: 67px; background-position: -392px 0; }

		#nav #nav-ourfirm a:hover 		{ background-position: 0 -29px; }
		#nav #nav-management a:hover	{ background-position: -66px -29px; }
		#nav #nav-portfolio a:hover 	{ background-position: -163px -29px; }
		#nav #nav-consulting a:hover	{ background-position: -231px -29px; }
		#nav #nav-references a:hover	{ background-position: -312px -29px; }
		#nav #nav-contact a:hover 		{ background-position: -392px -29px; }	
		
		#header #nav #nav-ourfirm a.on 			{ background-position: 0 -58px; }
		#header #nav #nav-management a.on 		{ background-position: -66px -58px; }
		#header #nav #nav-portfolio a.on 		{ background-position: -163px -58px; }
		#header #nav #nav-consulting a.on 		{ background-position: -231px -58px; }
		#header #nav #nav-references a.on 		{ background-position: -312px -58px; }
		#header #nav #nav-contact a.on 			{ background-position: -392px -58px; }		
		
#lead {
	background: #e1ded7;
	border-bottom: 8px solid #e1ded7;
	margin: 0 19px 0 21px;
}
#home #lead 	{ background: transparent; border-bottom: 0; }
	#lead img 	{ display: inline; }
	
#content 		{ float: left; margin: 40px 45px 0 250px; display: inline; width: 510px; }
#home #content 	{ float: none; margin: 0 0 0 250px; display: block; width: auto; }

	#content div {
		display: inline;
		float: left;
		margin-right: 16px;
		width: 164px;
	}
		#content h1, #content div h2 {
			background: transparent url(../img/dev/bg_bracket_left.gif) left 4px no-repeat;
			color: #d11920;
			font-size: 1.2em;
			font-weight: normal;
			letter-spacing: -.06em;
			padding: 4px 0 4px 12px;
			text-transform: uppercase;
		}
			#content h1 span, #content div h2 span {
				background: transparent url(../img/dev/bg_bracket_right.gif) right 75% no-repeat;				
				padding: 4px 13px 4px 0;
			}
		
		#content ul {
			list-style: none;
			margin-left: 0;
			margin-bottom: 1em;
		}
		#content li {
			background: transparent url(../img/dev/bg_arrow.gif) 0 .5em no-repeat;
			padding-left: 10px;
		}
		#content.listings ul { margin-bottom: 1em; }
		#content.listings li { background: transparent; padding-left: 0; }
		#content.listings h3 { font-size: 1em; margin-bottom: .8em; }

	#content img {
		border: 1px solid #e1ded7;
		float: right;
		margin: 0 0 10px 20px;
		padding: 10px;
	}
	
	/* wrapping li's around floated images */
	.portfolio #content li 						{ width: 100%; }
	* html .portfolio #content li 				{ width: auto; }
	*:first-child+html .portfolio #content li 	{ width: auto; }
	
#subcontent {
	background: transparent url(../img/dev/bg_subcontent.gif) 5px 0 no-repeat;
	display: inline;
	float: left;
	margin-left: -765px;
	padding-top: 80px;
	width: 180px;
}
	#subcontent h3 { line-height: 1.1; margin: 0 0 0 10px; text-transform: uppercase; }
	#subcontent a { color: #d11920; }
	#subcontent ul {
		list-style: none;
		margin: 0 0 2em 0;
	}
		#subcontent li {
			background: transparent url(../img/dev/bg_arrow_li.gif) left center no-repeat;
			margin-bottom: .4em;
			padding-left: 10px;
		}
			#subcontent li a {
				color: #333;
				text-decoration: none;
			}
			#subcontent li a:hover { text-decoration: underline; }
	
	#subcontent dl 			{ margin: 0 0 2em 10px; }
		#subcontent dl dt 	{ margin-top: 1em; }
	
	.help 		{ margin-left: 10px; }
	.help em 	{ display: block; }
	.help strong {
		color: #d11920;
		font-weight: normal;
	}

#footer {
	clear: both;
	color: #999;
	margin: 0 40px 40px 0;
	padding-top: 40px;
	text-align: right;
	width: 760px;
}
	#footer p { clear: both; }
	
#content div.break {
	background: transparent url(../img/dev/bg_divide.gif) center center no-repeat;
	height: 20px;
	margin: 2em 0;
	width: 512px;
}