*  {
margin : 0;
padding : 0;
}
body {
background : url(../pintofinal/images/pintobg2.gif) repeat;
font-family : Helvetica, sans-serif;
color: #262626;
font-size : 15px;
font-weight: bold;
text-align: justify;
margin : 0;
}
h1 {
font-size : 18pt;
}
h2 {
font-size : 12pt;
}
h3 {
font-size : 10pt;
}
h4 {
font-size : 8pt;
}
img {
border : none;
padding : 0;
}
img a {
border : none;
}
img.left {
float : left;
border : none;
padding : 6px 0 0 0;
}
img.right {
float : right;
border : none;
padding : 0 0 0 6px;
}
blockquote {
border-left : 1px solid #a5abab;
margin : 15px;
padding : 0 12px 0 12px;
}
code {
font-family : "Courier New", Courier, monospace;
}
a {
color : #262626;
text-decoration : none;
}
a:hover {
color : #b30303;
text-decoration : none;
}
#container {
width : 1000px;
margin : 0 auto;
padding : 0;
color : #262626;
}
#headera {
background : url(../pintofinal/images/pintoheadera.gif) no-repeat;
float : left;
width : 805px;
height : 207px;
color : #fff;
}
#headera span {
display : none;
}
#headera li, #headera a {
height : 207px;
display : block;
}
#headera li {
float : left;
list-style : none;
display : inline;
}
#headera01 {
width : 556px;
}
#headera02 {
width : 249px;
}
#headera01 a:hover {
background : url(../pintofinal/images/pintoheadera.gif) no-repeat 0 -207px;
}
#headera02 a:hover {
background : url(../pintofinal/images/pintoheadera.gif) no-repeat -556px -207px;
}
#headera h1 {
font : normal 20pt georgia, times;
padding : 20px 0 0 16px;
margin : 0;
}
#headera h1 a {
color : #404040;
text-decoration : none;
}
#headera h1 a:hover {
color : #666;
text-decoration : none;
}
#headera h2 {
font : normal 10pt georgia, times;
color : #333;
padding : 0 0 0 18px;
margin : 0;
}
#headerb {
background : url(../pintofinal/images/pintoheaderb.gif) no-repeat;
float : right;
width : 195px;
height : 207px;
color : #fff;
}
#headerb span {
display : none;
}
#headerb li, #headerb a {
height : 50px;
display : block;
}
#headerb li {
float : left;
list-style : none;
display : inline;
}
#headerb01 {
position : absolute;
top : 83px;
width : 195px;
}
#headerb02 {
position : absolute;
top : 135px;
width : 195px;
}
#headerb01 a:hover {
background : url(../pintofinal/images/pintoheaderb.gif) no-repeat 0 -290px;
}
#headerb02 a:hover {
background : url(../pintofinal/images/pintoheaderb.gif) no-repeat 0 -342px;
}
#companyprofile {
background : url(../pintofinal/images/pintocompanyprofile.png) no-repeat;
height : 70px;
width : 272px;
}
#aboutus {
background : url(../pintofinal/images/pintoaboutus.png) no-repeat;
height : 70px;
width : 272px;
}
#ourlocation {
background : url(../pintofinal/images/pintolocation.png) no-repeat;
height : 70px;
width : 272px;
}
#poolservices {
background : url(../pintofinal/images/pintopoolservices.png) no-repeat;
height : 70px;
width : 272px;
}
#retailstore {
background : url(../pintofinal/images/pintoretailstore.png) no-repeat;
height : 70px;
width : 272px;
}
#cardinal {
background : url(../pintofinal/images/cardinaltitle.png) no-repeat;
height : 70px;
width : 272px;
}
#starttofinish {
background : url(../pintofinal/images/starttofinishtitle.png) no-repeat;
height : 70px;
width : 272px;
}
#onlineestimateform {
background : url(../pintofinal/images/pintoonlineestimateform.png) no-repeat;
height : 70px;
width : 361px;
}
#renovations {
background : url(../pintofinal/images/pintorenovations.png) no-repeat;
height : 70px;
width : 272px;
}
#decksmasonry {
background : url(../pintofinal/images/pintodecksmasonry.png) no-repeat;
height : 70px;
width : 289px;
}
#heaterspumps {
background : url(../pintofinal/images/pintoheaterspumps.png) no-repeat;
height : 70px;
width : 289px;
}
#linerchanges {
background : url(../pintofinal/images/pintolinerchanges.png) no-repeat;
height : 70px;
width : 272px;
}
#onlinestore {
background : url(../pintofinal/images/pintoonlinestore.png) no-repeat;
height : 70px;
width : 272px;
}
#photogallery {
background : url(../pintofinal/images/pintophotogallery.png) no-repeat;
height : 70px;
width : 272px;
}
#poolconstruction {
background : url(../pintofinal/images/pintopoolconstruction.png) no-repeat;
height : 70px;
width : 272px;
}
#protips {
background : url(../pintofinal/images/pintoprotips.png) no-repeat;
height : 70px;
width : 272px;
}
#tradeaffiliations {
background : url(../pintofinal/images/pintotradeaffiliations.png) no-repeat;
height : 70px;
width : 272px;
}
#serviceform {
background : url(../pintofinal/images/onlineserviceform.png) no-repeat;
height : 70px;
width : 272px;
}
#newpools {
background : url(../pintofinal/images/pintonewpools.png) no-repeat;
height : 70px;
width : 272px;
}
#emailus {
background : url(../pintofinal/images/pintoemailus.gif) no-repeat;
height : 50px;
width : 160px;
}
#aquacomfort {
background : url(../pintofinal/images/aquacomfort.gif) no-repeat;
height : 74px;
width : 285px;
}
#hayward {
background : url(../pintofinal/images/hayward.gif) no-repeat;
height : 74px;
width : 225px;
margin-left: 290px;
}
.clear {
clear : both;
}
#menu {
background : url(../pintofinal/images/pintonav.gif) no-repeat;
float : left;
font-family : verdana, arial, times, serif;
font-size : 8pt;
width : 1000px;
height : 35px;
}
#menu span {
display : none;
}
#menu li, #menu a {
height : 35px;
display : block;
}
#menu li {
float : left;
list-style : none;
display : inline;
}
#menu01 {
width : 124px;
}
#menu02 {
width : 90px;
}
#menu03 {
width : 131px;
}
#menu04 {
width : 95px;
}
#menu05 {
width : 167px;
}
#menu06 {
width : 105px;
}
#menu07 {
width : 176px;
}
#menu08 {
width : 112px;
}
#menu01 a:hover {
background : url(../pintofinal/images/pintonav.gif) no-repeat 0 -35px;
}
#menu02 a:hover {
background : url(../pintofinal/images/pintonav.gif) no-repeat -124px -35px;
}
#menu03 a:hover {
background : url(../pintofinal/images/pintonav.gif) no-repeat -214px -35px;
}
#menu04 a:hover {
background : url(../pintofinal/images/pintonav.gif) no-repeat -345px -35px;
}
#menu05 a:hover {
background : url(../pintofinal/images/pintonav.gif) no-repeat -440px -35px;
}
#menu06 a:hover {
background : url(../pintofinal/images/pintonav.gif) no-repeat -607px -35px;
}
#menu07 a:hover {
background : url(../pintofinal/images/pintonav.gif) no-repeat -712px -35px;
}
#menu08 a:hover {
background : url(../pintofinal/images/pintonav.gif) no-repeat -888px -35px;
}
#content {
background : url(../pintofinal/images/pintobg.gif) repeat-y;
color: #262626;
float : left;
width : 1000px;
margin : 0;
}
#contenthomepageleft {
float : left;
width : 450px;
margin : 14px;
}
#contenthomepageright {
float : right;
width : 455px;
margin : 14px;
}
#contenthomepageright2 {
float : right;
width : 455px;
margin-right : 20px;
margin-top: 14px;
}
#contenthomepageright li {
margin-left : 40px;
}
#content li {
  list-style: none;
  padding-left: 20px;
  background: url(../pintofinal/images/16-arrow-right.png) no-repeat left center;
}
#content ul {
  margin-left: -10px;
  padding: 0;
}
.post {
margin : 0;
padding : 0;
line-height : 14pt;
}
.post2 {
margin : 0;
padding : 0;
line-height : 14pt;
}
.post3 {
width: 900px;
margin : 0;
padding : 20px;
line-height : 14pt;
}
.post h2 {
font : normal 15pt georgia, times;
}
.post h2 a {
color : #000;
text-decoration : none;
}
.post h2 a:hover {
color : #777;
text-decoration : none;
}
.retailstoreentry p {
width : 800px;
margin : 0 0;
padding-left : 70px;
}
.retailstoreentry {
padding-left : 10px;
}
.postmetadata {
clear : both;
background : #c8e4f3;
border : 1px solid;
border-color : #ffffff;
margin : 20px 0;
}
.navigation {
font-size : 8pt;
width : 100%;
float : left;
margin : 0;
padding : 0;
}
.alignleft a {
float : left;
margin : 25px 0;
}
.alignright a {
float : right;
margin : 25px 0;
}
#sidebar {
font-family : verdana, arial, tahoma;
font-size : 8pt;
width : 190px;
float : right;
margin : 0;
padding : 0;
border-left : 1px solid #ddd;
}
#sidebar h2 {
font : normal 11pt arial, georgia, times;
color : #000;
margin : 0;
padding : 0;
}
#sidebar label {
font : normal 11pt arial, georgia, times;
color : #000;
margin : 0;
padding : 0;
}
#sidebar p {
margin : 0;
padding : 0 6px 0 12px;
}
#sidebar img {
padding : 0;
margin : 0;
}
#sidebar ul {
margin : 12px;
padding : 0;
}
#sidebar ul li {
margin : 0;
padding : 0;
line-height : 14pt;
list-style-type : none;
}
#sidebar ul ul {
margin : 14px 0;
padding : 0;
}
#sidebar ul ul li {
list-style-type : none;
}
#sidebar ul ul ul {
margin : 0;
padding : 0;
}
#sidebar ul ul ul li {
padding : 0 0 0 15px;
list-style-type : square;
color : #898989;
}
#commentform {
background : #fff;
margin : 0;
padding : 0;
}
#commentform p {
color : #000;
}
#commentform a {
color : #000;
text-decoration : none;
border-bottom : 1px dotted #465d71;
line-height : 14pt;
}
#commentform h3 {
font-family : georgia, times, verdana;
font-size : 10pt;
font-weight : 300;
color : #000;
margin : 0;
padding : 0;
}
#comment {
width : 80%;
}
#author, #email, #url, #comment, #submit {
background : #fff;
font-family : verdana, arial, times;
font-size : 8pt;
margin : 5px 5px 0 0;
padding : 0;
border : 1px solid #000;
}
#submit {
margin : 5px 5px 0 0;
}
#comments {
margin : 0;
padding : 0;
}
ol.commentlist {
list-style-type : none;
margin : 0;
padding : 0;
}
.avatar {
float : left;
margin : 0 12px 0 0;
}
ol.commentlist li {
background : #fff;
margin : 10px 0;
padding : 5px 0 5px 10px;
list-style-type : none;
}
ol.commentlist li.alt {
background : #eee;
}
ol.commentlist li p {
margin : 6px 0 6px 0;
padding : 0 12px 0 0;
line-height : 14pt;
}
ol.commentlist a {
color : #000;
}
cite {
font-family : arial, verdana, tahoma;
font-size : 9pt;
font-weight : bold;
font-style : normal;
}
cite a {
color : #000;
text-decoration : none;
border-bottom : 1px dotted #465d71;
}
#searchform {
padding : 0;
margin : 14px 0;
}
#searchform input#s {
margin : 0;
padding : 2px;
border : 1px solid #000;
}
#searchform input#searchsubmit {
border : none;
background : #333;
color : #fff;
text-transform : lowercase;
}
img.centered {
display : block;
margin-left : auto;
margin-right : auto;
}
img.alignright {
padding : 4px;
margin : 0 0 2px 7px;
display : inline;
}
img.alignleft {
padding : 4px;
margin : 0 7px 2px 0;
display : inline;
}
.alignright {
float : right;
}
.alignleft {
float : left;
}
.wp-caption {
border : 1px solid #ddd;
text-align : center;
background-color : #f3f3f3;
padding-top : 4px;
margin : 10px;
}
.wp-caption img {
margin : 0;
padding : 0;
border : 0 none;
}
.wp-caption p.wp-caption-text {
font-size : 11px;
line-height : 17px;
padding : 0 4px 5px;
margin : 0;
}
#footer {
background : url(../pintofinal/images/pintobg2.gif) repeat-y;
color : #000000;
width : 1000px;
height : 36px;
}
#footer2 {
color : #000000;
border-bottom: #000000 1px solid;
font-size: 10px;
margin-top: 10px;
width : 1000px;
height : 36px;
}
#footer p {
padding : 14px 0;
margin : 0;
color : #eee;
text-align : center;
}
#footer a {
color : #a90404;
text-decoration : none;
}
#footer a:hover {
color : #5d5d5d;
text-decoration : underline;
} 
#heaterspage {
background : url(../pintofinal/images/heaterpage.png) no-repeat;
float : left;
font-family : verdana, arial, times, serif;
font-size : 8pt;
width : 966px;
height : 513px;
}
#heaterspage span {
display : none;
}
#heaterspage li, #heaterspage a {
height : 170px;
background: none;
width: 175px;
display : block;
}
#heaterspagelong li, #heaterspagelong a {
height : 170px;
width: 350px;
display : block;
}
#heaterspagelong li {
float : left;
background: none;
list-style : none;
display : inline;
}
#heaterspage li {
float : left;
list-style : none;
display : inline;
}
#heaterspage01 {
width : 190px;
margin-left: 95px;
}
#heaterspage02 {
width : 190px;
margin-left: 45px;
}
#heaterspage03 {
width : 190px;
margin-left: 35px;
}
#heaterspage04 {
width : 160px;
margin-left: 75px;
margin-top: 15px;
}
#heaterspage05 {
width : 167px;
margin-left: 10px;
margin-top: 15px;
}
#heaterspage06 {
width : 105px;
margin-top: 15px;
margin-right: 200px;
}
#heaterspage07 {
width : 176px;
margin-top: 11px;
margin-right: 65px;
margin-left: 100px;
}
#heaterspage08 {
width : 112px;
margin-top: 11px;
}
#heaterspage09 {
width : 112px;
margin-top: 11px;
margin-left: 20px;
}
#heaterspage01 a:hover {
background : url(../pintofinal/images/heaterpage.png) no-repeat -115px -513px;
}
#heaterspage02 a:hover {
background : url(../pintofinal/images/heaterpage.png) no-repeat -355px -513px;
}
#heaterspage03 a:hover {
background : url(../pintofinal/images/heaterpage.png) no-repeat -585px -513px;
}
#heaterspage04 a:hover {
background : url(../pintofinal/images/heaterpage.png) no-repeat -95px -698px;
}
#heaterspage05 a:hover {
background : url(../pintofinal/images/heaterpage.png) no-repeat -300px -698px;
}
#heaterspage06 a:hover {
background : url(../pintofinal/images/heaterpage.png) no-repeat -495px -698px;
}
#heaterspage07 a:hover {
background : url(../pintofinal/images/heaterpage.png) no-repeat -120px -879px;
}
#heaterspage08 a:hover {
background : url(../pintofinal/images/heaterpage.png) no-repeat -380px -879px;
}
#heaterspage09 a:hover {
background : url(../pintofinal/images/heaterpage.png) no-repeat -595px -879px;
}