html, body, form {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
	background: #0677e3
                url(/images/common/background.jpg)
                center top
                no-repeat;
	text-align: center;
}

td {
	font-family: Arial, Helvetica, Sans-serif;
	font-size: 12px;
}

.hidden {
	display: none;
}

#wrapper {
	margin: auto;
	text-align: left;
	width: 960px;

}

/* Header
------------------------------------------------- */

#header {
	height: 86px;
}

#header h1 {
	margin: 0;
	padding: 0;
	font-size: 24px;
	font-weight: normal;
	color: #fff;
}

#header h1 a {
	color: #fff;
}

#header h1 img {
	border: 0 none;
	display: block;
}

/* Main Navigation
---------------------------------------------------------- */

#main-nav {
    padding: 17px 0 0 20px;
	background: transparent
	            url(/images/nav/nav_bg.jpg)
	            no-repeat; 
	height: 40px;
}

#main-nav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#main-nav li {
	float: left;
}

#main-nav li a {
	float: left;
	font-size: 16px;
	font-weight: bold;
	text-decoration: none;
	color: #fff;
    margin: 0 14px;
}

#main-nav li a:hover {
   color: #46b3e8;
}

.home #main-nav li.navHome a,
.about #main-nav li.navAbout a,
.why #main-nav li.navWhyBarrierReef a,
.swimmingpools #main-nav li.navSwimmingPools a,
.swimmingpools-detail #main-nav li.navSwimmingPools a,
.accessories #main-nav li.navAccessories a,
.warranty #main-nav li.navWarranty a,
.contact #main-nav li.navContact a {
    color: #46b3e8;
}


/* Subnav
------------------------------------------------- */

.subnav {
    width: 250px;
    list-style-type: none;
    padding: 0;
    margin: 0;

    }
    
.subnav li.title {
    font-size: 14px;
    color: #fff;
    padding-left: 10px;
    padding-top: 10px;
    padding-bottom: 10px;
    border: 0 none;
    background: transparent
                url(/images/nav/sub-nav-title_bg.png)
                no-repeat;
                }

.subnav li {
    margin-bottom: 2px;
    border: 1px solid #fff;
    }                
    
#content-wrapper .subnav li a {
    color: #454545;
    display: block;
    text-decoration: none;
    padding: 5px;
    border: 1px solid #ccc;
    background-color: #fff;
    }

#content-wrapper .subnav li a:hover {

    background-color: #ddd;
    }

/* Floats
------------------------------------------------- */

.home #sidebar-a {
	float: right;
	width: 335px;
	background: transparent 
	            url(/images/common/padding-top_bg.png)
	            100% 0
	            no-repeat;
	            }

#sidebar-a {
    width: 280px;
    float: left;
    background: transparent
	            url(/images/common/internal-padding-top_bg.png)
	            no-repeat;
    }


/* Sidebar A
------------------------------------------------- */

#content-wrapper #sidebar-a .padding {
	padding: 10px;
	background: none;
}

.home #content-wrapper #sidebar-a .padding {
    background: none;
    padding-right: 10px;
    }
    

/* Content
------------------------------------------------- */

#content-wrapper {
    padding: 35px 0 0 0;
    float: none;
    clear: both;
	background: transparent
                url(/images/common/internal-page_top.png)
                no-repeat;
}

.content-internal {
    background: transparent
	            url(/images/common/internal-padding-top_bg.png)
	            no-repeat;
}

#content-wrapper .content-internal .padding {
    padding: 10px;
}

.home .content-internal {
    background: none;
    }


#content-wrapper .padding {
    color: #404040;
    line-height: 18px;
    padding: 10px 20px 20px 20px;
	background: transparent
	            url(/images/common/internal-padding-top_bg.png)
	            no-repeat;
}

.home #content-wrapper .padding {
    padding-right: 365px;
    padding-left: 0px;
    } 

#content-wrapper h2 {
	margin: 0;
	padding: 0;
	margin-bottom: 20px;
	margin-top: 12px;
	font-size: 22px;
	font-weight: normal;
	color: #404040;
}

.home #content-wrapper h2 {
    margin: 0;
    margin-bottom: 20px;
	font-size: 28px;

}

#content-wrapper p {
	margin: 0;
	padding-right: 30px;
	margin-bottom: 1em;
}

#content-wrapper a {
	color: #005FA8;
}

