body {
/*background-image : url(images/bg_sectionnav2.jpg);
background-attachment : fixed;*/
color : #000000;
font-family : verdana, helvetica, sans-serif;
font-size : 70%;
font-style : normal;
font-variant : normal;
font-weight : normal;
line-height : normal;
margin : 0 auto;
padding : 5px;
text-align : left;
height:100%;
}

html {
        background: url(images/bg_sectionnav2.jpg) no-repeat center center fixed;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
       height: 100%;
}

/*EVERY PAGE*/
#container {
margin : 0 auto;
width : 950px;
background : #FEFEF2;
}

#header {
background-image : url(images/header_opt4.jpg);
padding : 0;
height : 150px;
background-repeat : no-repeat;
}
#header h1 {
margin : 0;
}
#navigation {
float : left;
width : 950px;
background-image : url(images/nav_bg4.jpg);
font-size : 115%;
}
#navigation ul {
margin : 0;
padding : 0;
text-decoration : none;
}
#navigation ul li {
list-style-type : none;
display : inline;
}
#navigation li a {
display : block;
float : left;
padding : 10px 15px;
color : #ffffff;
font-weight : bold;
text-decoration : none;
border-right : 1px solid #ccc;
}
#navigation li a:active {
background-image : url(images/nav_bg2.jpg);
color : #333366;
}
#navigation li a:hover {
background-image : url(images/nav_bg2.jpg);
color : #333366;
}
#content-container {
background:#fff;
padding-bottom :20px;
width: 950px;
height: 100%;
margin : 0 auto;
}
.content {
background : #fff;
padding : 10px;
padding-left : 10px;
padding-bottom: 10px;
margin:0 auto;
float : left;
width : 720px;
}

p {
padding : 5px;
margin : 5px;
font-size : 102%;
}

.content p {
font-weight : normal;
line-height : 150%;
color : #333366;
padding : 5px;
margin : 5px;

}
/*facebook */
iframe.c1 {border:none; overflow:hidden; width:160px; height:21px;}
/*end of facebook*/

/*HEADERS*/
h2 {
color : #333366;
font-size : 108%;
font-weight : bold;
padding : 5px;
margin : 5px;
}
h1 {
color : #333366;
font-size : 116%;
font-weight : bold;
padding : 5px;
margin : 5px;
}
h3 {
color : #333366;
font-size : 102%;
font-weight : bold;
padding : 5px;
margin : 5px;
}
/*END OF HEADERS*/


/*links*/
a {
color : #1765A9;
text-decoration : none;
}

a:hover {
color : #333366;
text-decoration : none;
}
a:visited {
color : #333366;
text-decoration : none;
}
/*end of links*/

/*END OF EVERY PAGE*/

/*IMAGE FLOAT*/
.imagefloat {
float : left;
padding : 0;
border-color : #ffffff;
}
.imagefloat2 {
padding : 10px 15px 0 20px;
}
.imagefloat3 {
float : right;
padding : 10px 10px 10px 20px;
}
/*END OF IMAGEFLOAT*/


p.c1 {
padding : 5px;
margin : 5px;
font-size : 102%;
font-weight: bold;
text-align: left;
}

.c1{
text-align: center
}

/*SECTION-NAVIGATION*/
#section-navigation {
float:right;
color : #fefef2;
background-image : url(images/bg_secnav.gif);
background-repeat: repeat-y;
width : 180px;
padding : 20px 0px 0px 10px;
margin : 0;
display : block;
height:100%;
text-decoration : none;
font-size : 102%;
}
#section-navigation h1 {
color : #333366;
font-size : 108%;
font-weight : bold;
padding : 5px;
background-attachment: fixed;
}
#section-navigation ul {
margin : 0;
padding-bottom : 20px;	
padding-top:10px;
padding-left : 0 !important ;
list-style-type : none;
text-decoration : none;
color : #0099ff;
line-height : 1em;
}
#section-navigation ul li a {
margin-left : 0;
margin-bottom : 20px;
margin-right : 0;
margin-top : 0;
padding : 10px;
line-height : 2em;
list-style-type : none;
text-decoration : none;
color : #333366;
font-size : 110%;
}
#section-navigation img {
padding : 20px 0 20px 10px;
}
/*END OF SECTION-NAVIGATION*/


