body {
	font-family: Arial, Helvetica, san serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	background:url(images/backgrd-tile.jpg) top center repeat-x #FFFFFF;
	position: relative;
	margin: 0 auto;
	} 

/* ======================================================== MAIN BODY CONTAINING ELEMENT ========================================================*/

/*#outer-wrap {
	width:904px;
	height:auto;
	margin: 0 auto; padding: 0px;
	position: relative;
	background:url(images/flower-bckgrd.jpg) no-repeat top center;
	}*/


#wrap { /*--- HOLDS DROP SHADOW---*/
	width: 904px;
	height: auto;
	margin: 0 auto;
	position: relative;
	background:url(images/drop-shadow-tile.png) top center repeat-y;
	behavior: url(iepngfix.htc);
	}
	
	
 
	
#container { /*--- HOLDS TILEABLE BODY --*/
	width: 890px;
	height: auto; /*--- change to auto ---*/
	margin: 0 auto;
	position: relative;
	/*background-color:#FFFFFF;
	background:url(images/body-tile.jpg) top center repeat-y;*/
	}


#header {
	width:890px;
	height:108px;
	background: url(images/header-img.jpg) no-repeat;
	}
	
#logo {
	width:221px;
	height: 106px;
	margin-left:14px;
	}

#banner {
	width: 890px;
	height: 283px;
	background: url(images/banner-placeholder.jpg) no-repeat;
	}

#banner-navigation {
	float:left;
	width: 228px;
	height:283px;
	margin-left:12px;
	display:inline;
	}

#banner-pic {
	width: 392px;
	height:283px;
	float: left;
	margin-left:12px;
	display:inline;
	}
	
#banner-reservation {
	width:237px;
	height:283px;
	float:right;
	margin-right:9px;
	}


	
#banner-base {
	width: 890px; 
	height: 22px; 
	background: url(images/banner-base.gif) no-repeat;}
	
/*#navigation {
	float:right;
	position: relative;
	width: 354px;
	height:271px;
	background: url(images/nav-tile-bckgrd.jpg) repeat-y ;
	}*/
	
#content-container {
	width: 862px;
	height: auto; /*--- change to auto ---*/
	background: url(images/reservation-tile.jpg) repeat-x ;
	margin-left: 9px;
	}

#offset-body {
	width: 880px;
	height: auto;
	margin-left:10px;
	background-color:#FFFFFF;/**/
	}

#left {
	float:left;
	width:600px;
	height:auto;
	padding-bottom: 15px;
	display:inline;
	}
	
/*#reservations {
	width: 600px;
	height:37px;
	}*/

#text {
	width:420px;
	height: auto;
	padding: 30px 0px 15px 75px;
	}
	
#right {
	float:right;
	margin-right: 9px;
	width: 237px;
	height:490px;
	background: url(images/right-col-tile.jpg) repeat-x #FFFFFF;
	color: #666666;
	display:inline;
	font-size: 11px;
	font-style: normal;
	font-weight: normal;
	}
	
#ownersright {
	padding-top:20px;
	font-family: Arial, Helvetica, san serif;
	font-size: 12px;
	font-style: normal;
	font-weight: normal;
	color: #333333;
	text-align:left;
	}
		
#photos-lb {
	width: 200px;
	height:auto;
	margin: 0 auto;
	text-align:center;
	padding-top: 8px;
	}

#photos-lb img{
	border: 5px solid #d6f0f6;
	}
	
.clearer{
	clear:both;
	margin:0px;
	}

#ssp {width:412px; height:335px; z-index:1;}

#footer {
	font-size: 11px;
	width: 880px;
	height:80px;
	position: relative;
	margin: 0 auto;
	clear:both;
	/*background:url(images/footer-dropshdw.jpg) no-repeat top left #FFFFFF;*/
	color: #a7a8a8;
	text-align:center;
	/*padding: 33px 0px 15px 0px;*/
	}


/*======================================================== NAVIGATION CONTROLS ======================================================== */

/* === Basic links ===*/
a:link {
	text-decoration: underline;
	color: #007db9;
}

a:hover {  
	color: #fe8405; 
	text-decoration: none;
}

a:active {  
	color: #fe8405; 
	text-decoration: underline;
}

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


.owners-area a {font-size:14px;}

.owners-area a:link, .owners-area a:visited {text-decoration: underline; color: #007db9;}

.owners-area a:hover, .owners-area a:active {text-decoration: none; color: #fe8405;}



/*=== Footer ===*/
#footer a {font-weight: bold;}

#footer a:link {
	color: #a7a8a8;
	text-decoration: none;
}

#footer a:hover {  
 	color: #fe8405; 
	text-decoration: underline;
}

#footer a:active {  
	color: #333333; 
	text-decoration: underline;
}

#footer a:visited {
	color: #a7a8a8;
	text-decoration: none;
}


/*======================================================== TEXT STYLES ======================================================== */

h1 {
	font-family:"Times New Roman", Times, serif;
	font-size: 23px;
	font-style: normal;
	font-weight:200;
	color: #2b93da;
	font-style:italic;
}

h2, h3, h4, h5 {
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #000000;
}

.red {
	font-weight: bold;
	color:#ff0000; font-size:12px;
}

.basic-bold {
	font-weight: bold;
}

.basic-bold-enlarge {
	font-weight: bold;
	font-size:14px;
}

.basic-italic {
	font-style:italic;
}

.subtext {
	color: #999999;
	font-size:10px;
	text-transform: uppercase;
}

.rightinstruct {
	color: #39879C;
	font-size:10px;
	text-transform: uppercase;
}


.gray-outline {
border: solid 1px #666666;
}

.owners-area { width:300px; height: auto; padding:3px 3px 5px 15px; border: solid 1px #D6C192; background-color:#f5f2df;}

/*======================================================== LINK STYLES ======================================================== */



/*======================================================== FORM STYLES ======================================================== */
#typein { }

#typein input
        {
        color: #000033;
        background-color: #A4C0E6;
        padding: 2px;
        border: solid 1px #666666;
		}