@charset "utf-8";
/* CSS Document */


/*******************************************************************************

Header

 *******************************************************************************/
 
 
body {background-color:#B2C8DB; background-image: url(images/blue-linen.jpg); background-repeat: repeat; margin: 0px;  font-family: "Times New Roman", Times, serif; color: #172F57;}

.nav-background {margin: 10px auto; background-repeat: repeat; background-color: #fff; height: 50px; min-width: 1024px; border-top: thin #dedede solid; border-bottom: thin #dedede solid; }

.nav-container {width: 1024px; margin: 0 auto; z-index: 100;}

#navigation {width: 74%; position: relative; margin: 15px 13%;  list-style: none; font-size: 15pt; z-index: 100;}

#navigation li {float: left; padding: 0px 20px;}
	
#navigation li a {text-decoration: none;}
	
#navigation li a:hover {color: #B8C6D6;}

.header { width: 1024px; height: 400px; margin: 0 auto; box-shadow: 2px 2px 10px #b7b7b7; }

.fb-like {position: relative; float: right; top: -33px;}

#logo {position: relative; float: left;}

#photo {position: relative; float: right;}

#image-fader {width: 724px; height:400px;}

#image-fader img {width: 724px; height: 400px; position: absolute;}


/*******************************************************************************

Content

 *******************************************************************************/
 

.content-background {margin: 10px auto 0; background-color: #fff; background-repeat: repeat; min-height: 550px; min-width: 1024px; border-top: thin #dedede solid; border-bottom: thin #dedede solid;}

.content-background2 {margin: 0 auto 75px; background-color: #fff; background-repeat: repeat; min-height: 350px; min-width: 1024px;} 

#content {margin: 0px auto; width: 1024px; font-family: Verdana, Geneva, sans-serif; font-size: 10pt; line-height: 19pt;}
 

/*******************************************************************************

Columns

 *******************************************************************************/
 

.column-1{width: 430px; padding: 25px; float: left; border-right: thin solid #dedede;}
 
.column-2{width: 220px; padding: 25px; float: left;}
 
.column-3{width: 220px; padding: 25px; float: left;}

.column-4{width: 250px; padding: 25px; float: left; border-right: thin solid #dedede}

.column-5{width: 672px; padding: 25px; float: left;}

.column-beaches {width: 461px; padding: 25px; float: left; border-right: thin solid #dedede;}

.column-history {width: 462px; padding: 25px; float: left;}

.column-advertising {width: 290px; padding: 25px; float: left; border-right: thin solid #dedede;}

.column-sitemap {width: 45%; padding: 25px; float: left;}


/*******************************************************************************

Homepage Design Elements

 *******************************************************************************/


.home-badge {width: 490px; padding: 0 25px; float: right;} 

.ads-background {background-repeat: repeat; background-color: #e9edf7; background-repeat: repeat; height: 200px; min-width: 1024px; border-top: thin #dedede solid; border-bottom: thin #dedede solid; clear: both; }

.ads-container {margin: 0 auto; width: 1024px;}

.home-ad { width: 226px; height: 150px; margin: 25px 15px; float: right;}
 

/*******************************************************************************

Interior Design Elements

 *******************************************************************************/


.featured {height: 185px; border: thin solid #dedede; box-shadow: 2px 2px 6px #e1e1e1; margin: 0px 0px 15px; background-color: #ebeff8; clear: both;}

.featured-content {position: relative; width: 68%; padding: 5px 10px 0px; float: right;}

.featured-image {position: relative; float: left;}

.category {height: 150px; border: thin solid #dedede; box-shadow: 2px 2px 6px #e1e1e1; margin: 0px 0px 15px; background-color: #ebeff8; line-height: 25px;}

.category-content {position: relative; width: 68%; padding: 5px 10px 0px; float: right;}

.category-image {position: relative; float: left;}

.basic {border-bottom: thin solid #dedede; height: 40px; padding: 10px 0 0; text-align: center;}

.ad-space {width: 250px; height: 250px; border: thin dashed #dedede; margin: 0 0 15px; }

p.quote {font-style: italic; background-image:url(images/quotes.png); background-repeat: no-repeat; padding: 20px 0 0; border-top: thin solid #dedede;}

.push {width: 1024px; height: 100px; clear: both;}



/*******************************************************************************

Footer

 *******************************************************************************/


.footer {min-height: 160px; min-width: 1024px;}

#footer-logo {position: relative; float: left;}

#footer-links {color: #172F57; position: relative; float: right; margin: 45px 30px; }


/*******************************************************************************

Headers

 *******************************************************************************/
 
 
h1 {font-size: 18pt; font-weight: normal; font-family: "Times New Roman", Times, serif; color: #172f57; margin: 5px 0px;}

h2 {font-size: 15pt; font-weight: normal; font-family: "Times New Roman", Times, serif; color: #677631; margin: 5px 0px; padding: 0px 0px 15px; border-bottom: thin solid #dedede;}

h3 {font-size: 16pt; font-weight: normal; font-family: "Times New Roman", Times, serif; color: #172f57; margin: 0px; padding: 0px;}

h4 {font-size: 13pt; font-weight: normal; font-family: "Times New Roman", Times, serif; color: #677631; margin: 0px;}

h5 {font-size: 15pt; font-weight: normal; font-family: "Times New Roman", Times, serif; color: #677631; margin: 5px 0px; padding: 20px 0px 0px; border-top: thin solid #dedede;}


/*******************************************************************************

Links

 *******************************************************************************/
 
 
a {color: #172f57; text-decoration: none;}
	
a:hover {color: #172f57; text-decoration: underline;}

a:visited {color: #172f57; text-decoration: none;}

.services {font-size: 13pt; font-weight: normal; font-family: "Times New Roman", Times, serif; margin: 10px 0px 0px; padding: 0px 30px 0px; height: 30px; line-height: 20px; background-image: url(images/starfish.png); background-repeat: no-repeat; border-bottom: thin solid #dedede;}

.services li a {text-decoration: none; font-weight: bold;}