/* ------------------------------------ */
/* Company Styles */
/* ------------------------------------ */
div.examplesView {
	display: none;
}
ul.examplesView {
	visibility: hidden;
}

/* ------------------------------------ */
/* MainNav */
/* ------------------------------------ */
ul#nav02 li.navButton {
	background-color: #fff;
}
#nav02 li.navButton a:link, #nav02 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: #cb600f;
}
div#subNavArea.landing {
	width: 777px;
}
div#subNavArea H2 {
	background: url(../media/images/clients/sechead_clients.gif) top center no-repeat;
}
div#subNavArea H2.landing {
	left: 196px;
}

/* ------------------------------------ */
/* Section Headline */
/* ------------------------------------ */
div#secHeadline {
	position: absolute;
	top: 56px;
	left: 393px;
}
div#secHeadline .quote {
	display: block;
}
div#secHeadline .quoted {
	display: block;
}
#secHeadline H3 {
	background: url(../media/images/tag_change.gif) no-repeat;
}

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

/* ------------------------------------ */
/* TSG People PNGs */
/* ------------------------------------ */
/* Works with z-index Hack in mainNav for IE */
div#tsgPeople {
	left: 196px;
	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: #cb600f;
}

/* ------------------------------------ */
/* Featured Questions */
/* ------------------------------------ */
ol#featQuestion {
	padding: 0px;
	/*margin: 0px 0px -90px 398px;*/
	list-style: none;
	width: 370px;
	font-family: arial, helvetica, verdana, sans-serif;
	font-size: 11px;
	color: #fff;
	margin-left: 390px !important;
}
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 408px;
	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;
}

/* ------------------------------------ */
/* Related Examples */
/* ------------------------------------ */
div#examplesContent {
	float: right;
	margin: 20px 10px 0px 0px;
	width: 377px;
	voice-family: "\"}\""; voice-family: inherit;
	width: 377px !important;
	width/**/:/**/ 357px;
}
div.clientQuote {
	margin: 0px 0px 25px 10px;
}
div.clientQuote p {
	padding: 0px;
	margin: 0px;
}
div.clientQuote .quote {
	font-size: 11px;
}
div.clientQuote .quoted {
	font-size: 10px;
}
div#examplesContent div.narrativeText {
	float: none;
	font-size: 11px;
	width: 360px;
}
div#examplesContent div.narrativeText strong {
	color: #000;
}
div#examplesImage {
	position: relative;
	bottom: 164px;
	float: left;
	width: 188px;
	/*margin: -164px 0px 0px 8px;*/
	margin-left: 8px;
	background-color: #fff;
}
div#examplesImage img {
	width: 188px;
}

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

/* great company : subNav colors */
.navColor01 {
	background-color: #d27731;
}
.navColor02 {
	background-color: #d57f3e;
}
.navColor03 {
	background-color: #d8874a;
}
.navColor04 {
	background-color: #da8f56;
}
.navColor05 {
	background-color: #dd9762;
}
.navColor06 {
	background-color: #df9f6e;
}
ul#subNav a:hover, ul#subNav li.Hilited a {
	background-color: #b02912;
}

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