/*-----   main page -----  */ 
#wraper {
	position: relative;
	height: auto;
	width: 800px;
	margin: auto;
}   

p.tableHeader
{
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	padding-top: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
}
 
.boxPicRHm
{
	width: 500px;
	clear: none;
	float: left;
	text-align: justify;

}

p.keyText
{
	float:left;
	position: relative;
	clear: both;
	font-size: 10px;
	color: #8F562E;
}


a.book
{
	border:none;
	text-decoration:none;
	color:#221E1F;
	font-size: 4px;

}

.flashTop
{
	
	background-image: url(img/hotel.jpg);
}
            
#whiteborder
{
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 10px;
	width: auto;
	background-color: #FFFFFF;
} 
 
.info{
	float:left;
	position: relative;
	width: auto;
	clear: both;
	color: #990000;
	font-weight: bold;
	padding: 3px;
}
    

/*-----   main page -----  */
#page   
{
	width: auto!important;
	position: relative;
	height: auto;
	border-color: #663300;
	border-left-width: 5px;
	border-right-width: 1px;
	border-top-width: 2px;
	border-bottom-width: 2px;
	border-style: solid;
	border-top-color: #8F562E;
	clear: both;
	background-color: #FFFFFF;
			   
}            
/*-----   set the colour of the backgorund  #221E1F -----  */
body { 
	background-color: #221E1F;
	margin: 5px;
	border: 0;	
	height: 100%; 
		
} 



/*-----   pics -----  */
#papaImg
{
	position: relative;
	width: auto;
	float: right;
	clear: both;
	height: auto;
	
} 
#hotelImg
{
	position: relative;
	width: 100px;
	float: left;
}

#barImg
{
	position: absolute;
	float: right;
	clear: right;
	width: 489px;
	left: 250px;
	top: 11px;
	height: 2px;
 
}

#titleImg
{
	position: relative;
	float: left;
	clear: right;
	left: auto;
	width: auto;
	color: #FCEAD1;
	margin-right: 100px;
}




div.activeBookNow {
	background-color: #FFFFFF;
	width: 100px;
	height: 32px;
	float: left;
	padding-top: 12px;	
	background-image: url(img/bookNowOff.jpg);
	padding-left: 20px;
	
}

div.activeBookNow:hover {
	background-image: url(img/bookNowOn.jpg);
	clear: both;
	float: left;
	bottom: 1px;
}
a.menuBookNow {
	color :#704210;
	font-size :9pt;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
a.menuBookNow:hover{
	font-size :10pt;
	color: #FFFFFF;
}


/*-----   top form -----  */
#top
{
	position: relative;
	clear: both;
	height: auto;
	width: 784px;
	background-color: #221E1F;
}

#addressTop
{
	position: relative;
	float: right;
	padding: 5px;
	margin-right: 1px;
	width: 360px;
	
}

#decorationBar
{
	position: relative;
	height: auto;
	float: left;
	clear: both;
 
}

/*-----   END of top form -----  */

/*-----   center form -----  */
#center
{
	position: relative;
	height: auto!important;
	height: 500px;
	background-color: #FFFFFF;
	width: 760px;
	
}

.miniContent
{
	position: relative;
	margin: 1px;
	float: left;
	margin-top: 25px;
}
/*-----   end center form -----  */


/*-----   base form  -----  */
#base
{
	position: relative;
	clear: both;
	margin-bottom: 0px;
	height: 35px;
	bottom: 0px;
	background-color: #221E1F;
	margin-top: 10px;
	/*-----   base form  background-color: #8C6D35;-----  */
}


/*-----   TEXT  -----  */
p.addr
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	margin-bottom: 0.1px;
	margin-top: 0.1px;
	color: #FEE4B4;
	letter-spacing: 0.6px;
	font-weight: normal;
	width: 100%;
}


/*-----   set the colour of the backgorund  -----  */


#frontPicHotel
{
	width: 58px;
	height: 104px;
	float: right;
	position: absolute;
	margin-right: 1px;
	left: 33px;
	top: 363px;
}


