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

body {
	margin: 0;
	padding: 0;
	background-color: #c6c8bf;
	}
	
.clear-contentunit {clear:both; width:90%; margin:0 auto; height:.001px; border:none; background:#ffffff; color:#ffffff;}
.headerlogo {width:195px; height:80px; float: left; z-index:2; margin-left:00px; margin-top:0px;}

.right-img {
                float: right;
                padding: 1px;
                border: 1px solid #ffffff;
                background: #cccccc;
                margin-top:5px;
                margin-left: 5px;
                margin-bottom: 5px;
				margin-right: 10px;
                }
               
               
.left-img {
                float: left;
                padding: 1px;
                border: 1px solid #ffffff;
                background: #cccccc;
                margin-top:5px;
                margin-right: 5px;
                margin-bottom: 5px;
                }

#right-half {
	width: 700px;
	height: 105px;
	margin-top: 00px;
	float: right;
	}
	
#left-half {
	width: 195px;
	height: 80px;
	float: left;
	padding-left: 30px;
	padding-top: 30px;
	}
	
#container {
	width: 1000px;
	height: 100%;
	margin: 20px auto 0;
	}
	
#header {
	height: 112px;
	width: 1000px;
	background-image: url(../images/topper.jpg);
	background-repeat: no-repeat;
	}

#menu-container {
	height: 16px;
	width: 600px;
	float: right;
	margin-top: 27px;
	margin-right: 10px;
	}	
	
.menu{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	width: 100%;
	text-align: right;
}

.menu ul{
	padding: 7px 0 0px 0; /*6px should equal top padding of "ul li a" below, 7px should equal bottom padding + bottom border of "ul li a" below*/
	margin: 0;
	text-align: right;
}

.menu ul li{
	display: inline;
}

.menu ul li a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	padding: 3px 3px 0px 3px; /*top padding is 6px, bottom padding is 4px*/
	margin-right: 15px; /*spacing between each menu link*/
	text-decoration: none;
	text-align: right;
}

.menu ul li a:hover, .menu ul li a.selected{
	color: #000000;
	text-decoration: none;
}

.menu ul li a: visited{
	color: #666666;
	text-decoration: none;
}

.menu ul li a:visited:hover {
	color: #000000;
	text-decoration: none;
}

	
#location{
	width: 300px;
	height: 45px;
	float: right;
	margin-right: 30px;
	margin-top: 12px;
	clear: both;
	display: inline;
	}
	
#contact{
	margin-right: 00px;
	padding-right: 0px;
	padding-top: 0px;
	text-align: right;
	display: block;
	float: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #999999;
	display: inline;
	}
	
#body-container{
	width: 1000px;
	background-image:url(../images/container-bg.jpg);
	background-repeat: repeat;
	padding-bottom: 0px;
	margin: 0 auto 0;
	clear: both;
	
	}
	
#body-area{
	height: 100%;
	width: 1000px;
	background-image: url(../images/body-bg.jpg);
	background-repeat: no-repeat;
	padding-bottom: 60px;
	}
	
#right-hand-side{
	float: right;
	width: 740px;
	margin-right: 30px;
	display: inline;
	}
	
#left-hand-side{
	float: left;
	width: 229px;
	height: 100%;
	}
	
#left-menu{
	height: 100%;
	width: 190px;
	float: left;
	padding-left: 30px;
	}
	
#menu1 {
	height: 100%;
	width: 190px;
	float: left;
	padding-left: 27px;
	margin-top:20px;
	}
	
a.nav, a.nav:link, a.nav:visited, .chosen {
display:block; 
width:190px; 
height:25px; 
background:#ffffff; 
border-bottom:1px solid #adadad; 
text-align:left; 
text-decoration:none; 
font-family: Arial, Helvetica, sans-serif; 
font-size:12px; 
color:#adadad; 
line-height:30px; 
overflow:hidden;
margin-top:1px;
padding-left: 2px;
}

a.nav:hover {
color:#333333; 
background:#ebebe5;
}
a.nav:active, .chosen {color:#333333; background:#ebebe5;}	

#left-spacer {
	width: 100%;
	height: 20px;
	margin: 5px auto 5px;
	clear: both;
	}
	
