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

.clear {
	height:0;
	width:100%;
	line-height:0;
	font-size:0;
	clear:both;
}

body{
margin:0;
padding:0;
line-height: 1.5em;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

b{font-size: 110%;}
em{color: red;}

#rates-table table {
	margin-bottom:30px;
}

#maincontainer{
	width: 796px; /*Width of main container*/
	margin: 0 auto;
}
#navcaps {
	width: 400px;
	height: 11px;
	background-image: url(../images/nav_caps.png);
	bottom: 0px;
	margin-left: 181px;
}

#topsection{
	height: 126px; /*Height of top section*/
	width: 796px;
}

#topsection h1{
margin: 0;
padding-top: 15px;
}

#contentwrapper{
	float: left;
	width: 100%;
	z-index:-100;
	background-image: url(../images/main_bg.png);
}
#header img {
	padding-top: 16px;
}
#picture {
	width: 788px;
	height: 500px;
	background-image: url(../images/deck_chairs_water.jpg);
	margin: 0 auto;
}

#header {
	width: 781px;
	height: 126px;
	background-image: url(../images/header_bg-xrepeat.png);
	float: left;
}
#header_left-cap {
	width: 7px;
	height: 126px;
	float: left;
	background-image: url(../images/header_cap-left.png);
}
#header_right-cap {
	width: 8px;
	height: 126px;
	float: right;
	background-image: url(../images/header_cap-right.png);
}

#contentcolumn{
	z-index:-100;
}

#rightcolumn{
float: left;
width: 200px; /*Width of right column*/
margin-left: -200px; /*Set left margin to -(RightColumnWidth) */
background: #FDE95E;
z-index:-100;
}

#bottomsection{
	height: 126px; /*Height of top section*/
	width: 796px;
}
/*#footer{
clear: left;
width: 100%;
background: black;
color: #FFF;
text-align: center;
padding: 4px 0;
z-index:-100;
}*/
#footer {z-index:-100;
		width: 781px;
	height: 126px;
	background-image: url(../images/footer_bg-xrepeat.png);
	float: left;
}
#footer_left-cap {
	width: 7px;
	height: 126px;
	float: left;
	background-image: url(../images/footer_cap-left.png);
}
#footer_right-cap {
	width: 8px;
	height: 126px;
	float: right;
	background-image: url(../images/footer_cap-right.png);
}
#footer a{
color: #FFFF80;
}

.innertube{
/*margin: 10px;*/ /*Margins for inner DIV inside each column (to
provide padding)*/
/*margin-top: 0;*/ margin: 0 10px;
}

#content_over {
width:780px;
height:200px;
background:#00CCFF;
position:absolute;
margin:auto;
z-index:100;
display:block;
}

/*      .black_overlay{
          display: none;
          position: absolute;
          top: 0%;
          left: 0%;
          width: 100%;
          height: 100%;
          background-color: black;
          z-index:1001;
          -moz-opacity: 0.8;
          opacity:.80;
          filter: alpha(opacity=80);
      }
 */      
      .white_content {
	display: block;
	position: absolute;
	top: 200px;
	left: 50%;
	width: 750px;
	margin-left:-370px;
	height:auto;
	background:transparent;
	z-index:1002;
	overflow:visible;
      }
	  
	  #contentdiv_top {
	 		width:750px;
			height:18px;
			background-image:url(../images/contentdiv_bg-top.png);
			}
		#contentdiv_main {
			width:750px;
			height:100%;
			background-image:url(../images/contentdiv_bg-yrepeat.png);
			background-repeat:repeat-y;
			}
			
	
	  
	  


#left-column {
	float:left;
	width:50%;
	margin-left:15px;
	padding-left:20px;
	min-height: 525px;
}

#right-column {
float:right;
margin-right:15px;
}

#fullwidth-column {
	float:left;
	width:100%;
	margin-left:15px;
	padding-left:20px;
	padding-right:20px;
	min-height: 525px;
}

/* Body Copy Formatting */

.bodycopy {
font-size:12px;
line-height:14px;
color:#333333;
}

#left-column img {
	margin-left:-20px;
	}
	
.thumbnail {
	 padding:15px;
	 padding-left:50px;
	 
	 }

#content a:link, a:visited {
	color:#d6c595;
	text-decoration:none;
	font-size:12px;
	}
	
#content a:hover {
	color:#333333;
	}
	
#left-column a:link, a:visited {
	color:#d6c595;
	text-decoration:none;
	font-size:12px;
	}
	
#left-column a:hover {
	color:#333333;
	}
	
#right-column a:link, a:visited {
	color:#d6c595;
	text-decoration:none;
	font-size:12px;
	}
	
#right-column a:hover {
	color:#333333;
	}
/* ____________________________ Navbar ____________________________ */
/* ................................................................ */

#nav {
	width: 400px;
	height: 29px;
	margin: 0 auto;
	border-top: 1px solid black;
}


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

#nav li.home, .houses, .rates, .contact {
	float:right;
	text-indent:-7000px;
	background:no-repeat;
}

	
					/* -------------- Links -------------- */

					/* -------------- Home -------------- */

						#nav li.home a:link, #nav li.home a:visited {
							display:block;
							width:100px;
							height:29px;
							background:url(../images/nav/home.png)
							}

						#nav li.home a:hover {
							display:block;
							width:100px;
							height:29px;
							background:url(../images/nav/home_over.png);
							}

				
					/* -------------- Houses -------------- */

						#nav li.houses a:link, #nav li.houses a:visited {
							display:block;
							width:100px;
							height:29px;
							background:url(../images/nav/houses.png)
							}

						#nav li.houses a:hover {
							display:block;
							width:100px;
							height:29px;
							background:url(../images/nav/houses_over.png);
							}
						
					/* -------------- Rates -------------- */

						#nav li.rates a:link, #nav li.rates a:visited {
							display:block;
							width:100px;
							height:29px;
							background:url(../images/nav/rates.png)
							}

						#nav li.rates a:hover {
							display:block;
							width:100px;
							height:29px;
							background:url(../images/nav/rates_over.png);
							}
							
					/* -------------- Contact -------------- */
						
						#nav li.contact a:link, #nav li.contact a:visited {
							display:block;
							width:100px;
							height:29px;
							background:url(../images/nav/contact.png)
							}

						#nav li.contact a:hover {
							display:block;
							width:100px;
							height:29px;
							background:url(../images/nav/contact_over.png);
							}
						
/* .................................................................... */					
/* ____________________________ End Navbar ____________________________ */
#preloader {
	display:none;
	}
	
	
#rates-table table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
	}
	
#rates-table hr {
	text-align:left;
	}