/* Page Formatting */

* {
	margin:0;
	padding:0;
	}

body {
	background-color: #3BB3C3;
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 0.9em;*/ //took out to change font size for Jeff
	line-height: 1.166;
    font-size: 76%;
	color: #555555;
	text-align: left;
}
a {
	color: #517C94;
	text-decoration: none;
}
a:hover {
	color: #000000;
	text-decoration: none;
}
img, img a {
	border:0;
	}
p {
	margin-bottom:20px;
}

hr
{
background: #cccccc;
border: 0;
color: #cccccc;
height: 1px;
width: 350px;
align: center;
margin: 0 0 10px;
}

ul {
	margin-left: 25px;
}


/* Page Structure */

#wrapper {
	width: 773px;
	margin: 0 auto;
	padding: 0px;
	background-color: #ffffff;
	background: url(http://www.mycustomh2o.com/images/hc-content-bg3.gif) repeat-y;
	position: relative;
}
#header {
	height:133px;
	background-image: url(http://www.mycustomh2o.com/images/hc-header.gif);
	background-repeat:no-repeat;
	margin-bottom:0px;
	width: 773px;
	position: relative;
}
	
#topnav{
	margin:0px auto;
	width: 473px;
	padding: 0px;
	height: 57px;
   color: #333;
	position: absolute;
	top: 76px;
	left: 286px;
}

 /*#topnav1 {
	width: 457px;
	height: 26px;
	margin: 0px;
	position: absolute;
	left: 280px;
	top: 76px;
	z-index: 1;
	background: url(http://www.mycustomh2o.com/images/topnav1-bg.gif) no-repeat;
	color: White;
	font-weight: bold;
	padding-top: 10px;
}*/

#topnav1 {
	width: 457px;
	height: 26px;
	z-index: 1;
	background: url(http://www.mycustomh2o.com/images/topnav1-bg.gif) no-repeat;
	color: White;
	font-weight: bold;
	padding-top: 10px;
	padding-bottom: 1px;
	margin-bottom: 0px;
	position: absolute;
	top: 76px;
	left: 286px;
}

 #topnav2 {
	width: 510px;
	height: 20px;
	margin: 0px;
	z-index: 1;
	color: White;
	font-weight: bold;
	position: absolute;
	top: 110px;
	left: 237px;
}

/*TOP LINKS*/

a.home {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: White;
	width: 61px;
	padding-left: 15px;
}
a.home:hover {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: #efefef;
	width: 61px;
	padding-left: 15px;
}
a.water {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	color: White;
	width: 61px;
	padding-left: 25px;
}
a.water:hover {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase;
	color: #efefef;
	width: 61px;
	padding-left: 25px;
}
a.sample {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: White;
	width: 61px;
	padding-left: 20px;
}
a.sample:hover {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: #efefef;
	width: 61px;
	padding-left: 20px;
}
a.affiliates {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: White;
	width: 61px;
	padding-left: 20px;
}
a.affiliates:hover {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: #efefef;
	width: 61px;
	padding-left: 20px;
}
a.contactus {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: White;
	width: 61px;
	padding-left: 24px;
}
a.contactus:hover {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: #efefef;
	width: 61px;
	padding-left: 24px;
}

#topnav2 a {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: White;
	padding-left: 20px;
}
#topnav2 a:hover {
	text-decoration: none;
	font-size: 12px;
	text-transform: uppercase ;
	color: #efefef;
}

/*END TOP LINKS */



#sidebar {
	float:left;
	width: 235px;
	text-align:left;
	margin-top: 0px;
	padding: 0px;
	color:#666666;
	background: url(http://www.mycustomh2o.com/images/hc-navbg.gif) repeat-y;

	}
	
#sidemenu {
	padding-left: 40px;
	padding-bottom: : 0px;

	
}

#sidemenu a {
	font-size: 120%;
}
#sidemenu a:hover {
	font-size: 120%;
}

#menubottom {
	padding-bottom: : 0px;
	background: url(http://www.mycustomh2o.com/images/hc-nvbottom2.gif) no-repeat;
	height: 106px;
	width: 235px;
	padding-left: 40px;
	
}
#content {
	margin-left:235px;
	/*min-height:450px;*/
	height: 100%;
	padding-top: 20px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-bottom: 0px;
	background-color: White;
    font-size: 130%;

	}
