html, body
{ 
	height: 100%;

}

body 
{		
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;	
	
	line-height: 200%;
	height: 100%	
}

html>body #container
{ 
	height: auto; 
	min-height: 100%;
}

/************ Paraghraphs, ordered lsits, un-order lists ***************/
p, ul, ol 
{
	line-height: 200%;
}

#container
{
	margin: auto;
	width: 800px;
			
	border: solid #6c6;
	border-width: 0px;
	
	height: 100%;
	min-height: 100%;
}


#footer
{	
	margin: auto;
	width: 800px;
	
	text-align: center;
	
	/*background-color: #69C;*/
}

/************************* BEGIN MENU *************************/

ul#navlist
{
	font: bold 16px verdana, arial, sans-serif;
	list-style-type: none;

	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 30px;
	padding-left: 0px;
		
	margin: 0px;
}

ul#navlist li
{
	float: left;
	height: 27px;	
	
    background-color: #cacfed;
	margin: 2px 1px 0px 1px;
	
    border: 1px solid #31599e;
}

ul#navlist li#active
{
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

li#active a 
{ 	
	color: #000;	
}

#navlist a
{
	float: left;
	display: block;	
	
    color: #31599e;
	font-weight: bold;
	text-decoration: none;
	padding: 4px 10px 4px 10px;
}

#navlist a:hover 
{ 
	border-bottom: 1px solid #fff;
	background-color: #fff;	
}

/************************* END MENU ***************************/

#content
{
	float: left;
	width: 800px;
	
	min-height: 100%;
	height: 100%;	
}

#leftBox
{
	float: left;

	width: 266px;
	height: 150px;

}

#centerBox
{	
	float: left;
	
	width: 264px;
	height: 150px;
	
	padding: 0px 2px 0px 2px;
}

#rightBox
{	
	float: left;

	width: 266px;
	height: 150px;
	
}

/********************* Rounded Corners Content Area **********************/
/*  An alternative way of loading the corner images
 * 	background: url(http://heavensbestguesthouse.com/images/corners/bl.gif) 0 100% no-repeat #c3f58d;
 */
.bl
{    
	background: url(http://heavensbestguesthouse.com/images/corners/bl.gif) 0 100% no-repeat #cacfed;
	width: 263px;
}

.br 
{
	background: url(http://heavensbestguesthouse.com/images/corners/br.gif) 100% 100% no-repeat;
}

.tl 
{
	background: url(http://heavensbestguesthouse.com/images/corners/tl.gif) 0 0 no-repeat;
}

.tr 
{
	background: url(http://heavensbestguesthouse.com/images/corners/tr.gif) 100% 0 no-repeat;
	height: 180px;
	padding: 3px 1px 0 1px;
}

.clear 
{
	font-size: 1px;
	height: 1px;
}
 
/************************************************************/

.room
{
	background: url(/images/room_thumb_3.gif) 100% 0 no-repeat;
}

#meal
{
	background: url(/images/meal_thumb_3.gif) 100% 0 no-repeat;
}

#welcome
{
	background: url(/images/welcome_thumb_3.gif) 0 0 no-repeat;
}

.floatLeft
{
	float: left;
	padding-top: 3px;
    padding-right: 5px;
    padding-left: 5px;
}

.thumbHeader
{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
}

.thumbDescription
{	
	margin: 0 0 0 1px;
	font-size: 11px;
	font-weight: bold;
	line-height: 150%;		
}

/******************************* BEGIN: Dining *******************************/

.mealDescription
{
	font-size: 10px;
	font-style: italic;
}

div.diningMenuItem
{
	text-align: right;
	margin: 1em 0;
	padding: 0;
	
	line-height: 0.1%;
}

div.diningMenuItem div
{
	display: inline;
	white-space: nowrap;
}

div.diningMenuItem div.meal
{
	/*float: left;*/
}

#content>div.diningMenuItem 
{
	display: table;
	width: 100%;
	
	line-height: 0.1%;
}

#content>div.diningMenuItem div
{
	display: table-cell;
}

#content>div.diningMenuItem div.meal
{	
	float: none;
	text-align: left;	
}
	
#content>div.diningMenuItem div.prices
{
	text-align: right;
} 

/*** Currency with 4 digits ***/
.ec
{
	padding: 0 10px 0 0;
}

.us
{
	padding: 0 10px 0 20px;
}

/*** Currency with 3 digits ***/
.ec2
{
	padding: 0 20px 0 0;
}

.us2
{
	padding: 0 10px 0 30px;
}

.separateDiningMenu
{
	float: left;
	width: 400px;	
}

ul#meal
{
	list-style-type: none;
	margin: 0;
	padding: .5em 0;
	
/*	border-top: 1px solid #666;*/
}


ul#meal li
{
	display: block;	
}


ul#meal .desc 
{
	float: left; 
	background-color: #69C;
}
ul#meal .prices 
{ 
	float: right; 
	background-color: #29C;
}

#mealLeft
{	
	float: left;
	
	width: 710px;
	height: 25px;
	
	padding: 0px 1px 0px 1px;	
}

#mealRight
{	
	float: left;

	width: 80px;
	height: 25px;	
}

#diningInfo
{
	margin: 10px 0 10px 0px;
	padding: 5px;
}

#diningHeader
{	
	text-align: center;

	margin-left: auto;
	margin-right: auto;	
	
	padding: 10px 0 0 0;
}

/******************************* END: Dining   *******************************/


/******************************* BEGIN: Rooms *******************************/

table.rates
{
	padding: 5px 0px 5px 0px;
	width: 90%;
}

table.rates td
{
	width: 30%;
	text-align: center;
}

/******************************* END: Rooms *******************************/


/******************************* BEGIN: Reservation *******************************/

#reservation
{
	margin: 15px 0 25px 0;
}

#reservation table
{
    padding-left: 40px;
}

#reservation table th
{
	width: 300px;
		
	font-size: 14px;
	font-weight: bold;	
	text-align: left;
	
	padding: 5px 0 5px 10px;
	
	background-color: #cacfed;
}

#reservation table td
{
		padding: 0px 0 0px 0;
}


.button
{
	float: right;
	
	font-weight: bold;
	
	height: 27px;
	background-color: #cacfed;
	margin: 2px 1px 0px 1px;
	border: 1px solid #31599e;
}

/******************************* END: Reservation *********************************/


/******************************* BEGIN: Contact *******************************/

 .contact
 {
 	margin: 25px 0 25px 0;
 }
 
 .contact table
 { 	
 	width: 80%;
 }
 
 .contact table th
 {
 	font-size: 14px;
	text-align: left;

	padding: 5px 0 5px 10px;	

	width: 200px;
	
	background-color:#cacfed;
 }
 
 .contact table td
 {
 	font-size: 16px;
		
 	padding: 5px 0 5px 10px;
 }
 
 .contactImage
 {
 	float: right;
	margin: 0 5px 0 5px;
 }
 
 /******************************* END: Contact *******************************/



/******************************* BEGIN: Contact *******************************/

.aboutusImage
{
	float: left;
	
	padding: 10px 10px 0 5px;
}

.restaurantImage
{
	float: right;
	
	padding: 10px 5px 0 10px;
}

/******************************* END: Contact *********************************/

.slideshow
{
	text-align: center;

	margin-left: auto;
	margin-right: auto;	
}


/****************************** ERROR *****************************************/
.error
{
    color: #ef0b0b;
}