/**
 *	Compass Consulting
 *  Base Screen Styles
 *	
 *	@author:	Nathan Crowe <nathan at imagin8 dot com>
 *	@date:		19/03/2008	
 *
 *	Table of Contents:
 *		01. layout
 *		02. typography
 *		03. lists/typography/links
 *		04. images
 *		05. tables
 *		06. forms
 *		07. ctoc
 *
 */
html,body {
	background:					#b5a588 url(../images/bg.jpg) 50% 50% no-repeat;
}

body {
	color:						#333;
	font-family:				Tahoma, Arial, Helvetica, sans-serif;
	font-size:					62.5%;
}

/** layout
------------------------------------------------------------------ */
div#wrapper {
	background:					url(../images/bg-wrapper.gif) repeat-x;
}
body.home div#wrapper {
	background-image:			url(../images/bg-wrapper-home.gif);
}

div#header-wrapper {
	background:					url(../images/bg-header-wrapper.jpg) 50% 0 no-repeat;
}
body.home div#header-wrapper {
	background-image:			url(../images/bg-header-wrapper-home.jpg);
}

div#header {
	background:					url(../images/bg-header.jpg) no-repeat;
}
body.home div#header {
	background-image:			url(../images/bg-header-home.jpg);
	height:						418px;
}

div#brand {
	float:						left;
	height:						89px;
	width:						358px;
}

div#navigation {
	background:					url(../images/bg-navigation.jpg) no-repeat;
	clear:						both;
	height:						11px;
	padding-top:				21px;
	position:					relative;
}
body.home div#navigation {
	background-image:			url(../images/bg-navigation-home.jpg);
}

div#feature {
	background:					url(../images/bg-feature.jpg) no-repeat;
	height:						240px;
}
body.home div#feature {
	background-image:			url(../images/bg-feature-home.jpg);
	height:						263px;
}
body.bc24469 div#feature {
	background-image:			url(../images/features/bg-about-us.jpg);
}
body.bc24470 div#feature {
	background-image:			url(../images/features/bg-services.jpg);
}
body.bc24471 div#feature {
	background-image:			url(../images/features/bg-positions-advertised.jpg);
}
body.bc24472 div#feature {
	background-image:			url(../images/features/bg-news-articles.jpg);
}
body.bc24473 div#feature {
	background-image:			url(../images/features/bg-links.jpg);
}
body.bc24474 div#feature {
	background-image:			url(../images/features/bg-contact-us.jpg);
}

div#feature div#people {
	float:						left;
	height:						232px;
	padding:					8px 0 0 72px;
	width:						194px;
}
body.home div#feature div#people {
	height:						272px;
	padding:					18px 0 0 60px;
	width:						242px;
}

div#content-wrapper {
	background-color:			#fff;
	min-height:					200px;
	height:						auto !important;
	height:						200px;
}

div#content {
	min-height:					200px;
	overflow:					hidden;
	width:						990px;
}
body.home div#content {
	background:					url(../images/bg-content.gif) repeat-y;
}

div#content-main {
	float:						left;
	width:						767px;
}

div#content-main-inner {
	padding:					0 47px 0 72px;
}

div#content-side {
	margin-left:				767px;
}

div#content-side-inner {
	padding-right:				45px;
}

div#content-side-inner div#company-founder {
	background:					url(../images/bg-company-founder.jpg) no-repeat;
	display:					none;
	margin-top:					30px;
	padding:					232px 0 0 9px;
}
body.bc24469 div#content-side-inner div#company-founder {
	display:					block;
}

body.home div#content-side {
	float:						left;
	margin-left:				0;
	width:						358px;
}

body.home div#content-side-inner {
	padding:					0 45px 0 72px;
}

body.home div#white-papers {
	background:					url(../images/bg-white-papers.gif) 189px 2px no-repeat;
	padding-right:				38px;
}

body.home div#content-main {
	float:						none;
	margin-left:				358px;
	width:						auto;
}

body.home div#content-main-inner {
	padding:					0 72px 0 47px;
}

body.home div#content-main-inner div#articles-of-interest {
	background:					url(../images/bg-articles-of-interest.gif) right 2px no-repeat;
}

div#footer-wrapper {
	background:					url(../images/bg-footer-wrapper.gif) repeat-x;
}

div#footer-wrapper-inner {
	background:					url(../images/bg-footer-wrapper-inner.jpg) 50% 0 no-repeat;
	height:						150px;
}

