
html, body 
{
    height: 100%; margin: 0; padding: 0;
}

img 
{ 
    border: 0px; 
}

h1
{
	font-family: Georgia, Times New Roman, Serif; font-size: 0.7em; font-style: italic; color: #3e3e3e; margin: 6px 0 9px 0; font-weight: normal;
}

h2
{
	font-family: Georgia, Times New Roman, Serif; font-size: 0.7em; font-style: italic; color: #666666; margin: 6px 0 9px 0; font-weight: normal;
}

a
{
	text-decoration: none;
}

a:hover
{
	text-decoration: underline;
}

p
{
	font-family: georgia, times, serif; font-size: .7em; line-height: 1.5; color: #666666; margin: 0px; padding: 0px;
}

ul
{
    margin: 0px; padding: 0px; list-style-type: none;
}

ul li
{
    display: inline;
}

table#wrapper 
{
    height: 100%; width: 100%; background-color: #fff; border: 10px solid #e2e2e2;
}
table#wrapper td
{
    vertical-align: top;            
}

.nobr
{
	white-space: nowrap;
}

#navigation
{
    width: 767px; height: 77px; text-align: left;
}

#navigation ul
{
    list-style-type: none; display: inline; margin: 0px; padding: 0px; padding-left: 4px;
}

#navigation ul li 
{
    display: inline; margin-left: 9px; margin: 10px; padding: 0px;
}
                 
#navigation span
{
    display: none;
}  

#mainnav
{
	background-color: #e2e2e2; height: 38px; 
}

#subnav
{
    visibility:hidden; float: right; display:block; width: 305px; padding: 0px;  margin-top: 1px; height: 38px; background-color: #f4f3f2;
}

#subnav ul
{
    list-style-type: none; margin: 0px; padding: 0px; padding-left: 11px;	        
}

#subnav ul li 
{
    display: inline; margin-left: 9px; margin: 10px; padding: 0px;
}                        

#container
{
	background-color: ;
    height: 100%; width: 100%; padding-top: 50px;
}
 
#title 
{
    width: 100%; text-align:left; margin-top: 0px; 
}

#title img
{
	display: block;
}

#greeting 
{
    width: 100%; text-align:left; padding-left: 5px; padding-bottom: 11px;
}

#greeting img
{
    display:block; 
}
        
        
/* HOMEPAGE STYLES */   
#hp
{
    width: 508px; 
}

#hp p
{
    /*text-indent: 1cm;*/            
}

#hp .left
{
    width: 241px; float:left; text-align:left;  padding-left: 5px;
}

#hp .right
{
    width: 243px; float:right; text-align:left;  
}

#fullwidth
{
	width: 767px;
	height: 100%;
}


/* BOUTIQUE PAGE STYLES */
#boutique
{
    width: 508px; 
}

#boutique h1
{
    font-style: normal; 
}

#boutique p
{
    /*text-indent: 1cm;*/
}

#boutique img
{
    margin: 0px; padding: 0px;
}

#boutique .left
{
    width: 242px; float:left; text-align:left; padding-right: 13px; padding-top: 17px;
}

#boutique .right
{
    width: 240px; float:right; text-align:left;  padding-left: 11px; padding-top: 14px; _padding-top: 12px;
}


/* FACILITIES PAGE STYLES */
#fac
{
    width: 610px;
    padding-left: 84px;
    
}
    
#fac #left
{
    width: 128px; float: left; text-align: left; padding-top: 24px;
}

#fac #right
{
     float: left; text-align: left;
}    

#fac #right .left
{
	float: left; text-align:left; width: 275px;
}

#fac #right .right
{
	float:left; width: 275px;
}

#fac ul
{
   margin-left: 16px;
   padding-bottom: 14px;
    
}

#fac ul li
{
    display: list-item;
    list-style-type: disc;
    font-family: georgia, times, serif; font-size: .7em; color: #666666;
    padding: 2px; _padding: 0px;     
}


/* VIDEO PAGE STYLES */
#video
{
    width: 380px;
}

#video div
{
    text-align: left;
}

#video a
{
    color: #3e3e3e;
}

#video #flash
{
    padding-top: 11px;
    padding-bottom: 11px;
}



/* SLIDESHOW PAGE STYLES */
#slides
{
    width: 504px; background-color: ;
}

#slides #image img
{
    padding-top: 6px; padding-bottom: 6px;
}

#slides a
{
    color: #3e3e3e;
}

#slides .left
{
    float:left; text-align: left;
}

#slides .right
{
    float:right; text-align: right;
}


/* CONTACT PAGE STYLES */
#contact
{
    width: 767px;  
    padding-left: 3px;
}

#contact strong
{
    color: #3e3e3e;
}
        
#contact #left
{
    float: left; text-align: left; width: 578px;
}

#contact #left #map
{
	padding-top: 14px;
}

#contact #right
{
     float: left; text-align: left; padding-top: 20px; padding-left: 14px; width: 175px;
}    

#contact a
{
	text-decoration: none;
	color: #000;
}

#contact a:hover
{
	text-decoration: underline;
}

/* RATES PAGE STYLES */
#rates
{
    width: 767px;
}

#rates th
{
    font-family: georgia, times new roman, serif; font-size: 0.7em; font-weight: normal; font-style: italic; text-align: left; color: #3e3e3e;
}

