body, html, #wrap, #header, #menu, #navlist-wrap, ul#navlist, ul#navlist ul.drop, #pic, #subnavlist-wrap, ul#subnavlist,
#content-wrap, #sidebar, #content, #footer,
#credits, #pie, #credits * {
	margin: 0;
	padding: 0;
}

body {
	background: white;
	color: #666;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	line-height: 1.3;
	padding-bottom: 20px;
	background: white url(/images/wrap-bg.gif) top left repeat-y;
}

a img { border: none; }

#wrap {
	width: 815px;
	font-size: 85%;
	position: relative;
}

/* ------------ TEXT ------------ */

a { 
	color: #666;
	text-decoration: underline;
}

a:hover, a:focus {
	text-decoration: none;
}

h1 {
	font-size: 180%;
	font-weight: normal;
	text-align: right;
	padding-right: 25px;
	margin-top: 0;
	padding-top: 8px;
	color: #979797;
}


h2 {
	font-size: 130%;
	font-weight: bold;
}

h2#first {
	margin-top: 0;
	padding-top: 13px;
}

h3 {
	font-size: 100%;
	font-weight: bold;
}

h3 {
	font-size: 100%;
	font-weight: bold;
	margin-bottom: 0;
}

h3 + p {
	margin-top: 0;
}

#content li {
	margin-bottom: 5px;
}

dt { font-weight: bold; }
dd { margin-bottom: 5px; }

/* ------------ HEADER ------------ */

#header {
	border-bottom: 1px solid #3F3F3F;
	height: 88px;
	background: #3F3F3F;
}

#header img { display: block; }


/* ------------ MENUS ------------ */

#menu {
	width: 815px;
	background: #3F3F3F url(/images/menu-bg.gif) top left repeat-y;
	border-top: 4px solid white;
}

/* MAIN NAV */

#navlist-wrap {
	width: 170px;
	float: left;
	display: inline;
	margin: 0 6px 0 0;
	padding-top: 10px;
	position: relative;
	z-index: 300;
	background: #3F3F3F;
}

#home #navlist-wrap {
	margin-right: 0px;
}

ul#navlist {
	list-style: none;
	text-align: right;
}

ul#navlist li { 
	position: relative;
	background: #3F3F3F;
}


* html #navlist-wrap { margin-top: 4px; }
* html ul#navlist li { border-bottom: 1px solid #3f3f3f; }
* html ul#navlist ul.drop li { border-bottom: none; }


ul#navlist a {
	width: 145px;
	padding: 5px 25px 5px 0;
	display: block;
	color: white;
	background: #3F3F3F;
	text-decoration: none;
}

#home #navlist-wrap { width: 172px; }
#home ul#navlist a { width: 147px; }

ul#navlist li:hover,
ul#navlist li:hover a,
#home ul#navlist li#nav-home li,
#home ul#navlist li#nav-home a,
#discover ul#navlist li#nav-discover li,
#discover ul#navlist li#nav-discover a,
#who ul#navlist li#nav-who li,
#who ul#navlist li#nav-who a,
#wealth ul#navlist li#nav-wealth li,
#wealth ul#navlist li#nav-wealth a,
#useful ul#navlist li#nav-useful li,
#useful ul#navlist li#nav-useful a,
#team ul#navlist li#nav-team li,
#team ul#navlist li#nav-team a,
#contact ul#navlist li#nav-contact li,
#contact ul#navlist li#nav-contact a {
	background: #919191;
}

/* DROP DOWN */
ul#navlist ul.drop {
	background: #0E274F;
	list-style: none;
	width: 147px;
	position: absolute;
	top: 0;
	left: 170px;
	text-align: left;
	display: none;
}

ul#navlist li:hover ul.drop li {
	width: 142px;
	background: #1D3D76;		
	border-left: 5px solid #244179;
}

