/* CSS Document */
/*¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯CONSTANTS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
* {margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
body {background:url(images/main_bgr.gif) repeat-y top center;}
img {border:0; vertical-align:top}

.column {float:left;}
.clear 	{clear:both;}

#main {
	margin:0 auto;
	font:normal 12px Arial, Helvetica, sans-serif;	
	line-height:15px;
	color:#403E3E;
}
.nn a	{text-decoration:none;}
.nn a:hover {text-decoration:underline;} 

input, textarea, select{			     
	font:normal 12px Arial, Helvetica, sans-serif;	
	vertical-align:middle;		
	color:#000000;
}		
/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯MAIN¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
.float_left {float:left; margin:0px 7px 0px 0px;}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯HEADER¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
#header {}
#header .c1 {width:410px}
#header .c1 img {margin:5px 0px 0px 11px;}
#header .c2 {width:312px}
#header .form {
	width:312px;
	background:#F3F4E6;
}
#header .form .space {padding:15px 0px 0px 20px;}
#header .c_1 {width:198px}
#header .c_2 {width:73px}
#header .form .input {
	width:194px;
	height:21px;
	padding:2px 0px 0px 2px;
	background:url(images/inp_bg.jpg) 0 0 no-repeat;
}
#header .form .input input {
	width:188px;
	height:15px;
	border:1px solid #FFF;
}
#header .form img {vertical-align:middle}

#menu {height:30px}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯CONTENT¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
#gl {line-height:5px; background:#545456}
#content {padding:0px 0px 0px 0px;}
#content_int {padding:10px 0px 0px 0px;}

.title_1 {
	height:36px;
	background:url(images/ico1.jpg) 0 0 no-repeat;
	margin:0px 0px 13px 9px;
	padding:0px 0px 0px 63px;
}
.title_1 img {
	margin:14px 0px 0px 0px;
}
.title_2 {
	margin:0px 0px 14px 0px;
	padding:0px 0px 0px 0px;
}
.title_2 img {
	margin:11px 0px 0px 0px;
}
.title_3 {
	height:44px;
	background:url(images/home_ico2.jpg) 0 0 no-repeat;
	margin:0px 0px 6px 22px;
	padding:0px 0px 0px 58px;
}
.title_3 img {
	margin:14px 0px 0px 0px;
}
.title_4 {
	margin:10px 0px 10px 20px;
	text-align:left;
}
.title_res {
	background:url(images/resources.jpg) 0 0 no-repeat;
	margin:0px 0px 6px 22px;
	padding:0px 0px 0px 58px;
	}
.space_1 {padding:0px 28px 32px 19px;}
.space_2 {padding:0px 28px 32px 19px;}
.space_3 {padding:0px 28px 0px 19px;}

.gl {background:url(images/gl.gif) bottom repeat-x; line-height:1px}
.bl {background:#E3F7FF}
.bl .space {padding:17px 0px 0px 13px;}
.bc {padding:3px 0px 0px 3px;}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯FOOTER¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
#footer {
	margin:0px 10px 0px 10px;
	background:url(images/footer_c.jpg) 0 0 repeat-x;
	background-color:#F4F4F4;
	width:741px
}
.fbg_l {background:url(images/footer_l.jpg) 0 0 repeat-y}
.fbg_r {background:url(images/footer_r.jpg) top right repeat-y; height:100px}
#footer .space {padding:12px 0px 0px 19px;}
#footer a {color:#515151}
#footer a:hover {color:#18A2B7}
#footer .act {color:#18A2B7 !important}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯TEXT¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
a {color:#DD3210; font:normal 12px Arial}
a:hover {text-decoration:none} 
b {font:bold 11px Tahoma; color:#0E7E0E;}
h1 {display:inline; color:#0D8092; font:normal 12px Arial;}
h2 {display:inline; font:normal 12px Arial; color:#DD3210}
em {color:#0D8092}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯LISTS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
li {
	line-height:13px;
	margin:0px 0px 4px 0px;
	list-style-image: none;
	list-style-type: none;
}
li a {
	background:url(images/bullet1.gif) 0 0 no-repeat;
	padding:0px 0px 0px 20px;
}
li.main {
	line-height:17px;
	margin:0px 0px 0px 25px;
	list-style-image: none;
	list-style-type: decimal;
}
li.main a{
	padding:0px 0px 0px 0px;
	background-image:none;
}
li.question {
	line-height:17px;
	margin:0px 0px 0px 25px;
	list-style-type:square;
}
li.question a{
	padding:0px 0px 0px 0px;
	background-image:none;
}
li.news {
	line-height:17px;
	margin:0px 0px 0px 0px;
}
li.news a{
	padding:0px 0px 0px 0px;
	background-image:none;
}
/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯LINKS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
.link_1 {
	color:#0E7E0E;
}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯FORMS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

form#contactForm fieldset {
border: 1px solid #f7bd2d;
padding: 10px;
margin: 0 0 10px;
}
form#contactForm fieldset legend {
font: bold 14px Verdana, Helvetica, Arial, sans-serif;
color: #1e91a4;
margin: 0 0 10px;
font-variant: small-caps;

}

/*®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®®*/
.indent {padding:0px 20px 0px 20px;}