#content-wrapper a:hover {
	text-decoration: none;
}


.home .content-wrapper-padding {
    padding: 0 20px;
    background: transparent
	            url(/images/common/content_bg.png)
	            no-repeat;
                }

.content-wrapper-padding {
    padding: 0 20px;
    background: transparent
	            url(/images/common/content-internal_bg.png)
	            no-repeat;
                }

/* Forms
------------------------------------------------- */

.validation,
.important {
	display: block;
	border: 2px solid #F00;
	padding: 10px;
	color: #F00;
	margin-bottom: 10px;
	width: 525px;
}

.success {
	display: block;
	background: #eefcd4;
	border: 1px solid #8fcd23;
	padding: 10px;
	margin-bottom: 15px;
}

.note {
	display: block;
	background: #fdffe5;
	border: 1px solid #ced1a5;
	padding: 10px;
	margin-bottom: 10px;
}

.table {
	border-collapse: collapse;

	margin-bottom: 15px;
}

.table td {

	padding: 5px 10px;
}

.table .thead td {
	background: #0d507a;
	font-size: 18px;
	color: #fff;
	font-family: Georgia, Serif;
}

.textbox {
	width: 250px;
	font-family: Arial;
	font-size: 12px;
	padding: 2px;
}

.textarea {
	width: 250px;
	height: 120px;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
}

.select {
    font-family: Arial;
    font-size: 12px;
    }

/* Homepage
---------------------------------------------------------- */

#statement-wrapper {
    height: 61px;
    }

.statement {
    float: left;
    height: 61px;
	height: 0px !important;
	height /**/:61; /* IE 5/Win hack */
	padding-top: 61px;
	margin: 3px 0 5px 46px;
	overflow: hidden;
	display: block;
	background: transparent
	            url(/images/home/statement.png)
	            no-repeat;
    }
    
.home #content-wrapper {
    float: none;
    padding: 0;
    clear: both;
    background: transparent
	            url(/images/common/content_bg.jpg)
	            no-repeat;
    }
     
.home #content {
    float: left;
    width: 585px;
}

#content {
    float: right;
    width: 640px;
    }
    
.home #content-wrapper .padding img {
    float: left;
    border: 4px solid #ccc;
    margin-right: 20px;
    }
    
    
.home #content-wrapper .padding {
    padding: 20px 20px;
    
	background-image: url(/images/common/padding-top_bg.png);
}


    
#featured {
    clear: both;
    overflow: hidden;
    padding: 27px 35px;
    height: 250px;
    background: #fff
                url(/images/common/content-top_bg.png)
                no-repeat;
                }
                          
#featured .right {
    width: 431px;
    height: 268px;
    float: right;
    }

#featured .left {
    width: 431px;
    height: 268px;
    float: left;
    }
    
#featured a {
    color: #fff;
    font-size: 12px;
    margin-top: 3px;
    float: right;
    }
    
#featured a:hover {
    text-decoration: none;
    }
    
#featured span {
    font-size: 18px;
    color: #fff;
    display: block;
    width: 385px;
    position: absolute;
    padding: 10px 20px;
    margin: 223px 0 0 3px;
    background: transparent
                url(/images/home/featured/title_bg.png)
                no-repeat;
    }
    
/* SideBar Containers
------------------------------------------------- */

.sidebar-internal {
    margin-top: 20px;
    clear: left;
    }


.sidebar-internal h4 {
    font-size: 16px;
    margin: 0;
    padding: 6px 10px 10px 45px;
    background: transparent
                no-repeat;
    }
    
.sidebar-internal h4.finance {
    background-image: url(/images/home/finance-icon.png);
    }
             

.sidebar-internal h4.other {
    background-image: url(/images/home/other-icon.png);
    }        


    
/* Buttons
------------------------------------------------- */

#content-wrapper .find-an-agent a {
    font-size: 18px;
    color: #fff;
    padding: 15px 35px 15px 65px;
    display: block;
    text-decoration: none;
    background: transparent
                url(/images/buttons/agent-btn_bg.png)
                no-repeat;          
}

#content-wrapper .find-an-agent a:hover {
    background-position: 0 -47px;
    }
    
    
#content-wrapper .international-enquiries a {
    font-size: 12px;
    color: #000;
    padding: 6px 15px 7px 35px;
    display: block;
    text-decoration: none;
    background: transparent
                url(/images/buttons/international-btn_bg.png)
                no-repeat;          
}