ul#navlist li:hover ul.drop a,
#discover ul#navlist li#nav-discover:hover ul.drop a,
#who ul#navlist li#nav-who:hover ul.drop a,
#wealth ul#navlist li#nav-wealth:hover ul.drop a,
#team ul#navlist li#nav-team:hover ul.drop a,
#useful ul#navlist li#nav-useful:hover ul.drop a {
	color: white;
	padding: 0;
	width: 132px;
	padding: 5px;
	background: #1D3D76;
}

ul#navlist ul.drop li:hover a,
ul#navlist ul.drop li:hover,
#discover ul#navlist li#nav-discover:hover ul.drop li:hover a,
#discover ul#navlist li#nav-discover:hover ul.drop li:hover,
ul#navlist li#nav-discover:hover ul.drop li:hover a,
ul#navlist li#nav-discover:hover ul.drop li:hover,
#team ul#navlist li#nav-team:hover ul.drop li:hover a,
#team ul#navlist li#nav-team:hover ul.drop li:hover,
ul#navlist li#nav-team:hover ul.drop li:hover a,
ul#navlist li#nav-team:hover ul.drop li:hover,
#who ul#navlist li#nav-who:hover ul.drop li:hover a,
#who ul#navlist li#nav-who:hover ul.drop li:hover,
ul#navlist li#nav-who:hover ul.drop li:hover a,
ul#navlist li#nav-who:hover ul.drop li:hover,
#wealth ul#navlist li#nav-wealth:hover ul.drop li:hover a,
#wealth ul#navlist li#nav-wealth:hover ul.drop li:hover,
ul#navlist li#nav-wealth:hover ul.drop li:hover a,
ul#navlist li#nav-wealth:hover ul.drop li:hover,
#useful ul#navlist li#nav-useful:hover ul.drop li:hover a,
#useful ul#navlist li#nav-useful:hover ul.drop li:hover, 
ul#navlist li#nav-useful:hover ul.drop li:hover a,
ul#navlist li#nav-useful:hover ul.drop li:hover {
	background: #919191;
	border-left-color: #919191;
}


/* GO JUICE! */

ul#navlist li:hover ul.drop {
	display: block;
}

* html ul#navlist li:hover ul.drop {
	display: block;
}

/* HEADER IMG */

#pic {
	float: left;
	width: 459px;
	display: inline;
	margin-right: 14px;
}

#home #pic {
	margin-right: 0;
}


/* SUBNAV */

#subnavlist-wrap {
	width: 161px;
	position: absolute;
	top: 96px;
	right: 0;
	padding-bottom: 30px;
}

ul#subnavlist {	
	list-style: none;
}

ul#subnavlist a {
	background: #3F3F3F;
	color: #fff;
	width: 159px;
	display: block;
	text-decoration: none;
	padding: 5px 0;
}

/* HIGHLIGHT SUBNAV and THIRD LEVEL NAV */
/* THIRD LEVEL NAV NEEDS MORE SPECIFICITY */

ul#subnavlist a:hover,
.d-overview li#s-nav-d-overview a,
.d-mission li#s-nav-d-mission a,
.d-philosophy li#s-nav-d-philosophy a,
.d-firm li#s-nav-d-firm a,
.t-bonnie li#s-nav-t-bonnie a,
.t-dan li#s-nav-t-dan a,
.t-erin li#s-nav-t-erin a,
.t-jeffrey li#s-nav-t-jeffrey a,
.t-jennifer li#s-nav-t-jennifer a,
.t-larry li#s-nav-t-larry a,
.t-mort li#s-nav-t-mort a,
.t-stacie li#s-nav-t-stacie a,
.who-overview li#s-nav-who-overview a,
.who-clients li#s-nav-who-clients a,
.who-services li#s-nav-who-services a,
.who-programs li#s-nav-who-programs a {
	color: #919191;
}

/* THIRD LEVEL NAV */

ul#subnavlist ul {
	margin-left: 10px;
	padding-left: 0;
	list-style-type: none;
	font-size: 90%;
}

