@charset "UTF-8";
/* CSS Document */

html, body { margin:0; padding:0; height:100%; }
body {
	background:url(../images/bgTile.jpg) #090909;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif; color:#333333; font-size:11px; }

.container { position:relative; min-height:100%; }
.topImage { width:100%;	height:67px; clear:both; }

#top {
	min-width:850px; height:135px;
	background-color:#FFFFFF; }
#bottom { padding-bottom:40px;
		min-width:850px; /*needs to maintain width with horizontal scroll*/ 
}

a, a:link, a:visited { color:#CCCCCC; text-decoration:none; }
a:hover { color:#FFFFFF; text-decoration:none; }

a img { border:none; }

.blueText { color:#008789; }
.orangeText { color:#d14414; }
.grayText { color:#494C49; }
.greenText { color:#9B9E72; }

h1 { /* main nav title */
	font-size:15px;
	padding:0;
	margin:0; }

h2 { /* content heading */
	margin:0 0 .5em 0; padding:0;
	font-family:Arial, Helvetica, sans-serif; font-size:13px; line-height:17px; }
	
h3 {}
h4 {}
h5 {}
h6 {}

#bottom #contentBox #mainText ul, #bottom #contentBox #mainText ol { margin-top:0; margin-bottom:0; padding-top:0; padding-bottom:1.5em; }
#bottom #contentBox #mainText ul li { list-style:square outside; }
#bottom #contentBox #mainText .collapsable { padding:.2em 0; }
#bottom #contentBox #mainText .collapsable a { font-size:120%; color:#d14414; }
#bottom #contentBox #mainText .answer a { font-size:100%; color:#d14414; }

p { padding:0 0 1em; margin:0; }

/*UTILITY CLASSES*/
.clear { clear:both; }
.left { float:left; }
.right { float:right; }
.w10 { width:10%; }
.w20 { width:20%; }
.w30 { width:30%; }
.w40 { width:40%; }
.w50 { width:50%; }
.w60 { width:60%; }
.w70 { width:70%; }
.w80 { width:80%; }
.w90 { width:90%; }
.w100 { width:100%; }
/***************/

#logo {
	padding:20px 30px 10px;
	float:left; }

.subNav_down { color:#FFFFFF; font-weight:bold; }
#divNav #nav ul li.last { height:4px; top:-4px; }


#wrapper_profile { background:url(../images/profile_left.jpg) no-repeat 0 202px;  }
#topImage_profile {	background:url(../images/profile_top.jpg) no-repeat; }
#wrapper_expertise { background:url(../images/expertise_left.jpg) no-repeat 0 204px; *background-position:0 202px; }
#topImage_expertise {	background:url(../images/expertise_top.jpg) no-repeat; }
#wrapper_commitment { background:url(../images/commitment_left.jpg) no-repeat 0 204px; *background-position:0 202px; }
#topImage_commitment {	background:url(../images/commitment_top.jpg) no-repeat; }
#wrapper_results { background:url(../images/results_left.jpg) no-repeat 0 204px; *background-position:0 202px; }
#topImage_results {	background:url(../images/results_top.jpg) no-repeat; }
#wrapper_newsroom { background:url(../images/newsroom_left.jpg) no-repeat 0 204px; *background-position:0 202px; }
#topImage_newsroom {	background:url(../images/newsroom_top.jpg) no-repeat; }
#wrapper_careers { background:url(../images/careers_left.jpg) no-repeat 0 204px; *background-position:0 202px; }
#topImage_careers {	background:url(../images/careers_top.jpg) no-repeat; }
#wrapper_contact { background:url(../images/contact_left.jpg) no-repeat 0 204px; *background-position:0 202px; }
#topImage_contact {	background:url(../images/contact_top.jpg) no-repeat; }
#wrapper_clientLogin { background:url(../images/clientLogin_left.jpg) no-repeat 0 204px; *background-position:0 202px; }
#topImage_clientLogin {	background:url(../images/clientLogin_top.jpg) no-repeat; }

.headerBar { width:100%; height:50px; }
#orangeBar { background-color:#d14414; }
#tanBar { background-color:#829174; }
#tealBar { background-color:#11898b; }

/********************************************************************************/
#free-analysis {
	width:232px; height:99px; /*232 - 99*/
	margin-right:20px;
	float:right;
	line-height:1.1em;
	background:url(../images/trilogi-free-analysis.gif) no-repeat; }
#free-analysis a { 
	width:167px; height:44px; /*232*/
	margin-right:20px; padding:45px 15px 10px 50px;
	display:block; }
#free-analysis a, #free-analysis a:link, #free-analysis a:visited { color:#FFF; text-decoration:none; }
#free-analysis a:hover { color:#FFF; text-decoration:underline; }

#request-product-info {
	width:223px; height:97px;
	font-size:110%;
	background:url(../images/trilogi-request-product-info.gif) no-repeat; }
#request-product-info a { 
	width:193px; height:32px; /*223 - 97*/
	padding:55px 15px 10px 15px;
	display:block; }
#request-product-info a, #request-product-info a:link, #request-product-info a:visited, #download-statutues a, #download-statutues a:link, #download-statutues a:visited { color:#FFF; text-decoration:none; }
#request-product-info a:hover, #download-statutues a:hover { color:#FFF; text-decoration:underline; }

#download-statutues {
	width:223px; height:97px;
	font-size:110%;
	background:url(../images/trilogi-download-statutues.gif) no-repeat; }
#download-statutues a { 
	width:193px; height:17px; /*223 - 97*/
	padding:70px 15px 10px 15px;
	display:block; }
