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

body  {
	font: 75% Verdana, Arial, Helvetica, sans-serif;	background: #000;	margin: 0; 	padding: 0;	text-align: center;	color: #000000; padding-bottom:30px;
}

form {padding:0; margin:0;}

a {color:#FFF;}
a:hover {color:#F60;}
p {line-height:1.4em;margin-top:1em;}

h1, h2, h3, h4 {  font-family:Arial Narrow, Helvetica, sans-serif;margin-top:1em;}
h1 {font-size:2.3em;font-weight:normal; margin-bottom:0em;}
h2 {font-size:1.9em; font-weight:normal;}
h3 {font-size:1.5em;}

ul {padding:0; margin:0; margin-right:20px; list-style:none;}
ul li{padding:0; padding-left:15px; padding-bottom:0.5em; margin:0; background:url(/images/list-Tri.gif) left 2px no-repeat scroll; font-size:1em; line-height:1.15em; }


input, select{height:1.5em; background:url(/images/bgr_input.gif) left top repeat-x; border:none 0px; color:#333; line-height:1.1em; }
textarea { background:url(/images/bgr_input.gif) #FFF left top repeat-x; border:none 0px; color:#333; line-height:1.1em; }

#container {margin:0px 50px;	background: #000;	color:#FFF;	text-align: left; 	border: 1px #FFF solid;}  


/*header */
#header {background: #FFF; 	color:#777;	padding: 0; 	height:11em;} 

#header #topMenu {height:4em; text-align:right;}
#header ul { padding:0; margin:0; list-style:none;}
#header ul li { padding:1em 0; margin:0; display:inline; border-right:1px solid #777;height:3em; text-align:center; background:none;}
#header ul li.last { border:0px none; padding-right:1em;}
#header ul li a{ color:#777; text-decoration:none; padding:1em 0.7em; line-height:3em; font-size:0.9em;}
#header ul li a:hover{ color:#F60; text-decoration:underline;}
#header .logo {float:left; display:inline; margin:1em 2em; border:0px none;}
#header .phone {float:right; display:inline; margin:1em 2em;}

#banner {height:220px; width:100%; overflow:hidden; background-color:#333333; text-align:left;}


/* === side bar left === */
#sidebar1 {	float: left; 	width: 19em;	padding: 0 0 15px 0; }


#sidebar1 h3 { font-size:1.5em; line-height:1em; margin-bottom:0.3em; padding-bottom:0;}
.newsletterbox {padding:0.6em; background-color:#666;}
.newsletterbox label {font-size:1.1em; margin-right:0.5em; font-weight:bold}
.newsletterbox input{height:1.5em; background:url(/images/bgr_input.gif) left top repeat-x; border:none 0px; color:#333; line-height:1.1em; width:8em;}
.newsletterbox input.go{ height:22px; width:29px; border:0px none;}
#sidebar1 h3, #sidebar1 p, #sidebar2 p, #sidebar2 h3, .newsletterbox, .quickQuoteLeft 
	{margin-left: 20px;	margin-right: 0px;}
#sidebar1 hr {margin-left:20px;height:0px; border:0px none #fff; border-bottom:1px solid}	
/* === side bar right === */
#sidebar2 {	float: right; width: 19em; padding: 0 0 15px 0; }
#sidebar2 p, #sidebar2 h3, #sidebar2 ul
	{margin-left: 0px;	margin-right: 20px;}
	#sidebar2 h2 {margin-top:1em;}

 /* === main content === */
#mainContent, #mainContentWide  { margin:0 20em 0 20em; padding: 0 2em 20px 2em; background-color:#000;	color:#fff;} 

#mainContentWide  {margin-right:0em;}

.contentLeft {width:48%; float:left; margin-right:2%; display:inline;}
.contentRight {width:48%; float:right; margin-left:2%; display:inline;}
 /* === main content === */

/* === miscelanous styles ===  */

.larger {font-size:1.15em; line-height:1.5em;}
.quickQuote, .quickQuoteLeft  {display:block; margin-top:2em;}
.spotlight {font-size:1.25em; line-height:1.25em; color:#ccc; border-bottom:1px solid #ccc; padding-bottom:1em;margin-top:1.8em;}

/* === footer === */
#footer { 	padding: 0 10px; background:#FFF; color:#444;	text-align:right;} 
#footer p {	margin: 0; 	margin-top:1em;	padding: 1em 2em; 	font-size:0.9em;}
#footer a {color:#444; text-decoration:none; margin:0 0.5em;}
#footer a:hover {color:#FF6600; text-decoration:underline;}


/* forms */

.qqTable td{ padding:0.5em 1em 0.5em 0; text-align:left; font-size:1em;}
input.nill {background:none;}
.btnLabel { margin-left:2em;}
input.sendBtn {background:url(../images/bgr_Btn.jpg) right top red no-repeat scroll; padding-right:25px; color:#FFF; border:0px none; font-size:0.9em; cursor:pointer;}
 /* Miscellaneous classes for reuse */
.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}