ul#subnavlist ul a,
.who-services ul#subnavlist ul a,
.who-programs ul#subnavlist ul a {
	width: 135px;
	color: #fff;
}

.who-services ul#subnavlist ul a:hover,
.plan ul#subnavlist ul li#s-nav-who-plan a,
.plan ul#subnavlist ul a:hover,
.process ul#subnavlist ul li#s-nav-who-process a,
.process ul#subnavlist ul a:hover,
.team ul#subnavlist ul li#s-nav-who-team a,
.team ul#subnavlist ul a:hover,
.who-programs ul#subnavlist ul a:hover,
.wealth ul#subnavlist ul li#s-nav-who-wealth a,
.wealth ul#subnavlist ul a:hover,
.investment ul#subnavlist ul li#s-nav-who-investment a,
.investment ul#subnavlist ul a:hover {
	color: #919191;
}

/* ------------ CONTENT ------------ */

#sidebar {
	width: 171px;
	float: left;
	background: #042967;
	min-height: 405px;
	margin-right: 15px;
	display: inline;
	border-top: 5px solid white;
}

/* Hide from IE Mac \*/
#sidebar {
	background: #042967 url(/images/sidebar-bg.gif) top left no-repeat;
}

* html #sidebar {
	height: 405px;
}
/* End hide from IE Mac */

/* FOR IE5/Mac */
/*\*//*/
#sidebar {
	width: 170px;
}
/**/

#content {
	width: 429px;
	float: left;
	padding-top: 5px;
	line-height: 1.5;
}

/* ------------ FOOTER ------------ */

#footer {
	padding-top: 20px;
}

#footer p { line-height: 2.0; }

#footer a {
	padding: 0 5px;
}

/* ------------ HOME ------------ */


body#home {
	background: white url(/images/home-bg.gif) top left repeat-y;
}


#home-wrap {
	border-top: 4px solid white;
}

#home-text {
	padding: 15px;
}

#home ul#subnavlist a {
	background: #042967;
	font-size: 110%;
	font-weight: bold;
}

#home ul#subnavlist a:hover {
	color: #ACB99E;
}

#home #wrap {
	background: transparent url(/images/gray-pie.gif) bottom left no-repeat;
}

/* ------------ EXTRAS ------------ */


/* Method described at sitepoint http://www.sitepoint.com/forums/showpost.php?p=1239966&postcount=3 */
		
/* Hide from IE5/Mac \*/ 
html, body{height:100%;} 
/* end hack */
		
		
#outer{min-height:100%;margin-bottom:-20px;height:auto;}
* html #outer{height:100%;}
		

hr {
	color: #999;
	background: #999;
	height: 1px;
	border: none;
	clear: both;
	width: 100%;
}

.border {
	border: 1px solid #999;
}

#credits {
	width: 145px;
	font-size: 11px;
	height: 20px;
	color: white;
	margin-left: 7px;
	position: relative;
	clear: both;
	font-size: 75%;
	text-align: right;
}

p.next {
	text-align: right;
	padding-top: 30px;
}

p.quote {
	font-style: italic;
	color: #fff;
	font-size: 90%;
	margin: 0 0 10px 0;
	padding-right: 10px;
}

p.quote a {
	color: #fff;
}

p.cite {
	margin: -10px 0 10px 0;
	text-align: right;
	padding-top: 0;
}

p#first-quote {
	padding-top: 145px;
}


img.quote-border {
	border: 1px solid #666;
}

p#advice {
	padding-top: 380px;
}

p#esprit {
	padding-top: 170px;
}


.center {
	text-align: center;
}

.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.f-right {
	float: right;
	margin: 0 0 10px 10px;
}

.f-left {
	float: left;
	margin: 0 10px 10px 0;
}

.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
* html .clearfix { height: 1%; }
.clearfix {display: block;}
/* End hide from IE Mac */