div#footer {

}

div#footer-inner {
	background:					url(../images/bg-footer-inner.gif) 51px 75px no-repeat;
	padding:					34px 0 0 51px;
}

div.container {
	margin:						0 auto;
	width:						990px;
}
/** typography
------------------------------------------------------------------ */
em {
	font-style:					italic;
}

strong {
	font-weight:				bold;
}

div#header div#brand h1 {
	padding:					38px 0 0 79px;
}

div#header h2 {
	background:					url(../images/h2s/h2-tagline.gif) no-repeat;
	float:						right;
	height:						8px;
	margin:						50px 0 0 0;
	padding-right:				49px;
	text-indent:				-9999px;
	width:						485px;
}

div#content-side-inner h4,
div#content-main-inner h1,
div#content-main-inner h2,
div#content-main-inner h3,
div#content-main-inner h4 {
	color:						#d5a64f;
	font-family:				Arial, Helvetica, sans-serif;
	font-size:					15px;
	font-weight:				bold;
	margin-bottom:				0.8em;
	text-transform:				uppercase;
}

div#content-main-inner h5 {
	border-bottom:				1px solid #e0d2b3;
	font-weight:				bold;
	margin:						0 0.5em 0.8em 0;
	padding-bottom:				0.5em;
}

div#content {
	font-size:					1.1em;
	line-height:				150%;
}

div#content h4.category {
	color:						#333;
	text-transform:				none;
	font-size:					1.2em;
	margin-bottom:				0.5em;
}

div#content p {
	margin-bottom:				1.5em;
}

div#content p.item,
div#content p.document {
	margin-bottom:				0.5em;
}

div#footer-inner {
	color:						#fff;
	font-size:					1.1em;
}

div#footer-inner .search {
	display: inline;
	text-align:					right;
	float:						right;
	margin:						0px;
	margin-right:				48px;
	padding:					0px;
	height:						50px;
}

div#footer-inner .search_query {
	margin:						0px;
	color:						#AC9A91;
	border:						1px solid #AC9A91;
	font-size:					1.1em;
	position: relative;
	top: -3px;
	z-index: 1;
}

div#footer-inner .search_button {
	margin:						0px;
	padding:					0px;
	text-align:					right;
	margin-top:					15px;
}

div#footer-inner h6 {
	display:					inline;
	background:					url(../images/h6s/h6-call.gif) no-repeat;
	float:						right;
	height:						13px;
	margin-right:				47px;
	text-indent:				-9999px;
	width:						194px;
}

div#footer-inner p {
	font-weight:				bold;
	margin-bottom:				0.5em;
}
/** lists/typography/links
------------------------------------------------------------------ */
div#header div#brand h1 a,
div#header div#brand h1 a:link {
	display:					block;
	height:						34px;
	text-indent:				-9999px;
	width:						238px;
}

div#content-side-inner a,
div#content-main-inner a,
div#content-side-inner a:link,
div#content-main-inner a:link
div#content-side-inner a:visited,
div#content-main-inner a:visited,
div#content-side-inner a:active,
div#content-main-inner a:active {
	color:						#d5a64f;
	font-weight:				bold;
	text-decoration:			none;
}

body.home div#content-side-inner a,
body.home div#content-main-inner a,
body.home div#content-side-inner a:link,
body.home div#content-main-inner a:link
body.home div#content-side-inner a:visited,
body.home div#content-main-inner a:visited,
body.home div#content-side-inner a:active,
body.home div#content-main-inner a:active,
div#content-side-inner div#company-founder a,
div#content-side-inner div#company-founder a:link,
div#content-side-inner div#company-founder a:visited,
div#content-side-inner div#company-founder a:active,
body.bc24472 div#content-main-inner a,
body.bc24472 div#content-main-inner a:link
body.bc24472 div#content-main-inner a:visited,
body.bc24472 div#content-main-inner a:active {
	background:					url(../images/icons/icon-link.gif) 0 2px no-repeat;
	padding-left:				36px;
}

div#content-main-inner h4.category a,
div#content-main-inner h4.category a:link,
div#content-main-inner h4.category a:visited,
div#content-main-inner h4.category a:active {
	color:						#333;
}


body.bc24472 div#content-main-inner ul li a,
body.bc24472 div#content-main-inner ul li a:link,
body.bc24472 div#content-main-inner ul li a:visited,
body.bc24472 div#content-main-inner ul li a:active {
	background:					none;
	padding-left:				0;
}