/*POOL GALLERY*/
div.img {
margin : 6px;
border : 1px solid #ccc;
height : 165px;
width : auto;
float : left;
text-align : center;
}
div.img img {  padding : 0;
color : #333366;
display: inline;
}
p.gallerytext {
font-weight : bold;
line-height : 150%;
color : #333366;
padding : 20px;
}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 170px;
  margin: 4px;
}
/*END OF POOL GALLERY*/

/*ACCESSORIES*/
div.img_acc {
width: 214px;
margin : 6px;
border : 1px solid #ccc;
height:415px;
float : left;
text-align : center;
}
div.img img_acc {  padding : 0;
color : #333366;
display: inline;
}

div.desc_acc
{
  text-align: center;
  font-weight: normal;
  width: 200px;
  margin: 4px;
  padding: 5px 5px;
  
 
}
/*END OF ACCESSORIES*/


/*POOL PRICING*/
div.img_pricing {
margin : 6px;
border : 1px solid #ccc;
height : auto;
width : auto;
float : left;
text-align : center;
}
div.img img_pricing {  padding : 0;
color : #333366;
display: inline;
}
div.desc_pricing
{
  text-align: center;
  font-weight: normal;
  width: 170px;
  margin: 4px;
}
/*END OF POOL PRICING*/


/*HOME PAGE IMAGE*/
.img_home{
height : auto;
width : auto;
padding:10px;
display:inline;
}
/*END OF HOME IMAGE*/


/*start of colour gallery*/			
div.img_colours
{
  margin: 5px;
  padding-bottom:10px;
  border: 0px solid #fff;
  height: auto;
  width: auto;
  float: left;
  text-align: center;
}	
div.img_colours img
{
  display: inline;
  margin: 3px;
  border: 1px solid #fff;
}
div.img_colours a:hover img {border: 1px solid #ccc;}
div.desc_colours
{
  text-align: center;
  font-weight: normal;
  width: 120px;
  margin: 4px;
}
/*colour gallery*/		


td {
height : 20px;
vertical-align : top;
padding-left : 10px;
color : #333366;
text-align: left;
}

/*FOOTER*/
#footer {
bottom: 0px; 
width: 100%; 
clear : both;
background : #fff;
text-align : right;
padding : 10px 20px 5px 5px;
height : 50px;
border-top : 3px solid #ccc;
text-align : center;
clear : both;
height : 225px;
color : #000000;
font-size : 90%;
padding : 5px 0px 8px 0px;
line-height : 4em;
}
#footer a {
text-align : center;
color : #333366;
text-decoration : none;
}
#footercollumn1 {
line-height : 15px;
list-style : none;
text-align : left;
font-size : 105%;
width : 15%;
margin : 0;
margin-left : 12px;
padding : 0 0 8px 0;
float : left;
display : inline;
}
#footercollumn1 ul {
margin : 0;
padding-bottom : 20px;
padding-left : 0 !important ;
list-style-type : none;
text-decoration : none;
color : #0099ff;
line-height : 1em;
}
#footercollumn1 ul li a {
margin-left : 0;
margin-bottom : 20px;
margin-right : 0;
margin-top : 0;
padding : 5px;
line-height : 2em;
list-style-type : none;
text-decoration : none;
color : #333366;
font-size : 110%;
}
#footercollumn2 {
line-height : 15px;
list-style : none;
text-align : left;
font-size : 105%;
width : 15%;
margin : 0;
margin-left : 12px;
padding : 0 0 8px 0;
float : left;
display : inline;
}
#footercollumn2 ul {
margin : 0;
padding-bottom : 20px;
padding-left : 0 !important ;
list-style-type : none;
text-decoration : none;
color : #0099ff;
line-height : 165%;
}
#footercollumn2 ul li a {
margin-left : 0;
margin-bottom : 20px;
margin-right : 0;
margin-top : 0;
padding : 5px;
line-height : 2em;
list-style-type : none;
text-decoration : none;
color : #333366;
font-size : 110%;
}
#footercollumn3 {
line-height : 15px;
list-style : none;
text-align : left;
font-size : 105%;
width : 15%;
margin : 0;
margin-left : 12px;
padding : 0 0 8px 0;
float : left;
display : inline;
}
#footercollumn3 ul {
margin : 0;
padding-bottom : 20px;
padding-left : 0 !important ;
list-style-type : none;
text-decoration : none;
color : #0099ff;
line-height : 165%;
}
#footercollumn3 ul li a {
margin-left : 0;
margin-bottom : 20px;
margin-right : 0;
margin-top : 0;
padding : 5px;
line-height : 2em;
list-style-type : none;
text-decoration : none;
color : #333366;
font-size : 110%;
}
#footercollumn4 {
line-height : 15px;
list-style : none;
text-align : left;
font-size : 105%;
width : 15%;
margin : 0;
margin-left : 12px;
padding : 0 0 8px 0;
float : left;
display : inline;
}
#footercollumn4 ul {
margin : 0;
padding-bottom : 20px;
padding-left : 0 !important ;
list-style-type : none;
text-decoration : none;
color : #0099ff;
line-height : 165%;
}
#footercollumn4 ul li a {
margin-left : 0;
margin-bottom : 20px;
margin-right : 0;
margin-top : 0;
padding : 5px;
line-height : 2em;
list-style-type : none;
text-decoration : none;
color : #333366;
font-size : 110%;
}
#footercollumn5 {
line-height : 15px;
list-style : none;
text-align : left;
font-size : 105%;
width : 15%;
margin : 0;
margin-left : 12px;
padding : 0 0 8px 0;
float : left;
display : inline;
}
#footercollumn5 ul {
margin : 0;
padding-bottom : 20px;
padding-left : 0 !important ;
list-style-type : none;
text-decoration : none;
color : #0099ff;
line-height : 165%;
}
#footercollumn5 ul li a {
margin-left : 0;
margin-bottom : 20px;
margin-right : 0;
margin-top : 0;
padding : 5px;
line-height : 2em;
list-style-type : none;
text-decoration : none;
color : #333366;
font-size : 110%;
}
#footercollumn6 {
line-height : 15px;
list-style : none;
text-align : left;
font-size : 105%;
width : 15%;
margin : 0;
margin-left : 12px;
padding : 0 0 8px 0;
float : left;
display : inline;
}
#footercollumn6 ul {
margin : 0;
padding-bottom : 20px;
padding-left : 0 !important ;
list-style-type : none;
text-decoration : none;
color : #0099ff;
line-height : 165%;
}
#footercollumn6 ul li a {
margin-left : 0;
margin-bottom : 20px;
margin-right : 0;
margin-top : 0;
padding : 5px;
line-height : 2em;
list-style-type : none;
text-decoration : none;
color : #333366;
font-size : 110%;
}
#footer2 {
clear : both;
height : 20px;
background-color : #e8f6fb;
color : #000000;
font-size : 11px;
padding : 8px;
margin : 0;
text-align : center;
}
#footer2 a {
color : #333366;
text-decoration : none;
}

