/* ------------------------------------ */
/* Company Styles */
/* ------------------------------------ */

/* ------------------------------------ */
/* MainNav */
/* ------------------------------------ */
ul#nav03 li.navButton {
	background-color: #fff;
}
#nav03 li.navButton a:link, #nav03 li.navButton a:visited {
	display: none;
}
div#mainNav {
	z-index: -1;
	voice-family: "\"}\""; voice-family: inherit;
	z-index: 2 !important;
	z-index/**/:/**/ -1;
}

/* ------------------------------------ */
/* SubNav */
/* ------------------------------------ */
div#subNavArea {
	width: 188px;
	background-color: #06455f;
}
div#subNavArea.landing {
	width: 777px;
}
div#subNavArea H2 {
	background: url(../media/images/work/sechead_work.gif) top center no-repeat;
}
div#subNavArea H2.landing {
	left: 392px;
}

/* ------------------------------------ */
/* Section Headline */
/* ------------------------------------ */
div#secHeadline {
	position: absolute;
	top: 40px;
	left: 393px;
}
#secHeadline H3 {
	background: url(../media/images/tag_beat.gif) no-repeat;
}

/* ------------------------------------ */
/* Section Quote */
/* ------------------------------------ */
div#secQuote {
	width: 225px;
	top: 90px;
	left: 21px;
}

/* ------------------------------------ */
/* TSG People PNGs */
/* ------------------------------------ */
/* Works with z-index Hack in mainNav for IE */
div#tsgPeople {
	left: 392px;
	top: -131px;
	voice-family: "\"}\""; voice-family: inherit;
	top: -129px !important;
	top/**/:/**/ -131px;
	z-index: 2;
}
div#tsgPerson01, div#tsgPerson02, div#tsgPerson03, div#tsgPerson04 {
	height: 119px;
}
div#tsgPeople div.landing {
	height: 320px;
}

/* ------------------------------------ */
/* Landing Page Content */
/* ------------------------------------ */
div#ladingContent {
	/*
	float: left;
	width: 588px;
	*/
	background-color: #06455f;
}

/* ------------------------------------ */
/* Featured Questions */
/* ------------------------------------ */
ol#featQuestion {
	padding: 0px;
	list-style: none;
	width: 370px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #fff;
}
li.featQ1 {
	background: url(../media/images/company/company_1.gif) no-repeat;
}
li.featQ2 {
	background: url(../media/images/company/company_2.gif) no-repeat;
}
li.featQ3 {
	background: url(../media/images/company/company_3.gif) no-repeat;
}
li.featQ4 {
	background: url(../media/images/company/company_4.gif) no-repeat;
}
li.featQ5 {
	background: url(../media/images/company/company_5.gif) no-repeat;
}
ol#featQuestion a:link, ol#featQuestion a:visited {
	color: #fff;
}
ol#featQuestion a:hover, ol#featQuestion a:active, div#allQuestions a:hover, div#allQuestions a:active {
	color: #a30040 !important;
	text-decoration: none;
}
ol#featQuestion li {
	padding: 0px 0px 1px 19px;
	margin-bottom: 3px;
	voice-family: "\"}\""; voice-family: inherit;
	margin-bottom: 6px !important;
	margin-bottom/**/:/**/ 3px;
}
h3.questionHead {
	width: 360px;
	margin: 5px 0px 5px 16px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #fff;
}

/* ------------------------------------ */
/* Flash Bars */
/* ------------------------------------ */
div#flashBars {
	float: right;
	width: 580px;
	height: 100px;
}

/* ------------------------------------ */
/* Featured Work */
/* ------------------------------------ */
ul#relatedClients {
	position: relative;
	float: left;
	padding: 0px;
	/*margin: 109px 0px 0px 8px;*/
	width: 188px;
	list-style: none;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 10px;
	color: #494442;
	/* Added by Dane: Box Model */
	margin: 110px 0px 0px -10px;
	voice-family: "\"}\""; voice-family: inherit;
	margin: 108px 0px 0px 8px !important;
	margin/**/:/**/ 109px 0px 0px 8px;
}
ul#relatedClients a:link, ul#relatedClients a:visited {
	display: block;
	position: relative;
	height: 14px;
	padding-left: 7px;
	color: #494442;
	text-decoration: none;
	width: 186px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 179px !important;
	width/**/:/**/ 186px;
}
ul#relatedClients a:hover {
	color: #08455f;
}
ul#relatedClients li {
	display: block;
	width: 186px;
	height: 14px;
	padding: 0px;
	margin: 0px 0px 2px 0px;
	border: 1px dotted #494442;
	line-height: 14px;
}
div#featuredContent {
	float: right;
	margin: 20px 5px 0px 0px;
	width: 372px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 377px !important;
	width/**/:/**/ 372px;
}
ul#relatedClients li#clientsHeader {
	background: url(../media/images/related_examples.gif) no-repeat;
	border:none;
	width: 188px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 186px !important;
	width/**/:/**/ 188px;
}
li#clientsHeader span {
	display: none;
}
div.clientQuote {
	margin: 0px 0px 25px 0px;
}
div.clientQuote p {
	padding: 0px;
	margin: 0px;
}
div.clientQuote .quote {
	font-size: 13px;
}
div.clientQuote .quoted {
	font-size: 11px;
}
div#projectQuote {
	margin: 0px 0px 15px 0px;
}
div#projectQuote p {
	padding: 0px;
	margin: 0px;
}
div#projectQuote .quote {
	font-size: 11px;
}
div#projectQuote .quoted {
	font-size: 11px;
}

/* --------------------------------------------------*/
/* TEMP DEV STYLES */

/* great company : subNav colors */
.navColor01 {
	background-color: #2a6076;
}
.navColor02 {
	background-color: #36697e;
}
.navColor03 {
	background-color: #437386;
}
.navColor04 {
	background-color: #507c8e;
}
.navColor05 {
	background-color: #5c8696;
}
.navColor06 {
	background-color: #688e9e;
}
ul#subNav a:hover, ul#subNav li.Hilited a {
	background-color: #006296;
}

/* --------------------------------------------------*/