#content a, a.visited{
	font-family: Arial, Helvetica, sans-serif;
	/*font-size: 1.0em;*/ took out when changing font size for Jeff
}


 .floatleft
{
float: left;
margin: 0px 0 1px 1px;
padding: 2px;
}

.smalltext {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
}


#footer {
	clear:both;
	padding:0px;
	font-size:11px;
	text-align:center;
	color:#999999;
	width: 773px;
	height: 160px;
	margin-top: 0px;
	background: url(http://www.mycustomh2o.com/images/hc-footer-bg4.gif) no-repeat;
	}
.bottomnav {
	padding-top: 102px;
	color:#efefef;	
	font-family:Geneva, Arial, Helvetica, sans-serif;	
}

a.blinks {
	text-decoration: none;
	font-size: 12px;
	color: White;
}
a.blinks:hover {
	text-decoration: none;
	font-size: 12px;
	color: #efefef;
}

.bottomcredits {
	background: transparent;
	font-family: "Times New Roman", Times, serif;
	font-size: 10px;
	text-transform: uppercase;
	padding-left: 250px;
	margin: 0px;
}

/*  Headings */

h1 {
	font-weight:normal;
	letter-spacing:-1px;
	font-size:.9em;
	padding-bottom:0;
	color:#6A95AD;
	font-family: "Trebuchet MS", Arial, Verdana;
	}
	
h1.title  {
	font-weight:bold;
	letter-spacing:-1px;
	font-size:150%;
	color:#6A95AD;
	font-family: "Trebuchet MS", Arial, Verdana;	
	padding: 35px 0 0px 107px;
	}
	
.titlebg {
	background: url(http://www.mycustomh2o.com/images/hc-cat-bg.gif) no-repeat;
	width: 322px;
	height: 83px;		
	margin-bottom: 10px;
}

.bc {
   float: right;
	font-size: 11px;
}
	
h1 a {
	text-decoration:none;
	}
h1 a:hover {
	text-decoration:none;
	}
h2 {
	font-weight:bold;
	font-size:140%;
	padding: 0px;
	margin-top: 0px;
	}	

#CustomOrder h2 {
	font-weight:bold;
	font-size:140%;
	padding: 0px;
	margin-top: 0px;
	color: #EF4E0E;
	}
	
#franchise h2 {
	font-weight:bold;
	font-size:140%;
	padding-bottom: 20px;
}
h3 {
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:110%;
	padding: 0px;
	margin-top: 0px;
	}
h3 a {
	color:#ffffff;
	}
h3 a:hover {
	color:#ffffff;
	text-decoration:none;
	}
h4 {
	font-weight:bold;
	font-family:Geneva, Arial, Helvetica, sans-serif;
	font-size:.9em;
	padding: 0px;
	margin-top: 10px;
	}


/* Sidebar */

#sidemenu ul {
	list-style-type:none;
	margin:0 0 0px 0;
	}
#sidemenu li {
	list-style-type:disc;
	margin-left:14px;
	}
#sidemenu a {
	font-weight:bold;
	}
#sidemenu a:hover {
	text-decoration:underline;
	}

/* Classes */

.item {
	margin-bottom:10px;
	}
.meta {
	margin-bottom:10px;
	color:#999999;
	}
.topform {
	position: absolute;
	left: 620px;
	top: 107px;
}

.border {
padding: 3px;
border: 1px #efefef solid;	
}

/* Custom Quote Page Buttons */

.quotebtn { padding: 2px; border: 1px solid #3AB2C2; background-color: #DAF0F3;}

.blue {color: #0066FF}

/* Get Started Page */

#CustomOrder {
margin: auto;
}
#CustomOrder a {
font-weight:normal;
color:#006699
}

#CustomOrder a:hover {
font-weight:normal;
color:#000000;
}

.tableborder {
border:1px solid #e4e4e4;
padding:2px;
}

#Login {
	position: absolute;
	top: 550px;
	left: 35px;
}

 #sale {
	width: 187px;
	height: 158px;
	margin: 0px;
	z-index: 1;
	position: absolute;
	top: 135px;
	left: 575px;
}