@charset "UTF-8";
/* WaterScapes Pro
	Forrest Anderson - Version 20091007 */

/* @group Body Elements */

* { margin: 0; padding: 0; }	

body { 
	font: .865em Geneva, Arial, Helvetica, sans-serif; 
	color:#4a4745;
	background: #e2d9c0 url(../images/bg_body.jpg) repeat-x left top; 
	text-align: center; 
	margin:0;
	}
	
#body_bg { 
	background: url(../images/bg_main2.jpg) no-repeat center top;
	overflow:hidden;
	}
	
body#blog #body_bg	{ margin-top: -18px; }			
	
#home #body_bg { 
	background: url(../images/bg_main.jpg) no-repeat center top;
	overflow:hidden;
	}	

#container { 
	width: 975px;
	margin: 0 auto; 
	text-align: left; 
	}

#header { 
	width: 975px;
	height: 107px; 
	margin-left: 6px;
	}	
	
.slideshow { /* only on the home page */
	float: right;
	width: 635px;
	margin: -112px 5px 0 0;
	}
	
#sidebar {
	float:left;
	width:240px;
	margin: -94px 0 0 8px;
	background: url(../images/bg_inside_sub_nav.jpg) repeat-y right top;
	}	
	
span.phone, span.large {
	font-size: 24px;
	}	

#content { /* inside pages main content area */
	float: right;
	width:715px;
	margin: -107px 10px 0 0;
	}	
	
#blog #content {
	width:700px;
	margin: 0 10px 0 0;
		}

/* @end */

/* @group Lists Elements */

ul {
	padding:0;
	}

#content ul {
	margin: 0 0 10px 40px;
	}

.fltlft ul, .fltrt ul {
	list-style-type:none;
	margin-top: 2px;
	}	
	
.fltlft ul {
	margin-left: 50px;
	}	
	
div.fltrt {
	margin-right: 300px;
	}

li.head {
	font-weight: bold;
	color: #4a4745;	
	}

/* @end */

/* @group Styling */

h1, h2, h3, h4, h5 {
	margin: 0 0 5px 10px;
	}	
	
p span.intro {  
	font-size: 1.2em;
	color: #00747f; 
	}	

#header h1 { 
	text-indent: -9999px; 
	width: 1px; 
	height: 1px; 
	margin: 0; 
	padding: 0; 
	}	
	
#content a:link, a:visited {
	color:#00747f;
	font-weight: bold;
	text-decoration:none;
	}
	
#content a:hover, a:active {
	border-bottom:dotted 1px #00747f;
	}

.clearfloat { 
	clear: both; 
	height: 0; 
	font-size: 1px; 
	line-height: 0px; 
	}

/* @end */

/* @group Images */

img { 
	border: none; 
	margin: 0;
	padding: 0;
	}
	
img.flt { margin-right: 20px; }	

img.blog-head	{ float: left; margin: -90px 0 20px 20px; }
	
.share_point a img.fltrt {
	margin-top: 4px;
	}	

#sidebar img {
	margin-left: 7px;
		}

#sidebar img.sub_head {
	margin-left:1px;
	}

.fltrt { 
	float: right; 
	margin-left: 8px; 
	}

.fltlft { 
	float: left; 
	margin-right: 8px; 
	}

/* @end */

/* @group Main Nav */

#header ul { 
	position: relative; 
	left: 325px; 
	top: -115px; 
	width: 642px; 
	height: 107px; 
	margin: 0; 
	padding: 0; 
	list-style-type: none; 
	}

#header ul li { 
	display: inline;
	}
	
#header ul li a{ 
	text-indent: -9999px;
	display: block;
	height: 107px;
	float: left; 
	}	

a.home { 
	background: url(../images/btn_home.jpg) no-repeat bottom center; 
	width: 51px; 	 
	}

a.about { 
	background: url(../images/btn_about.jpg) no-repeat bottom center; 
	width: 70px; 
	}

a.ponds { 
	background: url(../images/btn_ponds.jpg) no-repeat bottom center; 
	width: 127px; 
	 
	}

a.fountains { 
	background: url(../images/btn_fountain.jpg) no-repeat bottom center; 
	width: 89px; 
	}

a.service { 
	background: url(../images/btn_service.jpg) no-repeat bottom center;  
	width: 118px; 
	 
	}

