@import url("promo.css");
@import url("table.css");

body{
	background:url(../images/bg.jpg) repeat-x;
	}
	
#wrapper{
	width: 1000px;
	height: auto;
	margin: 0 auto 0 auto;
	}
	
#left{
	width: 250px;
	height: auto;
	float:left;
	}
	
#right{
	width: 750px;
	height: auto;
	float:right;
	}
	
#logo{
	width:150px;
	margin: 0 auto;
	}

#slider{
	width:960px;
	height:95px;
	margin: 20px auto ;
	background:url(../images/slider.png) repeat-x;
	}
	
#slider-pic{
	width:140px;
	height:75px;
	margin: 10px 1px ;
	background:url(../images/slider.png);
	float:left;
	}	
	
#al{
	background-image: url(../images/arrow-l.jpg);
	width: 30px;
	height: 95px;
	margin: 0 auto 0 auto;
	float: left;
	}
	
#ar{
	background-image: url(../images/arrow-r.jpg);
	width: 30px;
	height: 95px;
	margin: 0 auto 0 auto;
	float: right;
	}
	
#tagline{
	width:300px;
	float:right;
	}
	
#tagline p{
	font:"Times New Roman", Times, serif;
	color:#83612b;
	font-size:12px;
	text-align: right;
	padding:0px 5px;
	}
	
#pic-l{
	width:465px;
	height: 200px;
	float:left;
	padding:0;
	}
	
#pic-r{
	width:248px;
	float:right;
	margin:0 auto;
	padding:0;
	}
	
#menu{
	width: auto;
	height: auto;
	margin: 15px 10px 0 0;
}

#btn{
	width: 214px;
	height: 48px;
	float:right;
	margin: 1px auto 0 auto;
}

#content{
	width:980px;
	height:auto;
	padding: 5px;
	}

#contact-l{
	width:200px;
	height: auto;
	float:left;
	padding:0 0 0 20px;
	}
	
#contact-r{
	width:160px;
	height: auto;
	float:right;
	padding:0px 10px 0 10px;
	margin: -50px 0 0 0;
	}

#content-l{
	width:500px;
	height: 320px;
	float:left;
	padding:20px 20px;
	}

#content-x{
	width:900px;
	height: 320px;
	float:left;
	padding:20px 20px;
	}
	
#content-reservation{
	width:450px;
	height: 320px;
	float:left;
	padding:10px 20px 20px 20px;
	}
	
#reservation-r{
	width:460px;
	float:right;
	margin:0 auto;
	padding:10px 10px;
	}
	
#form-r{
	width:460px;
	float:right;
	margin:0 auto;
	padding:30px 10px;
	}
	
#content-r{
	width:400px;
	float:right;
	margin:0 auto;
	padding:10px 10px;
	}
	
#calender{
	width:50px;
	height: auto;
	margin: -10px 0 0 0;
	}
	
#room-l{
	width:500px;
	height: 320px;
	float:left;
	padding:0px 10px;
	}
	
#room-r{
	width:380px;
	float:right;
	margin:0 auto;
	padding:10px 10px;
	}
	
#content-gallery{
	width:940px;
	height: 320px;
	float:left;
	padding:20px 20px;
	}
	
#content-room{
	width:940px;
	height:380px;
	float:left;
	padding: 5px 0px 5px 5px;
	}
	
#footer{
	width:1000px;
	height:auto;
	margin: 20px 110px 0 0;
	padding: 0 20px;
	}

#footertext{
	width:500px;
	height:12px;
	float:right;
	margin: -5px 30px 0 0;
	text-align:right;
	}

#footertext p{
	font:"Times New Roman", Times, serif;
	color:#CCC;
	font-size:10px;
	}
	
#kapzai{
	width:119px;
	height:auto;
	margin: 0px 5px 0 0; 
	float: leftt;
	}
	
.yellow{
	font:"Times New Roman", Times, serif;
	color:#FF6;
	font-size:14px;
	text-align:justify;
	}
	
.grey{
	font:"Times New Roman", Times, serif;
	color:#CCC;
	font-size:14px;
	text-align:justify;
	}
	
#form{
	width:150px;
	float:left;
	}	
	
#form-fill{
	width:250px;
	float:right;
	}	
	
.form-title{
	font:"Times New Roman", Times, serif;
	width: 180px;
	color:#CCC;
	font-size:10px;
	text-align:center;
	padding: 2px;
	margin: 10px;
	}
	
.form-title2{
	font:"Times New Roman", Times, serif;
	width: auto;
	color:#CCC;
	font-size:10px;
	text-align:center;
	padding: 2px;
	margin: 10px;
	}
	
.list{
	font:"Times New Roman", Times, serif;
	color:#CCC;
	font-size:14px;
	text-align:justify;
	line-height: 18px;
	margin: 15px 0 0 -30px;
	}
	
/* Coda Slider
-----------------------*/

#room-slider { width: 920px; margin: 0 auto; position: relative; }
.scroll { height: auto; width: 920px; overflow: hidden; overflow-x: hidden; position: relative; clear: left; }
.scrollContainer div.panel { padding: 10px; height: 320px; width: 920px; }

.scrollContainer #services { background: url(../imgs/book.jpg) bottom left no-repeat; } 

ul.navigation { list-style: none;  padding-bottom: 15px; text-align: center; border-bottom: 1px solid #666; }
ul.navigation li { display: inline; margin-right: 10px; font-size: 16px; color: #999; }
ul.navigation a { padding: 6px 10px; color: #999; text-decoration: none; }
ul.navigation a:hover { color: #fff;  }
ul.navigation a.selected { background: #666; -moz-border-radius: 8px; -webkit-border-radius: 8px; color:#fff  }

#book a { background: #e4d5ac; -moz-border-radius: 8px; -webkit-border-radius: 8px; padding: 6px 10px; color: #630; text-decoration: none; }
#book a:hover { color: #000; cursor:pointer;  }
#book a.selected { background: #996; -moz-border-radius: 8px; -webkit-border-radius: 8px; color: #000; }


h1, h2, h3, h4 { font-weight: normal; }
h1 { font-size: 22px; color: #fff; }
h2 { font-size: 18px; color: #d4d4d4; }

/* Some Classes
-----------------------------*/
.small { font-size: 10px; color: #ccc; }
.med { font-size: 12px; color: #ccc; }
.heading { margin-top: 20px; }
.highs { color: #fff; font-size: 16px; }
ul.genlist { margin-top: 20px; list-style: none; }
ul.genlist li { margin-top: 10px; }