body{
margin:0px; 
padding:0px; 
font-size:12px; 
font-family:Arial, Helvetica, sans-serif;
}

.blue{
color:#00B9F2;
}

a{
text-decoration:none;
color:#FFFFFF;
}

a:hover{
text-decoration:underline;
color:#FFFFFF;
}

.blue a{
color:#00B9F2;
text-decoration:none;
}
.blue a:hover{
color:#00B9F2;
text-decoration:none;
}

h2{
font-size:18px;
font-weight:normal;
padding:0px;
margin:0px;
}

p{
margin:0px;
padding:0px;
}

.p5{
margin-bottom:5px;
}

.p10{
margin-bottom:10px;
}

.p20{
margin-bottom:20px;
}

.f24{
font-size:24px;
}

.f16{
font-size:16px;
}

.f20{
font-size:20px;
}

.f14{
font-size:14px;
}

ul{
margin:0px;
padding:0px 0px 0px 20px;
}

li{
margin:0px;
padding:0px;
}

.container{
width:760px; 
display:block; 
overflow:hidden; 
margin:0px auto auto;
}

.logo{
width:760px; 
height:55px; 
display:block; 
overflow:hidden; 
background:url(../img/logo.jpg) left no-repeat;
}

.header{
width:760px; 
height:50px; 
display:block; 
overflow:hidden; 
background:url(../img/header.jpg) left no-repeat;
}

.nav{
width:760px; 
height:55px; 
display:block; 
overflow:hidden; 
text-align:center;
}

.banner{
width:760px; 
height:150px; 
display:block;
overflow:hidden; 
background:url(../img/banner.jpg) no-repeat;
}

.main{
width:760px; 
display:block; 
overflow:hidden; 
padding:5px 0px 5px 0px;
}

.main a{
color:#E60606;
text-decoration:none;
}

.main a:hover{
color:#E60606;
text-decoration:none;
}

.maproll{
width:280px; 
height:60px; 
display:block; 
overflow:hidden; 
float:left; background:url(../img/maproll.jpg) no-repeat;
margin-bottom:5px;
}

.products{
width:435px; 
height:160px; 
display:block; 
float:right; 
overflow:hidden; 
background:url(../img/redcircles.jpg) no-repeat; 
padding:20px;
margin-bottom:5px;
}

.leftbtn{
float:left; 
width:15px; 
padding:70px 10px 0px 0px;
height:90px; 
}

.rightbtn{
float:right; 
width:15px; 
padding:70px 0px 0px 10px;
height:90px; 
}

.product_info{
float:left; 
width:365px; 
height:160px;
padding:0px 10px 0px 10px;
}

.product_text{
float:left; 
width:205px; 
height:160px; 
display:block; 
overflow:hidden; 
color:#FFFFFF;
}

.product_img{
float:right; 
width:160px; 
height:160px; 
display:block; 
overflow:hidden; 
background:#FFFFFF;
}
.product_image{
float:left; 
width:365px; 
height:160px; 
display:block; 
overflow:hidden; 
color:#FFFFFF;
margin-right:20px;
}

.map{
width:280px; 
height:302px; 
display:block; 
overflow:hidden; 
float:left;
}

.options{
width:475px; 
height:147px; 
display:block; 
overflow:hidden; 
float:right;
}

.download_brochure{
width:155px; 
height:147px; 
display:block; 
overflow:hidden; 
float:left; 
padding-right:5px;
}

.view_pool{
width:155px; 
height:147px; 
display:block; 
overflow:hidden; 
float:left; 
padding-right:5px;
}

.about_team{
width:155px; 
height:147px; 
display:block; 
overflow:hidden; 
float:right;
}

.news_list{
width:219px; 
display:block; 
overflow:hidden; 
float:left; 
padding:10px;
}

.news_list a{
text-decoration:none;
color:#ED2024;
}

.news_list a:hover{
text-decoration:none;
color:#ED2024;
}

.news_display{
width:521px; 
display:block; 
overflow:hidden; 
float:right;
}

.news_display_top{
background:url(../img/redbox_top.jpg) no-repeat; 
width:521px; 
height:10px; 
display:block; 
overflow:hidden;
}

.news_display_content{
background:#ED2024; 
width:501px; 
display:block; 
overflow:hidden; 
padding:0px 10px 0px 10px; 
}

.news_display_content a{
color:#FFFFFF;
text-decoration:none;
}

.news_display_content a:hover{
color:#8CC540;
text-decoration:none;
}

.news_display_bot{
background:url(../img/redbox_bot.jpg) no-repeat; 
width:521px; 
height:10px; 
display:block; 
overflow:hidden;
}

/******************************************************/
.stepcarousel{
position: relative; /*leave this value alone*/
overflow: hidden; /*leave this value alone*/
width: 385px;
height: 200px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
position: absolute; /*leave this value alone*/
left: 0;
top: 0;
}

.stepcarousel .panel{
float: left; /*leave this value alone*/
overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
margin: 0px 20px 0px 0px; /*margin around each panel*/
width: 365px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}

#gallery{
height:160px;	
position:relative;
overflow:hidden;
padding:1px;
}

#images{
position:absolute;
height:160px;
width:100000px;
	
}
#images #slideEnd{
float:left;
}
/******************************************************/


.footer{
width:736px; 
height:23px; 
display:block; 
overflow:hidden; 
background:url(../img/footer.jpg) no-repeat; 
padding:9px 12px 0px 12px; 
color:#FFFFFF;
}

.footer a{
text-decoration:none;
color:#FFFFFF;
}

.footer a:hover{
text-decoration:underline;
color:#FFFFFF;
}