#rates td
{            
    font-family: georgia, times new roman, serif; font-size: 0.7em; font-weight: normal; text-align: left;
}

td .td1
{
    color: #3e3e3e; background-color: #bababa; width: 240px;
}
td .td2
{
    color: #666666; background-color: #e3e3e3; width: 132px;
}
td .td3
{
    color: #666666; background-color: #eaeaea; width: 132px;
}
td .td4
{   
    color: #666666; background-color: #e5e5e5; width: 240px;
}
td .td5
{
    color: #666666; background-color: #ededed; width: 132px;
}
td .td6
{
    color: #666666; background-color: #f4f4f4; width: 132px;
}             

#rates #label
{
    position: absolute; left: 0; top: 0; visibility: hidden; background-color: #000;
}

#rates #label img
{
    border: solid 4px #000;
}

#rates p
{
    padding-top: 16px;
}

#rates a
{
    font-weight: bold; color: #3e3e3e;
}

#rates .left
{
   width: 504px; float: left; padding-top: 11px;
}

#rates .right
{
    float: left; padding-top: 15px; padding-left: 16px; text-align:left;
}


/* ROOM PAGE STYLES */     
#room
{
    width: 767px;
    padding-left: 3px;
    
}

#room h2
{
	padding-left: 4px; padding-top: 4px;
}
    
#room #left
{
    width: 503px; float: left; 
}

#room #right
{
     float: left;
}    

#room #imagemenu
{
    text-align: left; padding: 3px 0 4px 0;
}

#room #left .left  
{
    width: 246px; float: left; text-align:left; padding-right: 4px;
}

#room #left .right
{
    width: 246px; float: right;text-align:left; padding-right: 4px;
}    
        
#room #right .divide
{
    float:left; width: 1px; padding: 38px 0 0 20px;
}

#room #right .left
{
    text-align:left; float: left; padding-left: 20px; padding-top: 5px; margin-bottom: 0px;
    _padding-top: 11px;
}

#room #right .left ul
{
	margin-top: -4px;
}

#room #right .left ul li
{
    display: block; padding: 0 0 4px 0;
}    

#room #right .right
{
    text-align:left; float: left; padding: 0px; margin: 0px; padding-left: 17px;  
    padding-top: 37px; 
    _padding-top: 33px; 
}
    
#room #right .right ul li
{
    display: block; font-family: Georgia; font-size: 0.7em; letter-spacing: -1px; font-weight: bold; 
    padding: 0 0 27px 0; 
    _padding: 0 0 21px 0;
}

#room #right .right ul li a
{
    color: #3e3e3e;
}

.imgthumb
{
    border: solid 4px #fff;
}   

    

/* GALLERY PAGE STYLES */
#gallery
{
	
    width: 767px;	    
    /*_padding-left: 16px;   */
}
        
#gallery #left
{
    float: left; text-align: left; 
}

#gallery #left #title, #gallery p
{	
    /*padding-left: 16px;*/
}


#gallery #left p
{
    padding-top: 6px;
    padding-left: 8px;
    padding-bottom: 4px;
}

#gallery a
{
    font-weight: bold; color: #3e3e3e; 
}

#ul1, #ul2, #ul3, #ul4
{
	margin: 0px 0px 6px 0px;	
    
}  

#gallery li 
{
	padding-right: 4px;
}

#gallery #right
{
     float: left; text-align: left;
     padding-top: 15px; padding-left: 19px; background-color: ;          
}    

#gallery li img
{
    width: 110px;
    height: 88px;
    border: solid 4px #fff;
    margin-left: 3px;
}

#gallery #label
{
    position: absolute; left: 0; top: 0; visibility: hidden; background-color: #000;
    font-family: georgia, times, serif; font-size: .7em; line-height: 1.5; color: #fff; font-style: italic;
    padding: 3px 6px 4px 6px;
    
}


/* RESERVATION PAGE STYLES */
#reserve
{
    width: 504px;
}

#reserve #button
{
    margin-top: 11px; width: 202px; padding: 8px; font-family: Georgia; font-size: .7em; color: #fff; background-color: #000; 
}

#reserve #button a
{
    color: #fff;
}

#reserve p
{
    color: #000;
    padding-top: 21px;
    font-weight: normal;
}

.small
{        
 
    padding-top: 17px;   
    padding-bottom: 9px;
    font-size: .82em;
    font-weight: bold;        
}

#reserve td, input, label
{
    text-align: left;
    font-family: Georgia, Times New Roman, Serif; font-size: .82em;  color: #3e3e3e;
}

#reserve input
{
    background-color: #e2e2e2;
    border: solid 0px #fff;
    height: 20px;
    padding: 2px 0 0 0;
}

#reserve td
{
    padding: 0 5px 4px 0px;
}

#reserve .cb
{
    background-color: #fff;
}

#reserve .cbl
{
    font-weight: normal;
}    

#reserve textarea
{
    background-color: #e2e2e2;
    border: solid 0px #fff;
    height: 85px;
    width: 242px;
    overflow:auto;
    font-family: Georgia, Times New Roman, Serif; font-size: .82em;  color: #3e3e3e;            
}

#reserve label
{
    font-weight: bold;
}

#reserve form
{
    margin-top: 9px;
} 

#reserve .btn
{
    padding: 8px; font-family: Georgia; color: #fff; background-color: #000; height: 30px; width: 47px;
}