.banner_1 {
	background:url(images/bl.jpg) 0 0 no-repeat;
	height:204px;
	margin:0px 0px 6px 0px;
}
.banner_2 {
	height:204px;
	background:url(images/br.jpg) 0 0 no-repeat;
}
.b2_a {
	background:url(images/1banner1.jpg) 0 0 no-repeat;
}
.banner_1 .bt1 {margin:11px 0px 34px 9px;}
.banner_1 .pad {padding:110px 29px 0px 32px; color:#FFF}

.banner_2 .bt1 {margin:28px 0px 34px 19px;}
.banner_2 .pad {padding:110px 167px 0px 32px; color:#FFF}


.but {margin:8px 0px 0px 0px;}
.m1 {margin:18px 0px 19px 0px;}
.m2 {margin:12px 0px 12px 0px;}
.m3 {margin:12px 0px 0px 0px;}
.m4 {margin-top:-7px}
.m5 {margin:13px 0px 13px 0px;}
.m6 {margin-top:-9px}
.p1 {padding:0px 26px 0px 9px; margin:0px 0px 26px 0px;}
.p3 {padding:3px 26px 0px 5px; margin:0px 0px 26px 0px; line-height:16px}
.p4 {padding:1px 26px 0px 0px; margin:0px 0px 26px 0px;}
.p5 {padding:0px 20px 0px 22px;}
.p2 {padding:0px 26px 0px 22px;}
.p6 {padding:3px 26px 0px 35px; margin:0px 0px 26px 0px; line-height:16px}

.col_1 {width:173px}
.col_2 {width:150px}

.col_cont1 {width:170px}
.col_cont1r {width:170px; text-align:right}
.col_cont2 {width:230px}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯NEW CSS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯MIDDLE WEBSITE¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
#content_btm {padding:0px 0px 20px 0px;}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯LEFT COLUMN¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/
.menu1{
background-image:url(images/greenback.gif);
margin-left:8px;
margin-bottom:3px;
padding-left:10px;
padding-top:10px;
padding-bottom: 6px;
display:block;
text-decoration: underline;
color: #FFFFFF;
height: 20px;
font:bold 12px Arial, Helvetica, sans-serif;
cursor:pointer;
}

.hide{
display: none;
}

.show{
display: block;
}

li.sub {
	list-style:none;
	line-height:11px;
	margin:0px 0px 4px 0px;
}
li.sub a {
	padding:0px 0px 0px 20px;
}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯RIGHT COLUMN¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

h1.top {	color:#403E3E;
           	font:normal 15px Arial;
	font-weight:bold;
	line-height:16px
}

h1.middle {	color:#FF6600;
           	font:normal 15px Arial;
	font-weight:bold;
}

h1.bottom {	color:#2FA8FF;
           	font:normal 15px Arial;
	font-weight:bold;
}

h3.phone {	color:#77B023;
           	font:normal 12px Arial;
}
h4.search {	color:#3C3A2B;
           	font:normal 12px Arial;
			font-style:italic;
}
.col_home1 {width:230px}
.col_home2 {width:230px}

.home_pad {padding-right:5px;
	padding-bottom:5px}
	
.home_pad_news {padding-right:5px;
	padding-bottom:20px}

.home_pad a	{text-decoration:none; color:#0D8092}
.home_pad a:hover {text-decoration:underline; color:#0D8092}

.title_home {
	height:44px;
	margin:0px 0px 6px 22px;
	padding:0px 0px 0px 0px;
}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯LEFT BANNERS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

.specials_1 {
	height:120px;
	background:url(images/left_banner_1.jpg) 0 0 no-repeat;
}

.specials_1 .pad {padding:8px 10px 0px 85px;}
.specials_1 .pad2 {padding:1px 0px 0px 100px;}

.specials_2 {
	height:120px;
	background:url(images/left_banner_2.jpg) 0 0 no-repeat;
}

.specials_2 .pad {padding:8px 10px 0px 85px;}
.specials_2 .pad2 {padding:1px 0px 0px 100px;}

.specials_3 {
	height:120px;
	background:url(images/left_banner_3.jpg) 0 0 no-repeat;
}

.specials_3 .pad {padding:8px 10px 0px 85px;}
.specials_3 .pad2 {padding:1px 0px 0px 100px;}

.quicklinks_3 {
	padding-top:15px;
	border:#66CBDA dashed 1px;
}

.quicklinks_3 .pad {
text-align:center;
	color:#44BACB;
    font:normal 15px Arial;
	font-weight:bold;
}
.quicklinks_3 .pad2 {padding:10px 5px 15px 5px;}


/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯BOTTOM COLUMNS¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

.col_btm1 {width:230px}
.col_btm2 {width:460px}

h1.foot {	color:#44BACB;
           	font:normal 25px Arial;
	font-weight:bold;
	line-height:28px
}
h2.foot {color:#DD3210;
         font:25px Arial;
	font-weight:bold;
	line-height:28px
}


/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯INTERNAL BANNER¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

.banner_int {
	background:url(images/b_int.gif) 0 0 no-repeat;
	height:130px;
	margin:0px 0px 6px 0px;
	text-align:right;
}
.banner_int .pad {padding:80px 165px 0px 0px; color:#FFF}

h1.banner {	color:#F2E696;
           	font:normal 25px Arial;
	font-weight:bold;
}

h1.banner1 {	color:#403e3e;
           	font:normal 17px Arial;
	font-weight:bold;
	line-height:18px;
}
h1.banner2 {	color:#022a65;
           	font:normal 12px Arial;
	font-weight:bold;
}
/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯AREA MAP BANNER¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

.banner_map {
	background:url(images/area_bgr.jpg) 0 0 no-repeat;
	height:128px;
	margin:3px 5px 3px 5px;
	text-align:center;
}
.banner_map .pad {padding:15px 15px 5px 15px; color:#FFF}

h1.map_bgr {	color:#dd3210;
           	font:normal 15px Arial;
	font-weight:bold;
}

/* Subcontent1 box */
#subcontent1  {
	float: right;
	clear: right;
}
#subcontent1 p {
	margin: 0 10px 0 10px;
	clear:both;
}
.subcontent1-bgr  {width:250px; margin:0px 0 10px 5px; padding:8px 0 20px 0; background-color:#d5e1f0; border-color:#fac02e; border:dashed; border-width:2px}
#subcontent1 h1.hdr {clear:both; font:bold 12px Arial, Helvetica, sans-serif; padding:15px 0 0 5px;}

#subcontent1 div.pic_layout 

{width: 100%;
padding: 0 8px 0 8px;
margin:10px 0 10px 0;
}
#subcontent1 div.row {
  clear: both;
  padding-top: 5px;
  }
#subcontent1 div.row span.cleft{
  float: left;
  width: 50%;
  text-align: center;
  }
#subcontent1 div.row span.cright {
  float: right;
  width: 50%;
  text-align: center;
  }
  
  
/* image swap */
  
.thumb
{
	width: 110px;
	float: left;
	width/* */:/**/110px;
	width: /**/110px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, arial, hevetica, sans-serif;
	font-size: 9px;
	line-height: 130%;
}

.thumb_img
{
	width: 110px;
	height: 80px;
	background:url("images/bgr_thumb.gif");
	text-align: center;
}

#subcontent2  {
	float: right;
	clear: right;
	margin-left:10px;
}

/* main picture gallery */

#mid-section {
  left:0;
  top:0;
  }

