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

	Title: CSS
	Author: Hiram Hibbard, Web Editors
	Date: 4/10/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
**************************************************************************************************************
**************************************************************************************************************/	

html,
body {margin:0; padding:0; height:100%;}
body {background:url(images/background.jpg) top center repeat-x #e3eff3; font:12px Verdana, Geneva, sans-serif; text-align:center; color:#4e4e4e; height:100%;}
a, a:visited {color:#86c440; text-decoration:underline;}
a:hover {color:#fcfc3e; text-decoration:none;}
p {line-height:18px; margin:0 auto; padding:10px 0;}
h2, h3, h4 {font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-weight:bold; margin:0 auto; padding:0;}
h2 {font-size:22px; margin:10px auto; color:#177899;}
h3 {font-size:20px; margin:10px auto; color:#999;}
h4 {font-size:18px; margin:20px auto 0; color:#003872;}
ul {margin:20px; padding:0;}
	ul li ul {margin:0 20px;}
li {line-height:18px;}


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

#wrap {width:100%; min-height:100%; position:relative; background:url(images/white_bgd.gif) top center repeat-y;}
#innerWrap {width:988px; background:#fff;}


/* 3.1 Header
**************************************************************************************************************/
#banner {background:url(images/banner.gif) top left no-repeat; width:988px; height:133px; clear:both;}

h1#logo {background: url(images/logo.gif); width:175px; height:71px; padding:0;  text-align:center; text-indent:-9999px; overflow:hidden; float:left; margin:25px auto 0 28px; display:inline;}
	h1#logo a {width:175px; height:71px; overflow:hidden; display:block; clear:both; text-indent:-9999px;}
p#orderNow {background:url(images/ordernow.gif); width:203px; height:86px; padding:0; margin:17px; text-indent:-9999px; overflow:hidden; float:right; display:inline;}
	p#orderNow a {width:107px; height:25px; overflow:hidden; clear:both; text-indent:-9999px; background:url(images/order_button.gif); margin:52px auto 0 8px; float:left; display:inline;}
		p#orderNow a:hover { background:url(images/order_button_over.gif);}




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

#content {width:988px; padding-bottom:60px; clear:both; overflow:hidden;}
	#contentInner {width:926px;}
	.leftCol {width:450px; float:left; display:inline; margin:10px auto 20px;}
	.rightCol {width:450px; float:right; display:inline; margin:10px auto 20px; clear:right;}
#flash {width:947px; height:238px; text-align:center; margin-top:10px;}
    .margin-default { margin:0px 20px 20px 20px; clear:both; }
    


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

#footer {background:#382d31; width:100%; height:60px; clear:both; overflow:hidden; font-size:12px; position:absolute; bottom:0; color:#cdcdcd;}
#footerInner {background:url(images/cc.gif) 268px 10px no-repeat; width:988px; height:60px; overflow:hidden;}
#footer p {line-height:40px; margin:10px 20px; padding:0;}
#footer p.floatRight {margin:0 20px; padding:0; line-height:28px;}

	
/* 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;}

.call {color:#fcfc3e;}
.header1 {color:#177899;}
.header2 {color:#54850b;}
.header3 {color:#c40073;}
.highlight {color:#177899; font-weight:bold;}
.guage {float:left; display:inline; margin-right:10px; margin-bottom:10px;}
.wizard {float:left; display:inline; margin-right:10px; margin-bottom:10px;}
.arrow {margin-right:10px;}

.orderPink a {background:url(images/order_buttonpink.gif); width:107px; height:25px; text-indent:-9999px; overflow:hidden; display:inline; float:left; margin:0 20px;}
	.orderPink a:hover {background:url(images/order_buttonpink_over.gif);}
.ppadding {margin:20 auto; padding:5;}


/* 5. Page Specific
**************************************************************************************************************
**************************************************************************************************************/
sup { font-size:10px; font-family:tohoma; }


/*CONTACT PAGE*/

.contactBox {width:386px; height:auto; overflow:hidden; margin:0 30px 20px 30px; float:left; display:inline;}
.contactInfo {width:300px; height:auto; overflow:hidden; margin:0 30px 20px 30px; float:right; display:inline;}

	.contactBox p {margin:20px;}

#contactForm {font-size:14px; margin:0 auto; padding:0;}	
	#contactForm label {float:left; text-align:right; width:120px; clear:left; margin:0 10px 5px 0; line-height:26px;}
	#contactForm input {background:#E4EDF5; float:right; text-align:left; width:230px; clear:right; margin:3px 20px 2px 0; height:20px; border:1px solid #C4C4C4;}
	#contactForm textarea {background:#E4EDF5; float:right; text-align:left; width:230px; clear:right; margin:3px 20px 2px 0; border:1px solid #C4C4C4;}
.requiredFields {color:#CC0000;}
p.requiredFields {margin:0 auto; padding:0; font-size:10px; text-align:right; margin-right:20px;}
p.submitWrap {margin:10px 0 0 150px; padding:0; clear:both;}

ul.siteMapList {margin-left:40px;}
h3.siteMapHeader {margin:20px;}