/* CSS Document */

body{
	text-align: center;
	background-color: #FCF8F3;
	background-image:url(../images/bodybg.gif);
	background-position:top left;
	background-repeat:repeat-x;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	line-height:1.2em;
	color:#6E510C;
}

a{
	color:#996515;
}

a:hover{
	text-decoration:none;
}

p{padding-bottom:1.2em;}

.wrapper{
	margin-left: auto;
	margin-right: auto;
	width:976px;
	text-align: left;
	background: #FFFFFF url(../images/katalinkbg.gif) no-repeat bottom left;
}

#header{
	width:740px; /* Actual width 760 */
	height:43px; /* Actual height 60 */
	padding-top:17px;
	padding-left:20px;
	float:right;
	position:relative;
	background-color: #FCF8F3;
}

h1#theshore{width:152px; height: 19px;}
h1#theshore span{background:url(../images/theshore.gif) no-repeat;}

#mainmenu li {
	display:inline;
	list-style-type:none;
}

#mainmenu li a{
	height:19px; 
	float:left;
	position: relative;
	overflow:hidden;
}

#mainmenu li span{
	position: absolute;
	width: 100%;
	height: 100%;
	background-image:url(../images/topmenu.gif);
}

a#villas {width:83px;}
a#villas span{background-position: 0 0;}
a#feast {width:83px;}
a#feast span{background-position: -83px 0;}
a#escape {width:91px;}
a#escape span{background-position: -166px 0;}
a#action {width:88px;}
a#action span{background-position: -257px 0;}
a#wedding {width:144px;}
a#wedding span{background-position: -345px 0;}
a#gallery {width:94px;}
a#gallery span{background-position: -489px 0;}
a#rates {width:157px;}
a#rates span{background-position: -583px 0;}
a#villas:hover span{background-position: 0 -19px;}
a#feast:hover span{background-position: -83px -19px;}
a#escape:hover span{background-position: -166px -19px;}
a#action:hover span{background-position: -257px -19px;}
a#wedding:hover span{background-position: -345px -19px;}
a#gallery:hover span{background-position: -489px -19px;}
a#rates:hover span{background-position: -583px -19px;}

	#onlineresv{
		position:absolute;
		overflow:hidden;
		top: 0; right: 0;
		width:193px; height:28px;
	}
	
	#onlineresv span{background:url(../images/onlineresv.gif) no-repeat;}
	
	#facebook{
		position:absolute;
		top: 0; right: 203px;
	}
	
	#flashvdo{
		position:absolute;
		overflow:hidden;
		top: 0; right: 315px;
		width:116px; height:28px;
	}
	
	#flashvdo span{background:url(../images/flashvdo.gif) no-repeat;}

#sidenav{
	float:left;
	width:216px;
	height:330px;
}

#logo{
	width:198px;  /*Actual width 216 */
	height:140px; /*Actual height 170 */
	padding-left:18px;
	padding-top:30px;
	background-color:#F3ECE2;
}

#sidemenu{
	width:191px;  /*Actual width 216 */
	height:138px;  /*Actual height 160 */
	padding-left:25px;
	padding-top:22px;
	background-color:#AA6500;
}

#sidemenu li a{
	display:block;
	width:113px;
	height:16px;
	position: relative;
	overflow:hidden;
	color:#FFFFFF;
}

#sidemenu li span{
	position: absolute;
	background-image:url(../images/sidemenu.gif);
	width: 100%;
	height: 100%;
}

a#story span{background-position: 0 0;} 
a#address span{background-position: 0 -16px;} 
a#location span{background-position: 0 -32px;} 
a#news span{background-position: 0 -48px;} 
a#reviews span{background-position: 0 -64px;} 
a#environment span{background-position: 0 -80px;} 
a#map span{background-position: 0 -96px;} 
a#story:hover span{background-position: -113px 0;} 
a#address:hover span{background-position: -113px -16px;} 
a#location:hover span{background-position: -113px -32px;} 
a#news:hover span{background-position: -113px -48px;} 
a#reviews:hover span{background-position: -113px -64px;} 
a#environment:hover span{background-position: -113px -80px;} 
a#map:hover span{background-position: -113px -96px;} 

#contentwrap{
	width:740px; /*real width 760*/
	background-color:#FFFFFF;
	border-left: 20px solid #FCF8F3;
	border-bottom: 10px solid #FCF8F3;
	float:right;
}

#mainimg{
	width:740px;
	height:270px;
	overflow:hidden;
}

#pagemenu {
	width:710px; /*actual 740*/
	height:22px; /*actual 30*/
	background :url(../images/pagemenubg.gif) repeat-x;
	text-align:right;
	padding:8px 30px 0 0;
}

#pagemenu li{
	display:inline;
	color:#FBF8F3;
	padding-right: 11px;
	padding-left: 7px;
	background: url(../images/pagemenuline.gif) no-repeat center right;
	font-weight:bold;
}

#pagemenu li.lastmenu, #footmenu li.lastmenu{
	background:none;
	padding-right:0;
}

#pagemenu li a{color:#FBF8F3; font-weight:bold;}
#pagemenu li a:hover{text-decoration:none;}

.content{
	width:690px;
	padding:15px 25px 15px 25px;
	background: url(../images/gradient.gif) repeat-x 0px 15px;
}

/*Reservation Area--------------------*/
#resvwrap{
	float:left;
	width:216px;
}

#resvhead h2{
	width:216px;
	height:30px;
}

#resvhead span{
	background-image:url(../images/reservation.gif);
}

#resvbox{
	width:216px;

	font-size:12px;
	background-color:#FFFFFF;
	color:#6E510C;
}

#resvbox label{line-height:1.4em;}
#resvbox img{vertical-align:bottom;}

#resvbox div.resvline{
	width:186px;
	padding:8px 0px 0px 15px;
}

#retrieve{
	text-align:right;
	border-top:solid 1px #E8E8E8;
	margin: 12px 15px 10px 15px;
	padding-top:3px;
}

#retrieve a, #resvbox label span, .mdy{
	font-size:10px;
	color:#D2BC9D;
}

#retrieve a:hover{
	text-decoration:none;
}

#resvbox input, #resvbox select, .resvform{
	color:#6E510C;
	font-size:12px;
}

#txtAdult2, #txtRoom2{
	width:40px;
	margin-right:5px;
}

/*------------------------------*/

#katalink{
	width:216px;
	padding:10px 0 10px 0;
	text-align:center;
	border-top: 2px solid #E0B76D;
	color:#996515;
}

#katalink a{
	font-weight:bold; 
	color:#996515;
}
#katalink a:hover{text-decoration:none;}

.clear{clear:both;}

#footer{
	background:url(../images/footerbg.gif) repeat-x bottom left;
	width:100%;
	height:48px;
}

#footer .wrapper{background-color:transparent;}

#footmenu {
	padding: 18px 0 0 20px;
	float:right; 
	width:740px;
	font-size:10px;
}

#footmenu li {
	display:inline;
	list-style-type:none;
	padding-right: 7px;
	padding-left: 4px;
	background: url(../images/verdot.gif) repeat-y center right;
}

#footmenu li a{
	color:#B99253;
}

#footmenu li a:hover{
	text-decoration:none;
}


#copyright{	
	width:202px;
	height:43px;
	padding:5px 0 0 14px;
	background-color:#E9CD9B;
	color:#FFFFFF;
	font-size:11px;
	line-height:1.12em;
	float:left;
}

.ir{
	position: relative;
	overflow:hidden;
}

.irs{
	position: absolute;
	width: 100%;
	height: 100%;
}