/********************************************************************************/

.header_img { padding-top:16px; padding-left:16px; }
.header_imgNoSubNav { padding-top:16px; padding-left:40px; }
#contentBox { padding-left:94px; }
	
#leftCol {
	padding:18px 8px 15px 12px;
	width:166px;
	float:left; position:relative; /*relative to fix peek-a-boo bug in IE 6*/
	line-height:22px; text-align:left; }
	
#leftColNoSubNav {
	padding:18px 8px 15px 16px;
	width:0px;
	float:left; position:relative; /*relative to fix peek-a-boo bug in IE 6*/
	line-height:22px; text-align:left; }

#mainText {
	margin:18px;
	width:500px;
	float:left; position:relative;
	font-family:Arial, Helvetica, sans-serif; line-height:17px; color:#CCCCCC; font-size:12px; }
#mainText .question { margin:0 0 1em; padding:.2em .5em; background-color:#494C49; }
#mainText .answer { padding-left:25px; }

#rightCol { padding-top:25px; width:224px; float:left; }

#footer {
	padding:10px 10px 20px;
	width:50%;
	position: absolute; bottom: 0; right: 0; z-index:1000;
	text-align:right; color:#CCCCCC; }
#footer span { padding:0 5px; }
	
	/************************/
	/****** FORM LOGIN ******/
	/************************/
	#clientLogin {
		margin-top:15px;	margin-right:4px;
		float:right;
		width:190px;
		font-size:11px; color:#333333; }
	#clientLogin span { 
		padding:3px 0 2px 5px; margin-bottom:4px;
		width:175px;
		display:block; 
		color:#FFFFFF; font-weight:bold;
		background-color:#999999; }
	#clientLogin a, #clientLogin a:link, #clientLogin a:visited { padding-left:5px; color:#d14414; }

	#clientLogin form { margin:0 auto; padding:0; }
	#clientLogin form fieldset { border:none; margin:0; padding:0; }
	#clientLogin form fieldset label, #clientLogin form fieldset input { margin-bottom:2px; }
	#clientLogin form fieldset label {
		margin-right:1em;
		width:60px; 
		float:left; clear:left; display:block;
		text-align:right; line-height:2em; }
	#clientLogin form fieldset input { 
		width:84px; 
		float:left; display:block; }
	#clientLogin form input.submit { width:16px; float:right; margin-right:10px; display:inline; }
	
	/************************/
	/*** FORM PROPERTIES ****/
	/************************/
	form { margin:0; padding:0; width:100%; }
	form fieldset { background-color:transparent; border:none; }
	form fieldset legend { margin:0; padding:5px 0; color:#d14414; }
	form fieldset legend em { font-size:80%; color:#FFFFFF; }
	form fieldset label, form fieldset input, form fieldset textarea, form fieldset select { margin-bottom:1em; }
	form fieldset label {
		margin-right:1em;
		width:25%; 
		float:left; clear:both; display:block;
		text-align:right; font-weight:bold; }
		
	form fieldset input, form fieldset textarea  { 
		width:65%; 
		float:left; *float:none; /*IE float hack for alignment*/
		display:block;
		border:solid 1px #ccc; }
		
	form fieldset label.checkbox { width:50%; text-align:left; clear:none; }
	form fieldset input.checkbox { width:auto; border:none; margin-left:2em; }		
	
	form input.submit { width:auto; border:none;}
	form fieldset select { border:solid 1px #ccc; float:left; *float:none; }
	/************************/