#mid-col-1 {
  float:left;
  margin-bottom:10px;
  top:0;
  left:0;
  width:25%;
  text-align:center;
  }
  #mid-col-2 {
  float:left;
  margin-bottom:10px;
  top:0;
  left:25%;
  width:25%;
  text-align:center;
  }
  #mid-col-3 {
  float:left;
  margin-bottom:10px;
  top:0;
  left:50%;
  width:25%;
  text-align:center;
  }
  #mid-col-4 {
  float:left;
  margin-bottom:10px;
  top:0;
  left:75%;
  width:25%;
  text-align:center;
  }
  
  #mid-col-1a {
  float:left;
  margin-bottom:10px;
  top:0;
  left:0;
  width:50%;
  text-align:center;
  }
  #mid-col-2a {
  float:left;
  margin-bottom:10px;
  top:0;
  left:50%;
  width:50%;
  text-align:center;
  }
  
  .picb {padding:2px;border:1px solid #fbc12f;}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯BROCHURE BANNER¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

.banner_bro {
	background:url(images/brochure_bgr.gif) 0 0 no-repeat;
	height:100px;
	margin:0px 0px 0px 0px;
	text-align:right;
}
.banner_bro .pad {padding:15px 10px 0px 0px;}
.banner_bro .pad2 {padding:35px 10px 0px 0px;}


/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯RESIDENTIAL POOLS BANNER¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

.banner_res {
	background:url(images/residential_bgr.gif) 0 0 no-repeat;
	height:100px;
	margin:0px 0px 0px 0px;
	text-align:center;
}
.banner_res .pad {padding:15px 10px 0px 10px;}

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯PICTURE BORDER¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

.pbdr 	{padding:4px;
	border:1px solid #ddd;} 

/*”¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯FINAL FOOTER¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯¯“*/

h1.end {	color:#1B92A6;
           	font:normal 12px Arial;
	font-weight:bold;
}

li.foot {
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	line-height:12px;
	background-image:none;
}
li.foot a{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	font-size:11px;
	text-decoration:underline;
	line-height:12px;
	background-image:none;
	}
	
p.end {font-size:11px;}
p.end a {font-size:11px;
		text-decoration:underline;}
		
/* NEW SIDE MENU */

.urbangreymenu{
width: 200px; /*width of menu*/
}

.urbangreymenu .headerbar{
font: bold 13px Arial;
color: white;
background: #606060 url(images/arrowstop.gif) no-repeat 8px 14px; /*last 2 values are the x and y coordinates of bullet image*/
margin-bottom: 3px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 15px 0 15px 31px; /*31px is left indentation of header text*/
}

.urbangreymenu .headerbar a{
text-decoration: none;
color: white;
display: block;
}

.urbangreymenu ul{
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 0; /*bottom spacing between each UL and rest of content*/
}

.urbangreymenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.urbangreymenu ul li a{
font: normal 12px Arial;
color: black;
background: #E9E9E9;
display: block;
padding: 5px 0;
line-height: 17px;
padding-left: 8px; /*link text is indented 8px*/
text-decoration: none;
}

.urbangreymenu ul li a:visited{
color: black;
}

.urbangreymenu ul li a:hover{ /*hover state CSS*/
color: white;
background: black;
}