

*{
	padding:0;
	margin:0;
}

img
{  border-style: none;
	padding:0;
	margin:0;
}

#center{
	float:left;
	margin-left:160px;
	color:#937a69;
}

#clear{
	 clear:both;
	 height: 0;
 	 margin: 0;
 	 padding: 0;
 	 line-height: 0;
 	 font-size: 1px;
}

a{
	text-decoration:none;
}

html, body, ul, li {
	list-style: none;
	background-color:#ffffff;
}

body {
	text-align: center;
}

body {
	text-align: -moz-center;
}

#wrapper {
	width: 780px;
}

#main {
	width:750px;
	float:left;
	background-color:#d9c7bb;
}

#header{
	width:750px;
	height:97px;
	background-color:#e7dad1;
	border-bottom:1px solid #ad9688;
}


#flash-header {
	width: 750px;
	float:left;
	height:298px;
}

#booking-header {
	width: 750px;
	float: left;
	height: 50px;
}

#booking{
	font: bold 12px Verdana;
	color: #000000;
	
}

p{
	color:#937a69;
	text-align:justify;
}


.hotel-links {
	font:bold 10px Verdana;
	text-align:center;
}


#body-left {
	float: left;
	width: 158px;
	border-top:1px solid #c0a08b;
}

#hotel-links{
	margin-top:15px;
	margin-left:14px;
	margin-right:13px;
	padding-bottom:15px;
	background-color:#e7dad1;
	border:1px solid #c7b2a5;
}

.casa-de-la-rosa{
	margin-top:15px;
}

#body-right {
	float: left;
	width:579px;
	background-color:#fff5ee;
	border-top:1px solid #c0a08b;
	padding-top:15pt;
	padding-left:12px;
	border-left:1px solid #c0a08b;
	padding-bottom:10pt;
}	
	
#vertical-border{
	float:left;
	width: 294px;
	border-right:1px dotted #c0a08b;
}

#passadena-intro{
	float:left;	
	width: 310px;
	height:570px;
	background-color:#fffcf9;
	border:1px solid #e2d4cb;
	border-right:none;
}

#passadena-content{
	float:left;	
	width:564px;
	background-color:#fffcf9;
	border:1px solid #e2d4cb;
	margin-bottom:10px;
}

#passadena-content-last{
	float:left;	
	width:564px;
	background-color:#fffcf9;
	border:1px solid #e2d4cb;
}

#passadena-main-pic{
	margin-top:15px;
}

.text-header{
	font-weight:bold;
	font-size:11px;
}

#intro-header{
	margin-top:15px;
}

#intro-text{
	font: 11px Verdana;
	padding:15px 20px 15px 20px;
	margin-left:12px;
	margin-right:12px;
	background-color:#FFFFFF;
	border:1px solid #e2d4cb;
}

#content-box{
	font: 11px Verdana;
	margin-top:10pt; 
	margin-left:10px;
	float:left;
	padding-bottom:10px;

}

#content-pic{
	float:left;	
}

#content-text{
	background-color:#ffffff;
	border:1px solid #e2d4cb;
	padding:15pt;
	float:left;
	width:260pt;
	margin-left:6px;
}

#content-text2{
	font: 11px Verdana;
	float:left;
	padding:18px 18px 18px 18px;
	width:500px;
	background-color:#ffffff;
	border:1px solid #e2d4cb;
}

#horizontal-border{
	border-bottom:1px dotted #c0a08b;
	padding-top:15px;
	padding-bottom:7px;
}


#passadena-pics{
	float:left;	
	width:255px;
	height:570px;
	background-color:#fffcf9;
	border-left:1px dotted #c0a08b;
	border-right:1px solid #e2d4cb;
	border-top:1px solid #e2d4cb;
	border-bottom:1px solid #e2d4cb;
}

#last-pic{
	padding-top:12px;
	padding-bottom:7px;
}


<!--dropdown menu--!>

#menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	border-color:#d9c7bb;
}

.home{
	background-image: url('images/home.gif');
}

.home:hover {
	background-image: url('images/home_select.jpg');
}

.dining{
	background-image: url('images/dining.gif');
}

.dining:hover {
	background-image: url('images/dining_select.jpg');
}

.facilities{
	background-image: url('images/facilities.gif');
}

.facilities:hover {
	background-image: url('images/facilities_select.jpg');
}

.cameron-highlands{
	background-image: url('images/cameron_highlands.gif');
}

.cameron-highlands:hover {
	background-image: url('images/cameron_highlands_select.jpg');
}

.getting-there{
	background-image: url('images/getting_there.gif');
}

.getting-there:hover {
	background-image: url('images/getting_there_select.jpg');
}

.rooms-rates{
	background-image: url('images/rooms_rates.gif');
}

.rooms-rates:hover {
	background-image: url('images/rooms_rates_select.jpg');
}

.reservation{
	background-image: url('images/reservation.gif');
}

.reservation:hover {
	background-image: url('images/reservation_select.jpg');
}

.gallery{
	background-image: url('images/gallery.gif');
}

.gallery:hover {
	background-image: url('images/gallery_select.jpg');
}

.contact-us{
	background-image: url('images/contact_us.gif');
}

.contact-us:hover {
	background-image: url('images/contact_us_select.jpg');
}

.feedback-inquiries{
	background-image: url('images/feedback_inquiries.gif');
}

.feedback-inquiries:hover {
	background-image: url('images/feedback_inquiries_select.jpg');
}

.packages{
	background-image: url('images/packages.gif');
}

.packages:hover {
	background-image: url('images/packages_select.jpg');
}

#menu a:hover{
	color:#c43a36;
}

#menu a {
	color: #937a69;
	display: block;
	background-color:#fdfcfb;
	text-decoration: none;
	height:22px;
}

#menu li {
	position: relative; 
}

.last{
	border-bottom: solid 1px #d9c7bb;
}

#menu li li a {
	font:bold 65% Verdana;
	border-top: solid 1px #d9c7bb;
	border-right: solid 1px #d9c7bb;
	height:100%;
	vertical-align:bottom;
	padding:4px 0px 4px 0px;
}

#menu ul ul ul {
	position: absolute;
	top: 0;
	left:100%;
	width:100%;
}

div#menu ul ul ul,
div#menu ul ul li:hover ul ul
{display: none;}


div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul
{display: block;}

#shadow-left {
	float:left;	
	width:10px;
	height:1125px;
	background-image: url('images/shadow_left.jpg'); background-repeat: repeat-y; 
}

#shadow-right {
	float:left;
	width:10px;	
	height:1125px;
	background-image: url('images/shadow_right.jpg'); background-repeat: repeat-y; 
}

