/*************************************************************************************************************
**************************************************************************************************************

	Title: CSS
	Author: Hiram Hibbard, Web Editors
	Date: 11/7/2009 

**************************************************************************************************************

	1. Global Reset
	
	2. HTML
	
	3. Layout
		3.1 Header
		3.2 Content
		3.3 Footer
		
	4. Classes
	
	5. Page-Specific
		
**************************************************************************************************************
**************************************************************************************************************/


/* 1. Global Reset
**************************************************************************************************************
**************************************************************************************************************/	

html,body,div,span,
applet,object,iframe,
h1,h2,h3,h4,h5,h6,p,blockquote,pre,
a,abbr,acronym,address,big,cite,code,
del,dfn,em,font,img,ins,kbd,q,s,samp,
small,strike,strong,sub,sup,tt,var,
dd,dl,dt,fieldset,form,label,legend,
table,caption,strong,tbody,tfoot,thead,tr,th,td 
{margin:0 auto;	padding:0; border:0; font-size:100%; line-height:1; font-family:inherit; text-align:left;}

table {border-collapse:collapse; border-spacing:0;}
caption, th, td {text-align:left; font-weight:normal;}
h1, h2, h3, h4, h5, h6 {font-weight:normal;}



/* 2. HTML
**************************************************************************************************************
**************************************************************************************************************/	