/*   side menu */

#sideMenu
{
	height: 35px;
	position: relative;
	float: left;
	background-color: #221E1F;
	width: 769px;
	padding-left: 5px;
	padding-top: 2px;


} 

#frontHotel
{
	float: left;
	position: relative;
	clear: both;
	padding: 5px;
	background-color: #221E1F;

}

#contentsFrame
{
	width: 772px;
	height: auto;
	position: relative;
	float: left;
	/*
	background-image: url(img/dotB.PNG);
	*/
	background-repeat: repeat-y;
	padding: 10px 1px 15px 10px;
	color: #462D15;
	background-color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}


a.menuItem 
{
	font-family: Arial, Helvetica, sans-serif;
	color: #E4AF8F;
	font-style: normal;
	font-weight: bold;
	font-size: 11px;
	height: auto;

	margin-bottom: 0px;
}
a.menuItem:hover
{
color: #D78B26;
}
.menuList:first-letter
{
	font-size: 13px;
	color: #B34F0D;
	font-weight: bolder;
}     
    

p.baseText  
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color: #FFFFFF;
	position: relative;
	float: left;
	margin-left: 50px;
	margin-bottom: 1px;
	margin-right: 50px;
}

h1.titleTxt 
{
	font-family: "Goudy Old Style";
	font-size: 18px;
	color: #FCEAD1;
} 

h2.titleTxt 
{
	font-family: "Goudy Old Style";
	font-size: 18px;
	color: #FCEAD1;
} 

.tmp
{
	clear: none;
	height: auto;
	width: auto;
	margin: 0px;
	
}

h1.tmpH1
{
	font-family: Arial;
	font-size: 9px;
	color: #CCCCCC;
}

h1.titleContent 
{
	font-family: "Goudy Old Style";
	font-size: 24px;
	color: #221E1F;
	clear: both;
}

h2.titleContent
{
	font-family: "Goudy Old Style";
	font-size: 20px;
	color: #221E1F;
	clear: both;
} 
 
     
.menuListActive
{
	height: auto;
	padding: 5px 0px 6px 5px;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-top-color: #663300;
	border-style: solid;
	border-width: 1px;
	width: 95px;
	background-color: #312B2D;
	display: inline;
	float: left;
	border-bottom-color: #663300;
	
}

div.menuList
{

	width: 95px;
	height: auto;
	padding: 5px 0px 6px 5px;
	border-bottom-color: #663300;
	border-left-color: #FFFFFF;
	border-right-color: #FFFFFF;
	border-top-color: #663300;
	border-style: solid;
	border-width: 1px;
	background-color: #221E1F;	
	display: inline;
	float: left;

}


         
a.menuItemActive{
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: bold;
	font-size: 12px;
}
     
p.text{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #221E1F;
	text-align: justify;
	width: auto;
 
}        
#homeCont
{
	position: relative;
	padding: 10px;
	float: left;
	margin-left: 80px;
	width: 580px;
}   

#homeContSmal
{
	position: relative;
	padding: 10px;
	float: right;
	

}
 
.boxPic{
	position: relative;
	float: left;
	padding: 1px;
	border-width: 1px;
	height: auto;
	clear: both;
	border-color: #E2E0BA;
	border-style: solid;
} 
.boxPicR{
	position: relative;
	float: left;
	padding: 10px;
	border-width: 1px;
	height: auto;
	clear: both;
	width: 350px;
	background-color: #FFFFFF;
	
} 

h1.titleFa {
	color:#663300;
	font-family:"Times New Roman", Times, serif;
	font-size: 18px;
    
     
}    
        
           
#picTxtDescp{
	color: #5C3E10;
	font-size: 12px;
	font-weight: bolder;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	float: left;
	width: 200px;
	padding-left: 5px;
	position: relative;
	padding-top: 5px;
	padding-bottom: 2px;
	clear: both;
	margin: auto;
}  
 