div#content-side-inner a:hover,
div#content-main-inner a:hover {
	color:						#000;
}

body.home div#content-side-inner a:hover,
body.home div#content-main-inner a:hover,
div#content-side-inner div#company-founder a:hover,
body.bc24472 div#content-main-inner a:hover {
	background:					url(../images/icons/icon-link-hover.gif) 0 2px no-repeat;
}

body.bc24472 div#content-main-inner ul li a:hover {
	background:					none;
}

div#content-side-inner ul,
div#content-main-inner ul {
	margin-bottom:				1.5em;
}

div#content-main-inner ul {

}

div#content-main-inner ul li {
	background:					url(../images/icons/icon-list.gif) left 7px no-repeat;
	padding-left:				36px;
}

div#content-main-inner ol {
    list-style:					decimal;
	margin:						0 0 1.5em 1.5em;
}

div#content-main-inner ol li {
    list-style-position:		inside;
}

div#content-main-inner ol li ol {
    margin:						0.5em 0 0.5em 0;
}

div#content-main-inner ol li ol li {
    padding-left:				1.5em;
}

body.home div#content-main-inner div#articles-of-interest ol {
	list-style:					none;
	margin-left:				0;
}

body.home div#content-main-inner div#articles-of-interest ol li h5 {
	font-weight:				bold;
}

div#footer-inner ul {
	line-height:				125%;
}

div#footer-inner ul li {
	border-right:				1px solid #000;
	float:						left;
	padding:					0 7px;
}

div#footer-inner ul li.first {
	padding-left:				0;
}

div#footer-inner ul li.last {
	border:						0;
	padding-right:				0;
}

div#footer-inner ul li a,
div#footer-inner ul li a:link,
div#footer-inner ul li a:visited,
div#footer-inner ul li a:active {
	color:						#fff;
	text-decoration:			none;
}

div#footer-inner ul li a:hover {
	color:						#000;
}
/** images
------------------------------------------------------------------ */
/** tables
------------------------------------------------------------------ */
/** forms
------------------------------------------------------------------ */
/** ctoc
------------------------------------------------------------------ */
div#content-side-inner div#ctoc {
	border-bottom:				1px solid #000;
}

div#content-side-inner div#ctoc div.ctoc_item0 {
	border-top:					1px solid #000;
}

div#content-side-inner div#ctoc div.ctoc_children div {
	border-top:					1px solid #ccc;
}

div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children {
	border:						0;
	padding:					0;
}

div#content-side-inner div#ctoc a,
div#content-side-inner div#ctoc a:link,
div#content-side-inner div#ctoc a:visited,
div#content-main-inner div#ctoc a:active {
	background:					none;
	color:						#333;
	display:					block;
	font-weight:				bold;
	padding:					4px 0 6px 10px;
	text-decoration:			none;
	text-transform:				uppercase;
}

div#content-side-inner div#ctoc a:hover {
	background-image:			url(../images/bg-ctoc-hover.gif);
	background-position:		0 50%;
	background-repeat:			no-repeat;	
	color:						#d5a64f;
}

div#content-side-inner div#ctoc div#ctoc_current_item a,
div#content-side-inner div#ctoc div#ctoc_current_item a:link,
div#content-side-inner div#ctoc div#ctoc_current_item a:visited,
div#content-side-inner div#ctoc div#ctoc_current_item a:active {
	background-image:			url(../images/bg-ctoc.gif);
	background-position:		0 50%;
	background-repeat:			no-repeat;	
	color:						#d5a64f;
}

div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children div.ctoc_item2 a,
div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children div.ctoc_item2 a:link,
div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children div.ctoc_item2 a:visited,
div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children div.ctoc_item2 a:active {
	background-position:		10px 50%;
	background-repeat:			no-repeat;
	font-weight:				normal;
	padding-left:				20px;
	text-transform:				none;
}

div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children div.ctoc_item2 a:hover {
	background-color:			#fff;
	background-image:			url(../images/bg-ctoc-sub-hover.gif);
}

div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children div#ctoc_current_item a,
div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children div#ctoc_current_item a:link,
div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children div#ctoc_current_item a:visited,
div#content-side-inner div#ctoc div.ctoc_children div.ctoc_children div#ctoc_current_item a:active {
	background-image:			url(../images/bg-ctoc-sub.gif);
	background-position:		10px 50%;
	background-repeat:			no-repeat;
}