#content-wrapper .international-enquiries a:hover {
    text-decoration: underline;
    background-position: 0 -31px;
    }
    
/* Accreditations
------------------------------------------------- */

.accreditations {
    clear: both;
    overflow: hidden;
    height: 65px;
    text-align: center;
    behavior: url(/iepngfix.htc);
    background: transparent
                url(/images/common/accreditations_bg.png)
                no-repeat;
                }

.accreditations img {
    padding-top: 12px;
    margin-right: 65px;
    }
    
.accreditations img.last {
    margin-right: 0;
    }


/* Swimming Pool Selection Page
------------------------------------------------- */

.swimmingpools #sidebar-a,
.agent #sidebar-a {
    display: none;
    }
    
.swimmingpools #content-wrapper .padding,
.agent #content-wrapper .padding {
    color: #404040;
    line-height: 18px;
    padding: 10px 20px 20px 20px;
	background: transparent
	            url(/images/common/internal-padding-top_bg.png)
	            no-repeat;
}

.swimming-pool-grid,
.agent-template {
    float: left;
    background: transparent
                url(/images/swimmingpools/swimming-pool-grid_bg.png)
                no-repeat;
                }
                
.swimmingpools #content-wrapper .swimming-pool-grid .padding,
.agent #content-wrapper .agent-template .padding {
    width: 877px;
    background: transparent
                url(/images/swimmingpools/swimming-pool-grid_cap.png)
                0 100%
                no-repeat;
}

.swimmingpools #content,
.agent #content {
    float: left;
    width: 920px;
    }
    
/* Vadmin Styles
------------------------------------------------- */

.heading1 {
    font-size: 40px;
    font-weight: bold;
    color: #1e609a;
    display: block;
    line-height: 43px;
    }

.heading2 {
    font-size: 22px;
    font-weight: bold;
    font-style: italic;
    color: #1e609a;
    display: block;
    }

.heading3 {
    font-size: 18px;
    color: #1e609a;
    line-height: 22px;
    }
    
.heading3 a {
    color: #4c9fe8;
    text-decoration: underline;
    }

.heading3 a:hover {
    text-decoration: none;
    }
    
.content1 {
    font-size: 18px;
    color: #1e609a;
    line-height: 24px;
    display: block;
    padding-bottom: 10px;
}

.content2 {
    display: block;
    }
    
.testimonial {
    margin-top: 20px;
    background: transparent
                url(/images/snippets/testimonial_top.png)
                no-repeat;
                }
                
.testimonial .description {
    padding: 15px;
    }
    
.author {
    font-family: Georgia;
    font-weight: bold;
    font-style: italic;
    }

/* Footer
------------------------------------------------- */

#footer {
	clear: both;
    color: #fff;
	font-size: 11px;
	font-family: Tahoma;
	border-top: 10px solid #1e609a;
	background: #022342;
}

#footer .padding {
    padding: 20px;
    background: transparent
                url(/images/common/footer_cap.png)
                0 100%
                no-repeat;
                }

#footer .padding ul {
    font-family: Arial;
    font-size: 12px;
    color: #c2c2c2;


    float: left;
    list-style-type: none;
    margin: 0;
    padding: 0;
    margin-right: 20px;
    }
    
#footer .padding ul .title {
    text-transform: uppercase;
    padding: 0;
    background: none;
    }

#footer .padding ul li {
	font-family: Tahoma;
	font-size: 11px;
	margin: 0;
	padding: 0;
	padding-left: 18px;
	margin-bottom: 5px;
	list-style-type: none;
	background: transparent
				url(/images/footer/arrow.png)
				5px 5px no-repeat;
}

#footer .padding ul li a {
    color: #c2c2c2;
}

#footer .padding ul li a:hover {
    text-decoration: none;
    }

#footer .padding .multi-column {
    width: 260px;
    float: left;
    }
    
#footer .padding .multi-column ul .title {
    float: none;
    width: 140px;
    }
    
#footer .padding .multi-column ul li {
    width: 100px;
    float: left;
    }
    
#creds {
    font-family: Tahoma;
    font-size: 11px;
    color: #fff;
    margin: 20px 0;
    }

#creds a {
    font-size: 11px;
    font-family: Tahoma;
    color: #fff;
    text-decoration: none;
    }
    
#creds .enlighten {
    float: right;
    }