/*----------------------------------------------------------
CSS for 

author:    Robert Morgan
email:     rmorgan@hwsinet.com
---------------------------------------------------------*/

/* GENERAL
---------------------------------------------------------*/
* {margin: 0px; padding: 0px;}
body {font-family:Verdana, Arial, Helvetica, sans-serif;
	margin:0px;
	padding:0px;
	font-size:13px;
	/*background-color:;
	color:;*/}
a {}
img {border: none;}


/* BRANDING ------------------------------------------*/
.companyName{font-style:italic; font-weight:bold; }


/* TYPOGRAPHY (Global)
---------------------------------------------------------*/
#headerName {
	clear:both;
	text-align:center;
	letter-spacing: .1em;}
h1{font-size: 1.6em;}
h2{font-size: 1.4em;}
h3{font-size: 1.2em;}
h5{font-size: .9em;}
h6{font-size: .8em;}
#bigPicRow h3, .center{text-align:center;}
h1, h2, h3, h4, h5{font-style:italic; color:#0079c2;}
p, ul, dl, h6, h5,h3, h2, h1{margin-bottom:.6em;line-height:1.4em; }
h5, h6{font-weight:normal;}
.finePrint {font-size:.7em; letter-spacing:.2em; text-align:center;}
#hwsLogin{clear:both;text-align:center; margin:15px;font-size:.9em;}
#hwsLogin a{text-decoration:underline; color:#000;}
#contact{text-align:center; margin-top:25px;}

.quoteAtrb{font-weight:bold; margin-top:0px;}

/* COLOR
---------------------------------------------------------*/
/*grey #a4a4a4-----------------------------------------------*/
/* light blue #ccdde7 --------------------------------------*/
/* main blue #0079c2 --------------------------------------*/
/* dark blue #004e7e --------------------------------------*/
/*-----------LINKS---------------------------------------*/
a:link, a:active, a:visited {color:#fff;} 
a:hover {color:#ccdde7;}


/*-----------LISTS---------------------------------------*/
h4{font-size: 1em; font-weight:bold; margin-bottom:0px;}/*-- USE H4s FOR LIST HEADS --*/
ul, dd{padding-left:30px;}
dt{font-style:italic;}
li{list-style-type:none;}


/* -HORIZONTAL NAVIGATION
-------------------------------------------------------------------*/
#nav, #copyright{clear:both;height:36px; background-image:url(images/navBG.jpg); padding:5px; background-repeat: repeat-x; text-align:center;margin-bottom:25px;}
.navItem{font-size:.9em; color:#fff; margin-top:5px; padding:0px 10px;font-weight:bold;}

/* -LAYOUT
-------------------------------------------------------------------*/
#container{padding:0px; width: 760px; margin: 0px auto;}
#content{padding:0px;clear:both;}

.left{float:left;margin-right:15px;}
.right{float:right;margin-left:15px;}
/*.pWPic{clear:left;margin:15px 0px;}*/
#header{height:222px;
	
	background-image:url(images/headBG.jpg);
	background-repeat: no-repeat;
} 
#logo{}
#theme{font-size:1.2em; padding-top:180px; color:#0079c2; font-style:italic; letter-spacing:.1em;}

#csTab{float:right;}
.leftRow{clear:left;margin-right:215px;}


#picLinksRow{margin-top:45px; border-top:3px solid #004e7e;}
#picLinksRow a{color:#004e7e;}
.lilBox{width:150px;float:left;margin:11px;font-size:.9em;}


.borderBox{clear:both;border-top:3px solid #004e7e;}
.lilBorder{clear:left;border-top:3px solid #004e7e;}
#copyright{color:#fff;margin-top:45px;font-size:1.1em; font-style:italic; font-weight:bold;letter-spacing:.1em;}


/* TAB BOX --------------------------------------------*/
.tabHead{width:200px;height:28px; background:url(images/topTab.gif) no-repeat;}
.tabBox{margin-bottom:35px;}
.tabBox h3{color:#fff;text-align:center;padding-top:3px;margin-bottom:0px;}
.tabContent{
	width:168px;
	border-left:1px solid #004e7e;
	border-right:1px solid #004e7e;
	padding:15px;
	background-color:#ccdde7;
	line-height: 1.2em;
	font-size:.9em;margin-bottom:0px;
} .tabContent h4{margin-bottom:15px;}
blockquote{font-style:italic;margin:15px 0px; line-height:1.5em;}
.tabFoot{width:200px;height:28px; background:url(images/bottomTab.gif) no-repeat;}

/* BIG PIC ROW----------------------------------------------------*/
#bigPicRow{clear:both;margin:35px 0px;padding:15px 0px;}
.picBox{width:200px; height:235px; float:left;margin:10px;padding:10px;font-size:.9em;}
.picBox img{border:2px solid #0079c2;}

.clearGap{clear:both;line-height:0px; height:15px;}
/*-PAGE SPECIFIC STYLES
--------------------------------------------------------*/
.wPic img{float:left;margin:0px 15px 0px 0px;border: 3px solid #0079c2;}
.wPic{clear:left;margin-top:15px; padding-top:10px; border-top:2px solid #0079c2;}
.boldEmBlue{color:#0079c2; font-weight:bold; font-style:italic;}


#indBottom, #histBottom{margin-top:25px;}
#indBottom img, #histBottom img{border: 3px solid #0079c2;}
#histBottom{text-align:center;}

#nate img{float:left;margin-right:15px;}


#testimonialBox blockquote{border-top: 1px solid #004e7e;margin-top:35px; padding-top:15px;}

#contactForm{width:500px; margin:auto;}
#contactInfo{text-align:center;}
#financing {width:500px; padding:15px; margin:25px auto;border: 1px solid #004e7e; text-align:center;}
#contactInfo a, #financing a{color:#000; text-decoration:underline;}
#contactInfo a:hover, #financing a:hover{color:#0079c2;}

#poolBottom img{float:left;margin-right:15px;}

.lilRow{clear:both;}
#picHead{text-align:center;}
/* FORM STYLES
-------------------------------------------------------*/
#contactForm{text-align:center;}
#contactForm h2{margin:20px;}

.label{float:left;width:200px;}
.fText {background-color:#fff;color:#000;
	padding: 3px;
	width: 290px;border: 1px solid #004e7e;
}
.fTextArea {background-color:#fff;color:#000;
	padding: 3px;
	width: 290px;
	height: 50px;border: 1px solid #004e7e;
}
.line {
	border-top: 1px dotted #004e7e;
	padding-top: 5px;
	padding-bottom: 5px;
}

.line {
	border-top: 1px dotted #004e7e;
	}

#buttons{text-align:center;margin:15px;}