/*-----   2011 special offers -----  */ 
 div.spOf2011{
	float: left;
	position: relative;
	width: 770px;
	background-color: #E0E0E0;
	padding-bottom: 5px;
	margin-bottom: 10px;
}
  
.boxPicRHmAbus
{
	clear: left;
	text-align: justify;
	position: relative;
	float: left;
	padding: 5px;
	background-color: #FFFFFF;
	width: 400px;
	padding-right: 40px;

}

img {border: none;}
 
img.border {
	border-color: #999999;
	padding: 10px;
	border:thin;
	border-style:solid;
	background-image: url(spOf/6-wallpaper.jpg);
}

.pricesD{
	float:left;
	position:relative;
	width: 700px;
	padding-bottom: 20px;
	background-color: #C6BBA6;
	border: solid #221E1F 1px;
	padding: 5px;
	padding-left: 60px;

}
 
h3.tSpOf{
	font-size: 12px;
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 6px;
}      
div.spOffFrame{
	width: 234px;
	height: 170px;
	border:thin;
	border-style:solid;
	border-color:#999999;
	float: left;
	position: relative;
	background-color: #FFFFFF;
	padding: 5px;
	margin-left: 5px;
	margin-top: 5px;
	margin-right: 4px;
} 
 
p.spOff
{
	font-size:12px;
	font-family:Arial, Helvetica, sans-serif;
	margin-top: -10px;
	color: #333333;
}

p.pserviceList
{
	font-size:12px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	margin-top: 7px;
	margin-bottom: 5px;
	margin-left: 25px;
}

.servLst
{
	width: 530px;
	position: relative;
	float: left;
	padding: 5px;
	background-image: url(spOf/bkgservLst.jpg);
	height: 300px;
	padding-top: 10px;
}

h2.hservLst
{
	font-family: "Goudy Old Style";
	font-size: 20px;
	color: #F1E0CF;
	clear: both;
	margin-bottom: 2px;
	margin-top: 5px;
}

div.paragf
{
	width: 758px;
	border:thin;
	border-style:solid;
	border-color:#999999;
	float: left;
	position: relative;
	background-color: #FFFFFF;
	padding: 5px;
	margin:10;
}
/*-----   END of 2011 special offers -----  */ 



/*-----   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
{
	clear: none;
	text-align: justify;
	position: relative;
	float: left;
	padding: 5px;
	background-color: #FFFFFF;

}

p.keyText
{
	float:left;
	position: relative;
	clear: none;
	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:right;
	position: relative;
	width: auto;
	clear: both;
	color: #663300;
	font-weight: bold;
	padding: 3px;
	font-size: 9px;
}
    

/*-----   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%;
	background-image: url(spOf/bkg.jpg);
		
} 



/*-----   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: 15px;
	margin-left: 10px;
}
/*-----   end center form -----  */


/*-----   base form  -----  */
#base
{
	position: relative;
	clear: both;
	margin-bottom: 0px;
	bottom: 0px;
	background-color: #221E1F;
	margin-top: 10px;
	height: 200px;
	width: 774px;
	background-image: url(spOf/btmBkg1.jpg);
	/*-----   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 0px;
	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: 150px;
}

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

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

.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: 16px;
	color: #663300;
	clear: both;
	margin-top: 2px;
	margin-bottom: 2px;
} 
 
     
.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: 20px;
	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;
	padding: 5px;
	margin: 0px 1px 15px 0px;
	float: right;
	position: relative;
	height: 295px;
	background-image: url(spOf/bkgservLst.jpg);
	padding-top: 15px;

}

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


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: #FFFFFF;
	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;
	margin-right: 0px;
	padding-bottom: 0px;
}

.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;
	
}