body {padding:0; margin:0; color:#000000}
body, td {font-family:Tahoma; font-size:.7em; }
br{font-size:10px}

.content td, .content th{color:#6F6F6F; font-size:.7em; line-height:13px} 
.content b{color:#1683B6} 
.content strong a{color:#5A5A5A; text-decoration:underline} 
.content strong a:hover{text-decoration:none} 
.content b a{color:#5A5A5A; text-decoration:none} 
.content b a:hover{text-decoration:underline} 
.content a{color:#1683B6; text-decoration:underline} 
.content a:hover{text-decoration:none} 
.content ul {margin: 10px 0px 0px 4px; padding: 0px;}
.content li{background:url(images/1_z2.gif)  top left no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 14px; list-style-type: none;}

.content .block{color:#FFFFFF; font-size:.7em; line-height:13px}
.content .block b{color:#FFFFFF; }
.content .block b a{color:#FFFFFF; text-decoration:none}
.content .block b a:hover{text-decoration:underline}
.content .block a{color:#FFFFFF; text-decoration:underline}
.content .block a:hover{text-decoration:none} 
.content .block li{background:url(images/1_z1.gif)  center left no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px;}

.content .block1 li{background:url(images/1_z3.gif)  center left no-repeat; margin:0px 0px 0px 0px; padding:0px 0px 0px 10px }
.content .block1 a{color:#1683B6; text-decoration:none} 
.content .block1 a:hover{text-decoration:underline} 

.footer{color:#FFFFFF; font-size:.7em; line-height:13px} 
.footer a{color:#FFFFFF; text-decoration:none} 
.footer a:hover{text-decoration:underline} 

input,textarea{
   background:#FFFFFF;
   border:1px solid #5EBDE7;
   font-family:Tahoma;
   color:#6F6F6F; 
   font-size:11px;
   padding-left:5px
} 

.content .block ul.bold-list li a,
.content .block ul.bold-list li a:visited {font-weight: bold; text-decoration: none;}
.content .block ul.highlights li, .highlight, h4 {color: #1683B6;}

.nav {margin-top: 4px; display: block;}
.nav img {border-style: none;}
img.header-arrow {margin-left: 13px; margin-top: 12px}

h4 {font-size: 11px; font-weight: bold; margin: 0px 0px 6px 0px; padding: 0px;}
h3 {color: #4C4B4B;}
h3.img-header {margin: -16px 0px 0px 38px; vertical-align: top; background-repeat: no-repeat; width: 200px; height: 11px; padding: 0px;}
h3.img-header span { display: none; }
h3 a{text-decoration: none; color:#4C4B4B;}
h4 a{color: #1683B6; text-decoration: none;}
h1{font-size:14px; color:#4C4B4B;}
h1 a{text-decoration: none; color:#4C4B4B;}
#pool-tile-cleaning-services { background-image: url('images/txt-featured-services.gif'); }
#referral-program { background-image: url('images/txt-referral-program.gif'); }
#call-us { background-image: url('images/txt-call-us.gif'); }
#family-owned-az { background-image: url('images/txt-shortly-about-us.gif'); }
#company-profile { background-image: url('images/txt-company-profile.gif'); }
#our-raves { background-image: url('images/txt-our-raves.gif'); }
#calcium-removal { background-image: url('images/txt-pool-tile-cleaning.gif'); }
#calcium-prevention { background-image: url('images/txt-additional-services.gif'); }
#pricing { background-image: url('images/txt-pricing.gif'); }
#maintenance-program { background-image: url('images/txt-maintenance-program.gif'); }
#blasters-blowout { background-image: url('images/txt-blaster-blowout.gif'); }
#photo-gallery { background-image: url('images/txt-photo-gallery.gif'); }
#contact-form { background-image: url('images/txt-contact-form.gif'); }
#mailing-address { background-image: url('images/txt-mailing-address.gif'); }
#privacy-policy { background-image: url('images/txt-privacy-policy.gif'); }

table.contact-form th {font-size: 12px; font-weight: normal; text-align: left; vertical-align: middle;}
table.contact-form td, table.contact-form th {padding: 3px;}
table.contact-form {margin: 10px 0px 0px 0px;}
table.contact-form input, table.contact-form select { font-size: 10px; }

.pagination a, .pagination a:visited {color: #1683B6; text-decoration: none; font-weight: bold;}
.pagination a:hover, .pagination a:visited:hover {text-decoration: underline;}
.pagination {font-weight: bold; color: #6F6F6F;}

html.popup {
	scrollbar-face-color: #5EBDE7;
	scrollbar-arrow-color: #fff;
	scrollbar-track-color: #008AD1;
	scrollbar-shadow-color: #376F88;
	scrollbar-highlight-color: #41A8FF;
	scrollbar-3dlight-color: #efefef;
	scrollbar-darkshadow-color: #376F88;
}

#pool-tile-pebble-tec-cleaning {text-align: center; line-height: 16px; font-size: 12px; margin: 0px 8px 0px 0px; padding: 0px; font-weight: normal;}
#pool-tile, #pebble-tec-cleaning {margin: 0; padding: 0; line-height: 17px; color: #1683B6;}
#flashbeforeafter {margin: 220px 0px 0px 20px;}
.b1, .b2, .b3, .b4{font-size:1px; overflow:hidden; display:block;}
.b1 {height:1px; background:#888; margin:0 5px;}
.b2 {height:1px; background:#ddd; border-right:2px solid #888; border-left:2px solid #888; margin:0 3px;}
.b3 {height:1px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 2px;}
.b4 {height:2px; background:#ddd; border-right:1px solid #888; border-left:1px solid #888; margin:0 1px;}
.contentb {background: #ddd; border-right:1px solid #888; border-left:1px solid #888; }
.contentb div {margin-left: 5px; margin-right:5px; background:#FFFFFF;height:550px;}
.contentbc {background: #ddd; border-right:1px solid #888; border-left:1px solid #888; }
.contentbc div {margin-left: 5px; margin-right:5px; background:#FFFFFF;height:458px;}

ul#weekly-services {
	font-family: Tahoma; font-size: 11px; color: black;
	margin: 0;
	padding-left: 20px;
}

.icon {
	padding: 0 10px 0 20px;
}

/* ====== Top Navigation Styling ====== */
/* Styles the top navigation for mobile devices ====== */

ul#top-nav {
	overflow: auto;
	list-style-type: none;
	background: url(images/topnav/top-nav-bg.png) no-repeat 0 0;
	width: 810px;
	height: 81px;
	padding: 0 0 0 0;
	margin: 10px 0 -10px 0;
}

ul#top-nav li {
	float: left;
	width: 130px;
	height: 32px;
	margin-top: 29px;
}

ul#top-nav li a {
	display: block;
	text-align: center;
	font-weight: bold;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #EEEEEE;
	text-decoration: none;
	height: 28px;
	-moz-text-shadow: 1px 1px 1px #5c5c5c;
	-webkit-text-shadow: 1px 1px 1px #5c5c5c;
	text-shadow: 1px 1px 1px #5c5c5c;
}

ul#top-nav li a:hover, ul#top-nav li a.current {
	background: url(images/topnav/current-nav.png) no-repeat bottom center;
	color: FFFFFF;
}

td.flash-menu {
	background: url(images/topnav/flash-bg.png) no-repeat 11px 0;
}