#left-space2r {
	width: 100%;
	height: 10px;
	margin: 5px auto 5px;
	clear: both;
	}

#image-link{
	width: 190px;
	padding: 1px;
	margin-left: 26px;
	}
	
#image-link a:link img{
	padding: 1px;
	border: 1px solid #666666;
	}
	
#image-link a:hover img{
	padding: 1px;
	border: 1px solid #cccccc;
	}
#image-link a:visited img{
	padding: 1px;
	border: 1px solid #666666;
	}
	
#image-link a:visited:hover img{
	padding: 1px;
	border: 1px solid #cccccc;
	}
	
#left-title {
	height: 20px;
	width: 190px;
	margin-left: 26px;
	margin-top: 5px;
	margin-bottom: 20px;
	padding-left: 1px;
	padding-right: 1px;
	padding-bottom: 1px;
	padding-top: 4px;
	background-image:url(../images/left-link-bg.jpg);
	background-repeat: repeat;
	border: 1px solid #666666;
	text-align:center; 
	text-decoration:none; 
	font-family: Arial, Helvetica, sans-serif; 
	font-weight: bold;
	font-size:15px; 
	color:#ffffff;
	}
	
#left-title a:link{
	color: #ffffff;
	text-decoration: none;
	}
	
#left-title a:hover{
	color: #666666;
	text-decoration: none;
	}
#left-title a:visited{
	color: #ffffff;
	text-decoration: none;
	}
	
#left-title a:visited:hover{
	color: #666666;
	text-decoration: none;
	}
	
#flash{
	height: 385px;
	width: 741px;
	float: right;
	margin-bottom:2px;
	}
	
#header-image{
	height: 120px;
	width: 741px;
	float: right;
	margin-bottom: 2px;
	}
	
#selections{
	height: 30px;
	width: 741px;
	border-top: 1px solid #666633;
	border-bottom: 1px solid #666633;
	float: left;
	}
	
#selection-right{
	height: 24px;
	width: 269px;
	float: right;
	background-color: #9e826b;
	margin-left: 1px;
	float: right;
	color: #cccc99;
	text-align: right;
	padding-right: 30px;
	padding-top: 6px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	
	}
	
#selection-right a:link{
	text-decoration: none;
	color: #cccc99;
	}
	
#selection-right a:hover{
	text-decoration: none;
	color: #000000;
	}
	
#selection-right a:visited{
	text-decoration: none;
	color: #cccc99;
	}
	
#selection-right a:visited:hover{
	text-decoration: none;
	color: #000000;
	}
	
#selection-left{
	height: 24px;
	width: 410px;
	float: left;
	color: #996666;
	padding-right: 30px;
	padding-top: 6px;
	text-align: right;
	background-color: #cccc99;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 17px;
	}
	
#selection-left a:link{
	text-decoration: none;
	color: #996666;
	}
	
#selection-left a:hover{
	text-decoration: none;
	color: #000000;
	}
	
#selection-left a:visited{
	text-decoration: none;
	color: #996666;
	}
	
#selection-left a:visited:hover{
	text-decoration: none;
	color: #000000;
	}
	
#bar-image-left{
	height: 24px;
	width: 64px;
	float: left;
	margin-left: 60px;
	margin-top: 0px;
	background-image:url(../images/bar-vacation-icon.jpg);
	display: inline;
	}

#bar-image-right{
	height: 24px;
	width: 60px;
	float: left;
	margin-left: 30px;
	margin-top: 0px;
	background-image:url(../images/bar-image-right.jpg);
	display: inline;
	}

#copy{
	width: 741px;
	float: left;
	}
	
#spacer-break{
	width: 90%;
	height: 1px;
	border-bottom: 1px dotted #cccccc;
	margin: 0 auto;
	}
	

#weather{
	width: 300px;
	height: 300px;
	margin: 10px auto;
	}
	
#copy h1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #666666;
	text-align: left;
	padding-bottom: 0px;
	padding-left: 5px;
	}
	
#copy h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #666666;
	text-align: left;
	padding-bottom: 0px;
	padding-left: 5px;
	}
	