a.resources { 
	background: url(../images/btn_resources.jpg) no-repeat bottom center; 
	width: 99px; 
	}

a.contact { 
	background: url(../images/btn_contact.jpg) no-repeat bottom center; 
	width: 77px; 
	}
	
#header ul li a.home:hover, #header ul li a.about:hover, #header ul li a.ponds:hover, #header ul li a.fountains:hover, #header ul li a.service:hover, #header ul li a.resources:hover, #header ul li a.contact:hover	{ 
	background-position: top center; 
	}
	
body#home ul li a.home,
body#about ul li a.about,
body#ponds ul li a.ponds,
body#fountains ul li a.fountains,
body#service ul li a.service,
body#resources ul li a.resources,
body#contact ul li a.contact { 
	background-position: top center; 
	}

/* @end */

/* @group Home - Sub Nav */

#home ul#sub_nav {  /* home page sub navigation bar */
	position: relative; 
	width: 319px; 
	height: 391px;
	margin: 3px 0 0 5px; 
	padding:0;
	list-style-type: none; 
	}

#home ul#sub_nav li a{ 
	text-indent: -9999px;
	display: block;
	}	
	
#home a.new { 
	background: #005751 url(../images/btn_new_pond.jpg) repeat bottom center;
	height: 74px; 
	}	

#home a.existing { 
	background: url(../images/btn_existing_pond.jpg) no-repeat  bottom center;
	height: 71px; 
	}	
	
#home a.troubleshoot { 
	background: url(../images/btn_troubleshoot.jpg) no-repeat bottom center;
	height: 64px; 
	}	
	
#home a.maintain { 
	background: url(../images/btn_maint_plans.jpg) no-repeat bottom center;
	height: 61px; 
	}	
	
#home a.design { 
	background: url(../images/btn_design_consult.jpg); 
	height: 121px;
	}	
	
#home ul#sub_nav li a.new:hover, 
#home ul#sub_nav li a.existing:hover, 
#home ul#sub_nav li a.troubleshoot:hover, 
#home ul#sub_nav li a.maintain:hover, 
#home ul#sub_nav li a.design:hover  { 
	background-position: top center; 
	border-bottom: none;
	}

/* @end */

/* @group Inside Sub-nav */

#sidebar ul {
	list-style-type: none;
	margin-left: 30px;
	padding:0;
	}	
	
#sidebar ul li {
	list-style-image:url(../images/bullet_inside_sub_nav.gif);
	}
	
#sidebar ul li a:link, #sidebar ul li a:visited {
	font-family: Geneva, Arial, Helvetica, sans-serif; 
	color:#4a4745;
	text-decoration:none;
	line-height: 2.5em;
	font-size: .8em;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#sidebar ul li a:hover, #sidebar ul li a:active {
	color:#00747f;
	text-decoration:none;
	line-height: 2.5em;
	font-size: .8em;
	text-transform:uppercase;
	font-weight:bold;
	}
	
#sidebar ul li.active a {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#00747f;
	text-decoration:none;
	line-height: 2.5em;
	font-size: .8em;
	text-transform:uppercase;
	font-weight:bold;
	}	

/* @end */

/* @group Blog Page */

#blog #sidebar {
	float:left;
	width:225px;
	margin: -20px 0 0 25px;
	background: none;
	}

	
#blog h2 {
	font-size: 1.8em;
	color:#1b75bb;	
	margin-bottom:0;
	margin-left: 10px;
	}
	
#blog #sidebar h3 {
	font-size: .865em;
	color:#ffffff;
	text-transform: uppercase;
	padding: 5px 0 5px 5px;
	margin: 20px 0 10px 0;
	background-color: #aeb85e;
	}		
	
#blog #sidebar p {
	font-size:14px;
	line-height: 1.4em;
	margin:0;
	padding: 0;
	}	
	
#blog #sidebar a:link {
	color:#4a4745;
	text-decoration:none;
	}		
	
#blog #sidebar a:hover {
	color:#1b75bb;
	text-decoration:none;
	}		
	
#blog #sidebar a.sidebar_link:link {
	font-size:16px;
	font-weight: bold;
	color:#1b75bb;
	text-decoration: none;
	}
	
#blog #sidebar a.sidebar_link:hover {
	text-decoration:none;
	border-bottom: 1px dotted #1b75bb;
	}		
	
