@charset "utf-8";

* { margin: 0; padding:0;}
img { border:none;}

h1{ font-size: 16px;}
h2{}
	h2 a { color: #FFFFFF; text-decoration: none;}
	h2 a:hover { text-decoration: underline;}
h3{ color: #d01b2b; font-size: 14px; padding-bottom: 3px;}

p{ line-height: 16px; padding-bottom: 12px;}

a{ color: #d01b2b; text-decoration: underline;}
a:hover{ text-decoration: none;}
a:focus{ outline:none;}


body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #26678b;
}

body {
	background-image: url(images/backdrop.jpg);
	background-position:top;
	background-repeat:repeat-x;
	background-color: #edf8fa;
	}

/*---------------------framework-------------------------*/
#outerzone {
	width: 100%;
	background-image:url(images/outerzone.jpg);
	background-repeat:no-repeat;
	background-position:top center;
	}
#container { width: 840px; margin: 0 auto;}
#header{}
	#logo h1 {
		display: block;
		height: 126px;
		width: 312px;
		background-image:url(images/logo.jpg);
		background-repeat:no-repeat;
		text-indent: -3000px;
		}
	#free-quote {
		padding-top: 45px;
		}

#nav { height: 43px;}
	ul.menu { list-style: none;} 
	ul.menu li { float: left; margin: 0; padding: 0;} 
	ul.menu li a {
		display: block;
		height: 36px;
		background-repeat:no-repeat;
		text-indent: -3000px;
		}
		#Home { background-image:url(images/nav-home.jpg); width: 98px;}
		#Services { background-image:url(images/nav-services.jpg); width: 107px;}
		#Products { background-image:url(images/nav-products.jpg); width:106px;}
		#Resources { background-image:url(images/nav-resources.jpg); width:115px;}
		#Company { background-image:url(images/nav-company.jpg); width:117px;}
		#Contact { background-image:url(images/nav-contact.jpg); width: 111px;}
		#Callus { background-image:url(images/nav-call.jpg); width: 186px; cursor: default;}
		
		#nav li ul {
			position: absolute;
			width: 200px;
			left: -999em;
			background-color:#5891c0;
			border: 1px solid #b4d3e6;
			list-style: none;
		}
		#nav li ul li { float: none;}
		#nav li ul li a {  display: block; text-indent: 0; color: #FFFFFF; font-size: 16px; text-decoration: none; padding: 3px 0px 3px 20px; height: 23px;}
		#nav li ul li a:hover { background-color: #6381ac;}
		#nav li:hover ul, #nav li.sfhover ul {
			left: auto;
		}

#banner {
	height: 295px;
	background-image:url(images/banner01.jpg);
	background-repeat:no-repeat;
	background-position:top;
	margin-bottom: 10px;
	color: #ffffff;
	}
	#banner #leftzone {
		width: 255px;
		padding: 14px 0 0 19px;
		}
	#loginbox {
		height: 148px;
		padding: 8px 10px;
		background-image:url(images/logindrop.jpg);
		background-repeat:repeat-x;
		}
	#loginbox h2, #loginbox table, #loginbox tbody, #loginbox td, #loginbox tr { border: none !important;}
	#banner h2 {
		font-size: 16px;
		color: #FFFFFF;
		}
	#banner p { padding-bottom: 3px;}
		#banner table {}
	#banner td { padding-bottom: 2px; color:#FFFFFF;}
	#banner a { color: #FFFFFF;}
	#block-block-3 { padding-bottom: 0px;}
	
#content-zone {
	padding: 15px 14px 15px 12px;
	margin-bottom: 15px;
	background-color:#FFFFFF;
	background-repeat: repeat-y;
	}
	.contentdrop-green { background-image:url(images/contentdrop-green.gif);}
	.contentdrop-blue { background-image:url(images/contentdrop-blue.gif);}
	
	#content-leftcol {
		width: 548px;
		}
	.content-leftmod { padding: 20px 13px;}
	.content-leftmod  ul, .content-leftmod ol { padding: 0 20px 12px 20px;}
	#content-rightcol {
		width: 253px;
		}
#wrapper{}
	#leftcol{ width: 279px;}
		#content-leftcol h2, #leftcol h2, #rightcol h2, .bottommod h2 {
			background-image: url(images/h2.gif);
			background-repeat:no-repeat;
			background-position:right;
			background-color: #3e6baf;
			color: #FFFFFF;
			font-size: 17px;
			padding: 3px 13px;
			
			}
		.leftmod {
			background-color: #d3e3e7;
			padding: 4px 13px 0 13px;	
			margin-bottom: 16px;	
			}
			#left-contact {
				height: 91px;
				}
			#left-testimonials {
				height: 174px;
				}
	#rightcol{ width: 546px;}
		#righttop { margin-bottom: 16px;}
		#blurb-main {
			background-image: url(images/backdrop-waterdrop.jpg);
			background-position:right bottom;
			background-repeat:no-repeat;
			background-color: #d3e3e7;
			padding:  10px 13px;
			height: 158px;
			}
	#bottomwrap {padding-top: 14px;}
	.bottommod {
		width: 267px;
		height: 120px;
		background-color: #d3e3e7;
		margin-right: 13px;
		}
	.bottommod { width: 253px; height: 120px;}
	#contactbox { padding: 21px 13px; height: 78px; width: 241px;}

#bottomzone {
	height: 94px;
	width: 100%;
	background-image:url(images/bottomzone.gif);
	background-repeat:repeat-x;
	background-position:bottom;
	}
#footer{
	width: 840px;
	height: 80px;
	margin: 0 auto;
	text-align: right;
	font-size: 11px;
	color: #125a83;
	background-image: url(images/footer.jpg);
	background-repeat:no-repeat;
	padding-top: 14px;}




/*---------------------universal classes-------------------------*/

.fieldset-calc { border: 1px solid #999999; padding:10px; margin-bottom: 12px;}
.table-calc td { padding: 1px;}


.text-right { text-align: right;}
.input-login { width: 160px; padding: 2px 5px; border: none; margin-left: 2px;}
.input-calc { width: 190px; padding: 2px 5px; border: none;}
.input-nonedit { width: 190px; padding: 2px 5px; background-color:#999999;}


.pad7 { padding: 0 7px;}

.small {}
.normal {}
.large {}
.xlarge {}

.right { float:right;}
.left { float:left;}
.clear { clear:both;}

.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */