/* SECTION 1 - MAIN BODY */
body {font-size: 80%; margin: 0 auto; padding: 0; font-family: Arial, Helvetica, sans-serif; background-color: #9FF; color: #000;} /* background: url(../images/background1.gif) no-repeat top center;}*/
.page-container {width: 980px; margin: 0 auto; padding: 0;}

.img-header {clear: both; float: left; width: 980px; height: 250px; margin: 0;padding: 0;}

/* Login */
#login {margin: 10px;float:left;}
#login h2 {padding-bottom: 10px;}
#login form input {background-color: #cff;}
#login table {font-size: 1.2em;}

/* Top Nav */
.top-nav {padding: 1em 0 0 0; margin: 0; font-size: .7em; font-family: Verdana, Geneva, sans-serif; float: right;}
.top-nav a {text-decoration: none; padding-right: 2.5em;}
.top-nav a:hover {color: #F93;}

/* Navigation */
.nav {clear: both; margin: 0; padding: 0; font-size: .8em; font-family: Verdana, Arial, Helvetica, sans-serif;}
.nav ul {float: left; width: 980px; margin: 0; padding: 0 0 0 250px; font-weight: bold; text-align: center; background:url(../images/nav.jpg) no-repeat;}	
.nav li {display: inline; list-style: none; margin: 0; padding: 0;}
.nav li a {display: block; float: left; margin: 0;padding: 7px 0 0 0; text-transform: uppercase; text-decoration: none; min-width: 120px; color:#000;}
.nav a:hover, .nav a.selected {color: #F93; text-decoration: none; background:url(../images/menu_background.gif) center no-repeat;}

.content {float: left; width: 980px; min-height: 500px; margin: 0; padding: 0 0 0 0; color: #000; font-size: 1.0em; background-color: #CFF;}
.content-container {clear: both; float: left; width: 980px; min-height: 500px; margin: 0; padding: 0;}
.contact-container-left {overflow: hidden; float: left; width: 250px; min-height: 500px; margin: 0; padding: 0; background-color: #9CF; font-size: .8em;}
.content-container-right {overflow: hidden; float: right; width: 680px; min-height: 450px; margin: 0; padding: 40px 20px 10px 30px; background-color: #CFF;}

/* Titles and textboxes*/
h1, h2 {margin-bottom: 10px; font-weight: bold;}
h2 {font-size: 130%; font-family:Geneva, Arial, Helvetica, sans-serif;}
h1 {font-size: 140%;}

/* Paragraphs */
p {margin: 0 0 0.5em 0; padding: 0; line-height: 1.5em; font-size: 120%; }
p.readmore {margin: 1.0em 0 0.5em 0;padding: 0;line-height: 1.2em; font-size: 110%; }
p.embed {float: left; width: 120px; margin: 7px 7px 5px 0;padding: 5px 5px 5px 5px; background-color: #EBEBEB; font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 140%;}
p.embed-caption {float: left; margin: 5px 0 0 0;padding: 0;font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

a img {border: none;}

/* Embedded emphasis */
.embed {float: right; width: 120px; margin: 2px 7px 2px 0;padding: 5px 5px 5px 5px; background-color: #fff;}
.embed h1 {font-style: italic; font-weight: bold;  line-height: 1.2em; font-size: 120%;}
.embed p {font-size: 90%;}
.embed-caption {float: left; margin: 5px 0 0 0;padding: 0;font-style: italic; font-weight: normal; line-height: 1.2em; font-size: 70%;}

/* Quotes */
.quotes p {margin: 0em 60px 1em 0; line-height:130%;}

/* Lists */
ul.noindent {margin: 0 0 7px 17px; padding: 0;list-style-position: outside; font-size: 120%;}
ul {margin: 0 0 7px 17px; padding: 0 0 0 15px; font-size: 120%;}
ul li { margin-bottom: 10px;}
ol {margin: 0 0 0 9px; padding: 0 0 0 25px; list-style-type: decimal; list-style-position: outside; font-size: 120%;}
ul.linklist-noindent {margin: -0.3em 0 0.5em 0;padding: 0;list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul.linklist-indent {margin: -0.3em 0 0.5em 0;padding: 0 0 0 10px; list-style-type: none; line-height: 1.2em; font-size: 120%; }
ul ul {font-size:100%;margin-top:10px;}

.footer {font-family:Verdana, Arial, Helvetica, sans-serif;overflow: hidden; clear: both; width: 980px; margin: 0;padding: 0.5em 0 0.5em 0;border-top: solid 1px #9CF; background-color: #9FF; color: #000;font-size:.8em;}
.footer p {margin: 0;padding: 0;text-align: center; line-height: 1.5em;}

.content a, .footer a {color: #06C; text-decoration: underline;}
.content a:hover, .footer a:hover {color: #F93; text-decoration: underline;}
.content a:visited, .footer a:visited {text-decoration: underline;}

br {clear: none;}

/* Valley Pool Service contact info */
.contact-container-left #logo {margin: 120px 0 0 45px;}
.contact-container-left #title {float: right;}
.contact-container-left .contact-info {font-family: Verdana, Arial, Helvetica, sans-serif; text-align: center; margin: 0; padding: 15px 10px 0 10px;}

.divider {margin:20px 120px; background:url(../images/cube_grey.gif) center repeat-x;}

#seals {margin:0 25px;}
#seals .AuthorizeNetSeal {float:left;}
#seals .bbb {float:right;}

#link-home {float:left; margin: 15px 0 -15px 15px;}
#link-home a {text-decoration: none;}

#breadcrumbs {margin: -25px 0 25px 0; font-size: 80%;}
#breadcrumbs a {text-decoration: none;}