/*END OF FOOTER*/

/*POOL PRODUCTS PAGE*/
#product {
padding-bottom : 10px;
margin-bottom : 10px;
}

div.img_products {
margin : 6px;
padding-top:5px;
height : auto;
width : auto;
float : left;
text-align : center;
}
div.img img_products {  padding : 0;
color : #333366;
display: inline;
}
p.gallerytext {
font-weight : bold;
line-height : 150%;
color : #333366;
padding : 20px;
}
div.desc
{
  text-align: center;
  font-weight: normal;
  width: 170px;
  margin: 4px;
}

/*END OF POOL PRODUCTS PAGE*/

/*POOL PRODUCT PAGES*/
#content2 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
    width: 217px;
}
#content3 {
    background: none repeat scroll 0 0 #FFFFFF;
    float: left;
    margin-left: 5px;
    margin-right: 5px;
    padding: 0;
    width: 672px;
}
#content4 {
background : #fff;
float : left;
width : 405px;
padding : 5px;
margin : 5px;
}

#content5 {
background : #fff;
float : right;
width : 270px;
padding : 5px;
margin : 5px;
}
#content5 p {
line-height : 150%;
color : #333366;
padding : 5px;
margin : 5px;
text-align : left;
}
#content6 {
background : #fff;
float : right;
width : 270px;
padding : 5px;
margin : 5px;
}
#content6 p {
line-height : 150%;
color : #333366;
padding : 5px;
margin : 5px;
text-align : left;
}
#content6 p {
line-height : 150%;
color : #333366;
padding : 5px;
margin : 5px;
text-align : left;
}
/*END OF POOL PRODUCT PAGES*/