#blog #sidebar p.rss {
	font-size:11px; 
	}	

#blog #sidebar ul li{
	list-style-image: url(../images/bullet_blog_meta.gif); 
	}
	
#blog #sidebar ul li a {
	font-size: 10px;
	line-height: 1em;
	font-weight: normal;
	}	
	
#blog p.entry_info {
	font-size:12px;
	margin:0 0 0 10px;
	padding:0; 
	}	
	
#blog #content img {
	margin-left: 10px;
	}	

#content p {
	margin: 10px 0 0 0;
	padding: 0 20px 10px 10px;
	color:#4a4745;
	}
	
#content p.share_point {
	margin: 10px 10px 20px 10px;
	height: 20px;
	background:#cfb99a;
	}
	
.addthis_button img { float: right; margin: 7px 10px 0 0; }		

/* @end */

/* @group Contact Form */

for#contact p { 
	line-height: 2em; 
	}

input {
  width: 380px;
  height: 18px;
	color: #4a4745;
	font:.865em Geneva, Arial, Helvetica, sans-serif;
	padding-left:5px;
	margin-bottom: 5px;
	}

input#zip {
	width: 275px;
	}
	
input#submit {
	width:79px;
	margin-left:25px;
	}	 

input[type="text"], textarea {
	border: 1px solid #5a5758;
	
}
 
input:focus, textarea:focus { /* style form elements on focus */
	background: #ffc;
}


textarea#comments {
	width: 385px;
	height: 100px;  
} 

select#state { 
	width: 100px;
	}
	
select#hear_about {
	width: 380px;
	}	

 
/* @end */


/* @group Footer */

#footer { 
	clear: both; 
	position: relative;
	width: 975px;
	margin-top: 20px;
	}

#home #footer {
	position: relative;
	top: -20px;
	left: 0;
	}
	
#footer ul { 
	width: 975px; 
	height: 90px; 
	list-style-type: none; 
	margin:0;
	padding:0;
	}

#footer ul li { 
	display: inline;
	}
	
#footer ul li a{ 
	text-indent: -9999px; 
	display: block;
	height: 90px;
	float: left; 
	}	
	
a.blog { 
	background: url(../images/btn_blog.jpg) no-repeat bottom center;  
	width: 328px; 
	}	
	
a.newsletter { 
	background: url(../images/btn_newsletter.jpg) no-repeat bottom center;  
	width: 328px; 
	}	
	
a.tours { 
	background: url(../images/btn_tours.jpg) no-repeat bottom center;  
	width: 328px; 
	}	
	
a.gallery { 
	background: url(../images/btn_gallery.jpg) no-repeat bottom center; 
	width: 323px; 
	}
	
a.maintenance { 
	background: url(../images/btn_maintenance.jpg) no-repeat bottom center; 
	width: 323px; 
	}
	
a.upgrades { 
	background: url(../images/btn_upgrades.jpg) no-repeat bottom center; 
	width: 323px; 
	}						
	
a.store { 
	background: url(../images/btn_store.jpg) no-repeat bottom center; 
	width: 324px;
	}
	
a.community { 
	background: url(../images/btn_community.jpg) no-repeat bottom center; 
	width: 324px;
	}
	
a.repair { 
	background: url(../images/btn_repair.jpg) no-repeat bottom center; 
	width: 324px;
	}	
	
	
#footer ul li a.blog:hover,
#footer ul li a.newsletter:hover,  
#footer ul li a.gallery:hover, 
#footer ul li a.tours:hover, 
#footer ul li a.upgrades:hover,
#footer ul li a.maintenance:hover, 
#footer ul li a.repair:hover,
#footer ul li a.community:hover, 
#footer ul li a.store:hover {  
	background-position: top center ;  
	} 
	
#links { 
	position: relative;
	left: 420px; 
	}
	
#copyright p, #design p { 
	color: #333;
	font-size: .65em; 
	}
	
#copyright a:link, #copyright a:visited, #design a:link, design a:visited {
	color: #333;
	text-decoration:none;
	}
	
	#copyright a:hover, #copyright a:active, #design a:hover, design a:active {
	color: #00747f;
	border-bottom: 1px dotted #00747f;
	}	
	
#copyright {
	float:left;
	margin:0;
	}
	
#design {
	float:right;
	margin:0;
	}

/* @end */