#copy ul {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	line-height: 1.5em;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
	text-indent: 2px;
	list-style-position: inside;
	list-style-type:circle;
	padding-top: 2px;
	margin-left: 0px;
	padding-left:2px;
	margin-left: 30px;
	}	
	
#copy p{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	line-height: 18pt;
	}
	
#copy p a:link{
	color: #666666;
	text-decoration: underline;
	}
	
#copy p a:hover{
	color: #333333;
	text-decoration: underline;
	}

#copy p a:visited{
	color: #666666;
	text-decoration: underline;
	}
	
#copy p a:visited:hover{
	color: #333333;
	text-decoration: underline;
	}	
	

.copy-italic{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-style: italic;
	text-align: left;
	line-height: 18pt;
	}
	
#photo-gallery{
	margin: 5px auto 0;
	width: 640px;
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	margin-bottom: 10px;
	
	}
	
#photo{
	height: 100px;
	width: 150px;
	margin-right: 10px;
	margin-bottom: 3px;
	float: left;
	display: inline;
	
	}

#photo  a:link img{
	border: 1px solid #cccccc;
	display: inline;
	}
	
#photo  a:hover img{
	border: 1px solid #333333;
	}
#photo  a:visited img{
	border: 1px solid #cccccc;
	}
	
#photo  a:visited:hover img{
	border: 1px solid #333333;
	}
	
#rate-title-full {
	margin: 5px auto 3px;
	width: 628px;
	height: 100%;
	border: 1px solid #cccccc;
	background-color: #999999;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
	clear: both;
	}
	
#rate-title-full h3{
	font-size: 16px;
	}
	
#rate-box{
	margin: 5px auto 0;
	width: 640px;
	height: 100%;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	margin-bottom: 10px;
	}
	
#rate-title{
	float: left;
	width: 180px;
	height: 25px;
	background-color: #FFFF99;
	font-weight: bold;
	text-align: center;
	padding-top:5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	}
	
#rate-title-2{
	float: left;
	width: 180px;
	background-color: #ebdede;
	text-align: center;
	padding-top:5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-top:3px;
	}
	
#rate-people{
	float: left;
	width: 80px;
	height: 25px;
	background-color: #FFFF99;
	font-weight: bold;
	text-align: center;
	padding-top:5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 5px;
	}
	
#rate-people-2{
	float: left;
	width: 80px;
	background-color: #ebdede;
	text-align: center;
	padding-top:5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 5px;
	margin-top:3px;
	}
	
#suite{
	float: left;
	width: 70px;
	height: 25px;
	background-color: #FFFF99;
	font-weight: bold;
	text-align: center;
	padding-top:5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 5px;
	}
	
#suite-2{
	float: left;
	width: 70px;
	background-color: #ebdede;
	text-align: center;
	padding-top:5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #333333;
	margin-left: 5px;
	margin-top:3px;
	}
	
.view-room{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	}
	
#rate-footer{
	margin: 5px auto 0;
	width: 628px;
	height: 100%;
	border: 1px solid #cccccc;
	padding-left: 5px;
	padding-right: 5px;
	padding-top: 5px;
	padding-bottom: 5px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	color: #666666;
	font-weight: bold;
	clear: both;
	}
	
	
#spacer{
	width: 100%;
	clear: both;
	height: 1px;
	margin-top: 5px;
	}
	
#footer {
	height: 76px;
	width: 1000px;
	background-image: url(../images/footer-bg.jpg);
	background-repeat: no-repeat;
	margin: 0 auto 0;
	}
	
#tag {
	width: 200px;
	float: right;
	padding-top:28px;
	padding-right: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999999;
	text-align: right;
	}
	
#tag a:link{
	text-decoration: none;
	color: #999999;
	}
	
#tag a:hover{
	text-decoration: none;
	color: #999999;
	}
	
#tag a:visited{
	text-decoration: none;
	color: #999999;
	}
	
#tag a:visited:hover{
	text-decoration: none;
	color: #999999;
	}
	
#copyright{
	width: 500px;
	padding-top:16px;
	padding-left: 35px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #999966;
	}
	
#copyright a:link{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663333;
	text-decoration: none;
	}
	
#copyright a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}
	
#copyright a:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #663333;
	text-decoration: none;
	}
	
#copyright a:visited:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	}