/* css development by maramade productions http://www.maramade.com */

html { min-height: 100%; margin-bottom: 1px; }


body {
background: #D7C6A2 url(images/topbg.jpg) repeat-x;
margin:0 auto;
padding:0;
font:76% Verdana, Arial,Tahoma,sans-serif;
color:#0A3542;
}

#bigbg{
margin:0 auto;
padding:0;
width:1000px;
height:800px;
background-image:url(images/beachbg.jpg);
background-repeat:no-repeat;
background-position:top center;
}

#wrap{
margin:0 auto;
padding:0;
width:800px;
height:800px;
}


#banner{
width:800px;
height:145px;
position:relative;
}

#banner a.homelink { 
width: 550px;
height: 125px; 
position: absolute;
text-decoration:none;
top: 20px;
left:125px;
display:block;
}

#banner a.homelink i{
visibility:hidden;
} 

#contentwrap{
width:800px;
background-color:#F3EBDF;
background-image:url(images/contentback.jpg);
background-repeat:no-repeat;
background-position:top;
color:#0A3542;
margin:0;
padding:0;
display:inline-block;
}

#leftcol{
float:left;
width:293px;
}

#leftcol p{
line-height:1.3em;
padding-left:10px;
font-size:14px;
}


#menu{
margin-top:20px;
}


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

#menu li{
border-top: 1px solid #A59C74;
display:block;
}

.home{
background-image:url(images/homeicon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
z-index:100;
}

.bayside{
background-image:url(images/baysideicon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
z-index:100;
}

.seashore{
background-image:url(images/seashoreicon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
z-index:100;
}

.wudaview{
background-image:url(images/wudaviewicon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
z-index:100;
}

.rental{
background-image:url(images/rentalicon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
z-index:100;
}

.map{
background-image:url(images/mapicon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
z-index:100;
}

.lbi{
background-image:url(images/attracticon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
z-index:100;
}

.contact{
background-image:url(images/contacticon.jpg);
background-repeat: no-repeat;
background-position: 0 50%;
z-index:100;
}

#menu a, #menu a:link, #menu a:visited, #menu a:active{
display:block;
background-color:transparent;
color:#8E4130;
font-family:"Times New Roman", Times, serif;
font-size:15px;
text-decoration:none;
font-weight:bold;
padding: 10px 0 10px 40px;
}

#menu a:hover{
background-color:#ADB0A4;
color:#8E4130;
}




#content{
margin-left:300px;
margin-right:10px;
/* margin-top:20px; */
padding:10px;
}

#content p{
color:#000;
background-color:transparent;
line-height:1.3em;
}

#content a, #content a:link, #content a:visited, #content a:visited{
background-color:transparent;
color:#8E4130;
text-decoration:underline;
}

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

#content li{
padding-bottom:5px;
}

/* #content li{
padding-bottom:5px;
} */

#slideshow{
margin-left:308px;
background-image:url(images/slidebg.jpg);
width:487px;
height:335px;
background-repeat:no-repeat;
position:relative;
}

#slides{
width:425px;
height:280px;
left:33px;
top: 24px;
position:absolute;
}


h1{
background-color:transparent;
color:#8E4130;
font-family:"Times New Roman", Times, serif;
font-size:20px;
font-weight:900;
margin-top:0;
padding-top:0;

}

.nofloat{
padding:1px;
display:inline;
background:#ccc;
color:#333;
border:1px solid #303030;
}

.left {
margin:4px 10px 4px 0;
float:left;
padding:1px;
display:inline;
background:#ccc;
color:#333;
border:1px solid #303030;
}

.right {
margin:4px 0 4px 10px;
float:right;
padding:1px;
display:inline;
background:#ccc;
color:#333;
border:1px solid #303030;
}


.rightslide {
margin:4px 0 4px 10px;
float:right;
}

.floatright{
float: right;
margin:4px 0 4px 10px;
clear: right;
padding:1px;
display:inline;
background:#ccc;
color:#333;
border:1px solid #303030;
}

#footer {
margin:0 auto;
clear:both;
padding:15px 0;
width:800px;
text-align:center;
color:#0A3542;
background:transparent;
font-size:.8em;
}

#footer p {
margin:0;
padding:0;
}

#footer a, #footer a:link, #footer a:visited, #footer a:active  { 
background-color:transparent;
color:#8E4130;
text-decoration:underline;

}

#footer a:hover {
text-decoration:none;
}