/*
 * HyperTemplate Skin CSS File
 * Copyright 2003 - 2008 by Talldude Networks,LLC.
*/

/* Skin */
body {
background-color:  #FFFFFF;
font-family:Tahoma,Verdana,Helvetica,Arial,sans-serif;
font-size:10px;
color:#000;
padding:0px;
margin:0px;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.just_5px_spacer{
	margin:5px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.just_10px_spacer{
	margin:10px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.just_15px_spacer{
	margin:15px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.just_20px_spacer{
	margin:20px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.just_30px_spacer{
	margin:30px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.just_40px_spacer{
	margin:40px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
.just_50px_spacer{
	margin:50px 0px 0px 0px;
	padding:0px 0px 0px 0px;
}
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
	line-height:0;
}
html{
	scrollbar-face-color: #f5f3f1;
	scrollbar-shadow-color: #f5f3f1;
	scrollbar-highlight-color: #f5f3f1;
	scrollbar-3dlight-color: #f5f3f1;
	scrollbar-darkshadow-color: #888888;
	scrollbar-track-color: #fbfbfa;
	scrollbar-arrow-color: #b91b1c;
}
#lightsoff-background {
	position: absolute;
	margin:0;
	padding: 0;
	z-index: 20;
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
}
.noOutline {
	outline:none;
}

/*------------ MAIN BODY AREAS -------------------------------------------*/

#bodywrapper_main_overall{
	width:1100px;
	margin:auto;
}
#top_area{
	width:1100px;
	height:100px;
	padding:0px 0px 0px 0px;
	float:left;
}
#content_area{
	width:1100px;
	height:405px;
	background:url(images/29id_content_box.png) no-repeat;
	padding:0px 0px 0px 0px;
	margin:0px;
	float:left;
}
#footer_area{
	width:1100px;
	height:100px;
	padding:0px 0px 0px 0px;
	float:left;
}

/*------------ TOP AREA -------------------------------------------*/

.top_area_left_menu{
	margin:68px 0 0 20px;
	width:750px;
	float:left;
}
.top_area_left_menu ul{
	list-style-type:none;
	line-height:0;
}
.top_area_left_menu li{
	display:block;
	height:30px;
	width:70px;
	font:normal 11px/30px Arial, Helvetica, sans-serif;
	background:url(images/ht_theme_button_white_bkg.png) repeat-x;
	float:left;
	text-align:center;	
}
.top_area_left_menu li a{
	display:block;
	padding:0 0px 0 0;
	font:normal 11px/30px Arial, Helvetica, sans-serif;
	color:#BBBBBB;
	text-decoration:none;	
}
.top_area_left_menu li a:hover{
	display:block;
	height:30px;
	width:70px;
	font:normal 11px/30px Arial, Helvetica, sans-serif;
	background:url(images/ht_theme_button_red_bkg.png) repeat-x;
	color:#c71e1e;	
	text-decoration:none;
	cursor: pointer;
}
.top_area_left_menu li.end_left{
	display:block;
	height:30px;
	width:20px;
	background:url(images/end_cap_left.png) no-repeat;
}
.top_area_left_menu li.end_right{
	display:block;
	height:30px;
	width:20px;
	background:url(images/end_cap_right.png) no-repeat;
}
.top_area_right_logo{
	margin:36px 40px 0 0px;
	width:250px;
	height:65px;
	background:url(images/29id_new_logo_small.png) no-repeat;
	float:right;
}

/*------------ CONTENT AREA CONTACT / QUOTE -------------------------------------------*/

.content_area_contact{
	margin:25px 0 0 100px;
	width:400px;
	height:350px;
	float:left;
}
.content_area_contact h1{
	margin:60px 0px 0px 0px;
	font:bold 26px/28px Avenir, Arial, Helvetica, "Times New Roman";
	color: #c71e1e;
	text-transform:uppercase;
}
.content_area_contact p{
	margin:0px 0px 0px 0px;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}
.content_area_contact ul{
}
.content_area_contact li.top{
	display:block;
	font:bold 12px/25px Arial, Helvetica, sans-serif;
	color: #666;
}
.content_area_contact li.middle{
	display:block;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color: #999999;
}
.content_area_contact li.bottom{
	display:block;
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	color: #666;
}
.content_area_contact h3{
	display:block;
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	color: #666;
}
.content_area_contact_form_area{
	margin:35px 0px 0 60px;
	width:470px;
	height:330px;
	float:left;
	border-left:solid 1px #DDDDDD;
	padding:0 0 0 15px;
}
.content_area_contact_form_area span.input_name{
	width:100px;
	height:40px;
	font:normal 11px/34px Arial, Helvetica, sans-serif;
	color:#AAAAAA;
	float:left;
	vertical-align:middle;
	padding:0px 0 0 20px;
	text-transform: uppercase;
}
.content_area_contact_form_area span.input_box_area{
	width:300px;
	height:40px;
	font:normal 14px/34px Avenir, Arial, Helvetica;
	color:#9c9b9b;
	float:left;
	vertical-align:middle;
	padding:0px 0 0 5px;	
}
.content_area_contact_form_area span.input_box_area a{
	width:150px;
	height:40px;
	font:normal 14px/34px Avenir, Arial, Helvetica;
	color:#c71e1e;
	float:left;
	vertical-align:middle;
	padding:0px 0 0 5px;
	text-decoration:none;	
}
.content_area_contact_form_area span.contact_message_title{
	width:500px;
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color:#AAAAAA;
	float:left;
	vertical-align:middle;
	margin:10px 0 3px 20px;
	text-transform: uppercase;
}
.content_area_contact_form_area span.contact_message_body{
	width:420px;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#9c9b9b;
	float:left;
	vertical-align:middle;
	padding:0px 0 0 0px;	
}
.content_area_contact_form_area .contact_textarea{
	width:404px;
	height:100px;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#666666;
	background-color: #FFFFFF;
	border:solid 1px #EEEEEE;
	margin:0px 0 20px 20px;
	padding:3px;
}
.content_area_contact_form_area .contact_textarea_quote{
	width:404px;
	height:80px;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#444444;
	background-color: #FFFFFF;
	border:solid 1px #EEEEEE;
	margin:0px 0 20px 20px;
	padding:3px;
}
.content_area_contact_form_area .input_form{
	width:298px;
	height:20px;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#666666;
	background-color: #FFFFFF;
	border:solid 1px #EEEEEE;
	margin:5px 0 5px 0;
	vertical-align:middle;
	padding:4px 0 0 7px;
}
.content_area_contact_form_area .select {
	width:307px;
	height:27px;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	color:#666666;
	background-color: #FFFFFF;
	border:solid 1px #EEEEEE;
	margin:5px 0 0px 0;
	vertical-align:middle;
	padding:4px 0 0 5px;
}
.content_area_contact_form_area .button {
	width:100px;
	height:27px;
	font:normal 12px/23px Arial, Helvetica, sans-serif;
	color:#999999;
	background-color: #EEEEEE;
	border:solid 1px #CCCCCC;
	margin:0px 0 0px 5px;
	padding:0px 0 3px 0px;
}
.content_area_contact_form_area .button:hover {
	width:100px;
	height:27px;
	font:normal 12px/23px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	background-color: #b91b1c;
	border:solid 1px #FFFFFF;
	margin:0px 0 0px 5px;
	padding:0px 0 3px 0px;
	cursor:pointer;
}



/*------------ CONTENT AREA SOLUTIONS -------------------------------------------*/
.content_area_full{
	margin:25px 0 0 100px;
	width:750px;
	height:350px;
	float:left;
}
.content_area_full h1{
	margin:0px 0px 0px 0px;
	font:bold 18px/24px Avenir, Arial, Helvetica, "Times New Roman";
	color: #999999;
	text-transform:uppercase;
}
.content_area_full h2{
	margin:0px 0px 0px 0px;
	font:bold 28px/28px Avenir, Arial, Helvetica, "Times New Roman";
	color: #c71e1e;
	text-transform:uppercase;
}
.content_area_full h3{
	margin:0px 0px 0px 0px;
	font:normal 13px/14px Avenir, Arial, Helvetica, "Times New Roman";
	color: #AAAAAA;
	text-transform:uppercase;
}
.content_area_full p{
	margin:0px 0px 0px 0px;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}
.contact_icons_area{
	margin:35px 0px 0 20px;
	width:200px;
	height:330px;
	float:left;
	border-left:solid 1px #CCCCCC;
}
.contact_icon{
	margin:40px 0px 0 0px;
	width:137px;
	height:85px;
	background:url(images/contact_icons_norm.png) no-repeat;
}
.contact_icon:hover{
	margin:40px 0px 0 0px;
	width:137px;
	height:85px;
	background:url(images/contact_icons.png) no-repeat;
}
.quote_icon{
	margin:0px 0px 0 0px;
	width:137px;
	height:85px;
	background:url(images/quote_icons_norm.png) no-repeat;
}
.quote_icon:hover{
	margin:0px 0px 0 0px;
	width:137px;
	height:85px;
	background:url(images/quote_icons.png) no-repeat;
}
.contact_icons_area h1{
	font:bold 12px/14px Avenir, Arial, Helvetica, "Times New Roman";
	color: #AAAAAA;
	width:137px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
.contact_icons_area h1 a{
	font:bold 12px/14px Avenir, Arial, Helvetica, "Times New Roman";
	color: #AAAAAA;
	width:137px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}
.contact_icons_area h1 a:hover{
	font:bold 12px/14px Avenir, Arial, Helvetica, "Times New Roman";
	color: #b91b1c;
	width:137px;
	text-align:center;
	text-transform:uppercase;
	text-decoration:none;
}

/*------------ CONTENT AREA 3 QUARTERS-------------------------------------------*/

.content_area_left_q{
	margin:25px 0 0 40px;
	width:600px;
	height:350px;
	float:left;
}
.content_area_left_q h1{
	margin:60px 0px 0px 0px;
	font:bold 26px/28px Avenir, Arial, Helvetica, "Times New Roman";
	color: #c71e1e;
	text-transform:uppercase;
}
.content_area_left_q p{
	margin:0px 0px 10px 0px;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}
.content_area_left_q h2{
	font:bold 18px/18px Avenir, Arial, Helvetica, "Times New Roman";
	color: #666666;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
}
.content_area_left_q h2 a{
	font:bold 18px/18px Avenir, Arial, Helvetica, "Times New Roman";
	color: #666666;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	text-decoration:none;
}
.content_area_left_q h2 a:hover{
	font:bold 18px/18px Avenir, Arial, Helvetica, "Times New Roman";
	color: #c71e1e;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
	text-decoration:none;
}
.content_area_left_q h3{
	margin:0px 0px 10px 0px;
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color: #AAAAAA;
	text-transform:uppercase;
}
.content_area_right_q_image{
	margin:44px 0 0 20px;
	width:400px;
	height:311px;
	float:left;
	outline:none;
	border-left:solid 1px #DDDDDD;
	background:url(images/brain_head.png) no-repeat;
}
.content_area_right_q{
	margin:44px 0 0 20px;
	width:400px;
	height:311px;
	float:left;
	outline:none;
	border-left:solid 1px #DDDDDD;
	background:url(images/brain_head_light.png) no-repeat;
}
.content_area_right_q h1{
	font:bold 14px/15px Arial, Helvetica, sans-serif;
	color: #666666;
	margin:0px 0px 0px 15px;
	vertical-align:middle;
	padding:0px;
}
.content_area_right_q h2{
	font:italic 12px/13px Arial, Helvetica, sans-serif;
	color: #999999;
	margin:0px 0px 8px 15px;
	vertical-align:middle;
	padding:0px;
}
.content_area_right_q h2 a{
	font:italic 12px/13px Arial, Helvetica, sans-serif;
	color: #999999;
	vertical-align:middle;
	padding:0px;
	text-decoration:none;
}
.content_area_right_q h2 a:hover{
	font:italic 12px/13px Arial, Helvetica, sans-serif;
	color: #c71e1e;
	vertical-align:middle;
	padding:0px;
	text-decoration:none;
}
.content_area_right_q p{
	font:normal 12px/14px Arial, Helvetica, sans-serif;
	color: #999999;
	margin:5px 0px 15px 15px;
	padding:0px;
}

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

.content_area_left{
	margin:25px 0 0 40px;
	width:400px;
	height:350px;
	float:left;
}
.content_area_left h1{
	margin:60px 0px 0px 0px;
	font:bold 26px/28px Avenir, Arial, Helvetica, "Times New Roman";
	color: #c71e1e;
	text-transform:uppercase;
}
.content_area_left p{
	margin:0px 0px 10px 0px;
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color: #AAAAAA;
}
.content_area_left h2{
	font:bold 18px/18px Avenir, Arial, Helvetica, "Times New Roman";
	color: #666666;
	text-transform:uppercase;
	padding:0px;
	margin:0px;
}
.content_area_right{
	margin:44px 0 0 20px;
	width:600px;
	height:311px;
	float:left;
	outline:none;
}
.content_area_right_scroll{
	margin:40px 0 0 20px;
	width:600px;
	height:311px;
	float:left;
}
.content_area_right_scroll ul{
}
.content_area_right_scroll li{
	margin:3px 10px 10px 10px;
	float:left;
}
.content_area_right_scroll li .image{
	width:150px;
	height:150px;
	float:left;
	margin:0px 5px 0 0px;
}
.content_area_right_scroll li .image a:hover{
	width:150px;
	height:150px;
	float:left;
	margin:0px 5px 0 0px;
}
.content_area_right_scroll li .image_thumb{
	width:40px;
	height:40px;
	float:left;
	margin:0px 5px 0 0px;
}
.content_area_right_scroll li .image_thumb a:hover{
	width:40px;
	height:40px;
	float:left;
	margin:0px 5px 0 0px;
}
img	{
	border-style: none;
}
.content_area_right_scroll li .image_body{
	width:389px;
	height:140px;
	float:left;
	padding:5px 8px 5px 8px;
	background:url(images/web_page_bkg_box.png) no-repeat;
}
.content_area_right_scroll li .image_body img{
	border:solid 2px #DDDDDD;
}
.content_area_right_scroll li h1{
	font:bold 15px/18px Avenir, Arial, Helvetica, "Times New Roman";
	color: #c71e1e;
	text-transform:uppercase;
	padding:0px;
	margin:9px 0px 0px 2px;
}
.content_area_right_scroll li p{
	font:normal 11px/13px Arial, Helvetica, sans-serif;
	color: #999999;
	margin-left:2px;
}
.content_area_right_scroll li h2{
	font:italic 12px/14px Arial, Helvetica, sans-serif;
	color: #BBBBBB;
	padding:0px;
	margin:0px 0px 0px 2px;
}
.content_area_right_scroll li h2 a{
	font:italic 12px/14px Arial, Helvetica, sans-serif;
	color: #BBBBBB;
	text-decoration:none;
	padding:0px;
	margin:0px;
}
.content_area_right_scroll li h2 a:hover{
	font:italic 12px/14px Arial, Helvetica, sans-serif;
	color: #c71e1e;
	text-decoration:none;
	padding:0px;
	margin:0px;
}

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

.footer_area_left{
	width:450px;
	height:50px;
	padding:0px 0px 0px 0px;
	float:left;
	margin: 0 0 0 30px;
}
.footer_area_left ul{
}
.footer_area_left li.top{
	display:block;
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	color: #666;
}
.footer_area_left li.middle{
	display:block;
	font:normal 11px/12px Arial, Helvetica, sans-serif;
	color: #666;
}
.footer_area_left li.bottom{
	display:block;
	font:bold 11px/12px Arial, Helvetica, sans-serif;
	color: #666;
}
.footer_area_right{
	width:550px;
	height:50px;
	margin:0px 30px 0px 0px;
	font:bold 10px/24px Arial, Helvetica, sans-serif;
	float:right;
	color: #BBBBBB;
	text-align:right;
	vertical-align:middle;
}