.picThumb{
	float: left;
	position: relative;
	border-width: 1px;
	padding: 4px;
	color: #3F2712;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bolder;
}
      
#facility{
	float:left;
	position:relative;
	width: 750px;
	padding-bottom: 20px;
	background-color: #C6BBA6;
	border: solid #221E1F 1px;
	padding: 5px;

}

#facilityS{
	float:left;
	position:relative;
	width: auto;
	padding-bottom: 20px;
	background-color: #C6BBA6;
	border: solid #221E1F 1px;
	padding: 5px;

}
#leftGalCol{
	width: auto;
	position: relative;
	float: left;
	margin-left: 1px;
} 
  
#rightGalCol{
	width: auto;
	position: relative;
	float: left;
	margin-left: 1px;
}
 
#leftReservation{
	width: 170px;
	height: auto;
	float: left;
}    
#rightReservation{
	width: 350px; 
	height: auto;
	margin-left: 5px;
	float: left;
}   
  
.leftRow{
	position: relative;
	width: auto;
	float: right;
	margin-top: 2px;
	margin-bottom: 5px;
	height: 22px;
	clear: both;
}
 
.rightRow{
	position: relative;
	float: left;
	width: auto;
	color: #FFFFFF;
	margin-top: 2px;
	margin-bottom: 5px;
	height: 22px;
	clear: both;
}

/* PRICE frame*/

#price{
	width: 200px;
	border: solid #3F2712 1px;
	padding: 5px;
	background-color: #F2F1DF;
	margin: 5px;
	float: right;
	position: relative;

}

h1.titlePrice
{
	font-size: 20px;
	color: #644242;
	font-family: "Goudy Old Style";
} 
h3.titlePrice
{
	font-size: 20px;
	color: #644242;
	font-family: "Goudy Old Style";
} 


p.textPrice 
{ 
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 195px;
	text-align: justify;
	color: #6B4747;
}
 
h1.priceList
{
	color: #7A6534;
	font-size: 14px;
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 1px;

}

.priceList
{
	
}

p.subtitle
{
	color: #422622;
	font-weight: bold;
}

.floatLeftClearLeft
{
	background-color: #996633;
	height: 60px;
	width: 185px;
	float: left;
	padding-top: 0px;
}
.floatLeftClearNone
{
	background-color: #996633;
	height: 60px;
	width: 140px;
	float: left;
	padding-top: 0px;
}

h5.priceList
{
	color: #312B2D;
	font-size: 14px;
	margin-top: 2px;
	margin-left: 10px;
	margin-bottom: 1px;
}

h1.bookNow
{
	color: #CCCC99;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}

h.bookNow
{
	color: #CCCC99;
	font-size: 14px;
	margin-left: 5px;
	margin-top: 10px;
	margin-bottom: 10px;
}
/* END PRICE */

#eXTReMe
{
float:right;
position:relative;
}

.centerSmlTxt
{
	color: #53342B;
	text-align: center;
	font-weight: bold;
}

.floatLeftClearLeftTextL
{
	background-color: #F0EEEC;
	height: 50px;
	width: 185px;
	float: left;

}

.floatLeftClearNoneTextL
{
	background-color: #F0EEEC;
	height: 50px;
	width: 140px;
	float: left;

}

p.tableHeaderText
{
	font-family: Arial, Helvetica, sans-serif;
	color: #660000;
	font-size: 14px;
	font-weight: bolder;
	text-align: center;
	padding-top: 5px;
	margin-bottom: 0px;
	margin-left: 5px;
}


.floatLeftClearNoneTextD
{
	background-color: #E1DDD9;
	height: 50px;
	width: 140px;
	float: left;

}
.floatLeftClearLeftTextD
{
	background-color: #E1DDD9;
	height: 50px;
	width: 185px;
	float: left;

}

p.lowParagraph
{
	float:left;
	width: 800px;
	
}


.quickResponse
{
	float:right;
	width: 200px;
	font-size: 12px;
	margin-right: 10px;
	border-color: #660000;
	border-style: dashed;
	padding: 10px;
	
}