body {background:url(images/background.jpg) top repeat-x #e5e5e6; font:12px Verdana, Geneva, sans-serif; text-align:center; color:#000;}
a, a:visited {color:#006287; text-decoration:underline; line-height:18px;}
a:hover {color:#006287; text-decoration:none;}
p {line-height:18px; margin:0 auto 10px; padding:0;}
	p strong {line-height:18px;}
h1, h2, h3, h4 {font-weight:bold; margin:0 20px; padding:0; color:#008752;}
h1 {font-size:18px; margin:10px;}
h2 {font-size:18px; margin:10px;}
h3 {font-size:18px;}
h4 {font-size:16px; padding:10px 0;}
ul {margin:10px 20px; padding:10px 20px;}
li {line-height:22px;}
ol {margin:10px 40px; padding:10px 40px;}
abbr {border-bottom:1px dashed #673530; cursor:help;}



/* 3. Layout
**************************************************************************************************************
**************************************************************************************************************/	

#wrap {width:985px;}


/* 3.1 Header
**************************************************************************************************************/

#logo a {background:url(images/logo.jpg) top left no-repeat; width:233px; height:72px; overflow:hidden; text-indent:-9999px; display:inline; float:left; margin:10px 0 11px 25px;}

#banner {background:url(images/banner_bgd.jpg) top repeat-x; width:985px; height:96px; clear:both; overflow:hidden; position:relative;}
#bannerBottom {background:url(images/banner_bottom.png); width:985px; height:3px; clear:both; overflow:hidden;}

ul#navigation {margin:0 15px 0 0; padding:0; overflow:hidden; text-transform:uppercase; font-size:14px; font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; overflow:visible; position:absolute; top:66px; right:0;}
	ul#navigation li {background:url(images/divider.jpg) top left no-repeat; list-style:none; float:left; display:inline; margin:0 auto; padding:0 3px; overflow:visible; height:30px;}
		ul#navigation li a, ul#navigation li a:visited {color:#000; text-decoration:none; overflow:visible; height:30px; display:block;}
			ul#navigation li a:hover {background:url(images/nav_selected.gif) bottom center no-repeat; height:30px;}
		ul#navigation li.last {border:none;}
		ul#navigation li span.freeText {color:#00877f;}
		ul#navigation li.divider {border-right:1px solid #ccc; display:block; width:2px; height:20px; padding:0; overflow:hidden; text-indent:-9999px;}
			
.bannerLinks {float:left; display:inline; margin:20px auto 0 150px; padding:0;}
	.bannerLinks a, .bannerLinks a:visited {background:url(images/checkmark.gif) top left no-repeat; color:#00877f; padding:4px 5px 0 16px; text-decoration:underline;}
		.bannerLinks a:hover {text-decoration:none;}
.phone {color:#00877f; font-size:18px; float:left; display:inline; margin:8px 0 0 20px; padding: 0px;}


/* 3.2 Content
**************************************************************************************************************/

.header {background:url(images/header.png); width:985px; height:43px; margin:7px 0 0; clear:both; overflow:hidden; }
	.header h2 {color:#fff6d2; text-transform:uppercase; margin:12px auto 0 25px; padding:0;}
    .header h1 {color:#fff6d2; text-transform:uppercase; margin:12px auto 0 25px; padding:0; }
	
.contentTop {background:url(images/content_top.png); width:985px; height:3px; overflow:hidden; clear:both; margin-top:7px;}
#main {background:#fff; width:985px; overflow:hidden; clear:both; border-bottom:2px solid #edf7f6;}
#mainInner {width:925px; margin:20px auto;}

.box {background:url(images/box_top.jpg) top no-repeat; width:440px; height:auto; overflow:hidden; float:left; display:inline; margin:20px 20px 0 0;}
	.box h3 {text-transform:uppercase; color:#008752; margin:15px 20px; padding:0;}
	.box p.learnMore {background:url(images/blue_checkmark.gif) top left no-repeat; float:right; display:inline; clear:both; padding-left:20px;}
	.box ul {margin:5px 20px; padding:5px 20px;}
		.box ul li {line-height:16px;}
        
.box2 {background:url(images/box_top.jpg) top left no-repeat; width:auto; height:auto; overflow:hidden; float:left; margin:20px 20px 0 0;}
    .box2 h3 {text-transform:uppercase; color:#008752; margin:15px 20px; padding:0;}
    .box2 p.learnMore {background:url(images/blue_checkmark.gif) top left no-repeat; float:left; display:inline; clear:both; padding-left:20px;}
    .box2 ul.cm {margin:5px 20px 0px 30px; padding:5px 20px; }
        .box2 ul li.cm {line-height:16px; list-style-image: url(images/checkmark2.gif); }
    .box2 ul {margin:5px 20px; padding:5px 20px;}
        .box2 ul li {line-height:16px;}

.side_nav {background:url(images/box_top2.jpg) top no-repeat; width:322px; height:auto; overflow:hidden; float:right; display:inline; margin:20px 20px 0 0;}
    .side_nav h3 {text-transform:uppercase; color:#008752; margin:15px 20px; padding:0;}
    .side_nav ul.cm {margin:5px 20px 0px 30px; padding:5px 20px; }
        .side_nav ul li.cm {line-height:16px; list-style-image: url(images/checkmark2.gif); }

.with_side_nav { width:540px; }
.with_side_nav p { text-align:justify; margin-left:20px; }
.padding-left { margin-left:20px; }

/* 3.3 Footer
**************************************************************************************************************/

#footer {background:url(images/footer_bgd.jpg) top repeat-x; width:985px; height:38px; border-top:2px solid #fff; clear:both; overflow:hidden;}
	#footer ul {float:left; display:inline; color:#ccc; margin:10px 20px; padding:0;}
		#footer ul li {float:left; display:inline; list-style:none; padding-right:5px;}
	#footer a, #footer a {color:#00877f;}
	#footer p {margin:12px 20px; padding:0;}
#footerBottom {background:url(images/footer_bottom.png) top left no-repeat; width:985px; height:4px; clear:both; overflow:hidden;}
#footer_area { padding-top: 10px; }
#footer_area p { color:#4f4e51; text-align: center;  }
#footer_area p img { padding-left: 2px; vertical-align: middle; }

	
/* 4. Classes
**************************************************************************************************************
**************************************************************************************************************/	

.clear {clear:both;}
.clearLeft {clear:left;}
.clearRight {clear:right;}
.alignLeft {text-align:left;}
.alignCenter {text-align:center;}
.alignRight {text-align:right;}
.floatLeft {float:left; display:inline;}
.floatRight {float:right; display:inline;}
.floatRight img {margin-left:20px;}
.floatLeft img {margin-right:20px;}



/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/

#home .headerImage {width:985px; height:215px; margin-top:7px; overflow:hidden; clear:both;}
	#home .headerImage p {width:480px; margin-left:280px; font-size:14px;}
	#home .headerImage .clear {margin-bottom:50px;}
	
/*Active Navigation*/
#home li.home {background:url(images/nav_selected.gif) bottom center no-repeat;}
#services li.services {background:url(images/nav_selected.gif) bottom center no-repeat;}
#products li.products {background:url(images/nav_selected.gif) bottom center no-repeat;}
#quote li.quote {background:url(images/nav_selected.gif) bottom center no-repeat;}
#forms li.forms {background:url(images/nav_selected.gif) bottom center no-repeat;}
#about li.about {background:url(images/nav_selected.gif) bottom center no-repeat;}
#e-verify li.e-verify {background:url(images/nav_selected.gif) bottom center no-repeat;}
#contact li.contact {background:url(images/nav_selected.gif) bottom center no-repeat;}