/* CSS Document */
body{padding:0px; margin:0px; background:#282b32 url(../images/b_body.gif) 0 0 repeat-x; color:#000000; font:12px sans-serif; line-height:18px; }
h1 {
background:transparent url(../images/aloevera.gif) no-repeat scroll 3px 10px;
color:#ffffff;
float:left;
font-size:15px;
font-weight:bold;
padding:7px 0 0 40px;
margin:0;
}
#inwelcome h2 {
background:transparent url(../images/arrow7.gif) no-repeat scroll 3px 10px;
color:#282b32;
float:left;
font-size:15px;
font-weight:bold;
padding:7px 0 0 20px;
height:30px;
margin:0;
}
#inwelcome h3 {
background:transparent url(../images/arrow7.gif) no-repeat scroll 3px 10px;
color:#282b32;
float:left;
font-size:15px;
font-weight:bold;
padding:7px 0 0 20px;
height:30px;
margin:0;
}
#room h2 {
background:transparent url(../images/arrow7.gif) no-repeat scroll 3px 10px;
color:#282b32;
float:left;
font-size:15px;
font-weight:bold;
padding:7px 0 0 20px;
height:30px;
margin:0;
}
#why h2, h5 {
background:transparent url(../images/arrow7.gif) no-repeat scroll 3px 10px;
color:#282b32;
float:left;
font-size:15px;
font-weight:bold;
padding:7px 0 0 20px;
height:30px;
margin:0;
}
#services h2 {
background:transparent url(../images/arrow7.gif) no-repeat scroll 3px 10px;
color:#282b32;
float:left;
font-size:15px;
font-weight:bold;
padding:7px 0 0 20px;
height:40px;
margin:0;
}
#locations h2 {
background:transparent url(../images/arrow7.gif) no-repeat scroll 3px 10px;
color:#282b32;
float:left;
font-size:15px;
font-weight:bold;
padding:7px 0 0 20px;
height:30px;
margin:0;
}
div, p, ul, h2, h3, h4, img{padding:0px; margin:0px;}
ul{list-style-type:none;}

.clear {clear: both; margin: 0px; height:0}

p a{font:12px Tahoma, sans-serif; color:#f5be49; text-decoration:underline;}
p a:hover{ color:#282b32; text-decoration:none;}

.headline{font:12px/14px Arial, Helvetica, sans-serif; color:#ee1a0b; font-weight:bold}

#container{width:740px; margin:0 auto;}

/* TOP */

#topPan{width:740px; height:98px; position:relative; clear:both}

#logo{position:absolute; top:0; left:31px}

#topPan ul.ico{position:absolute; top:43px; left:528px; width:210px}
#topPan ul.ico li{float:left; height:16px; margin-right:25px}
#topPan ul.ico li a{height:16px; display:block; padding:0 0 0 17px; font:10px/14px Trebuchet MS, sans-serif; color:#fff; text-decoration:none;}
#topPan ul.ico li a:hover{text-decoration:underline;}

#topPan ul.ico li.icohome a{background:url(../images/ico_1.gif) 0 0 no-repeat; }
#topPan ul.ico li.icohelp a{background:url(../images/ico_2.gif) 0 0 no-repeat; }
#topPan ul.ico li.icocontacts {margin-right:0; border-right:none; }
#topPan ul.ico li.icocontacts a{background:url(../images/ico_3.gif) 0 0 no-repeat; padding-right:0}

/* MENU */

#menuPan{width:740px; height:32px; position:relative; clear:both; background:url(../images/b_menu.gif) 0 0 repeat-x}

#menuPan ul{position:absolute; top:9px; left:38px; width:700px}
#menuPan ul li{float:left; height:13px; margin-right:23px}
#menuPan ul li a{height:15px; display:block; text-indent:-20000px; }
#menuPan ul li a:hover{height:15px;}

#menuPan ul li.home a{width:67px; background:url(../images/btn_1.gif) 0 0 no-repeat; }
#menuPan ul li.home a:hover{width:67px; background:url(../images/btn_1_over.gif) 0 0 no-repeat;}

#menuPan ul li.about a{width:58px; background:url(../images/btn_2.gif) 0 0 no-repeat; }
#menuPan ul li.about a:hover{width:58px; background:url(../images/btn_2_over.gif) 0 0 no-repeat;}

#menuPan ul li.rooms a{width:89px; background:url(../images/btn_3.gif) 0 0 no-repeat; }
#menuPan ul li.rooms a:hover{width:89px; background:url(../images/btn_3_over.gif) 0 0 no-repeat;}

#menuPan ul li.reservations a{width:82px; background:url(../images/btn_4.gif) 0 0 no-repeat; }
#menuPan ul li.reservations a:hover{width:82px; background:url(../images/btn_4_over.gif) 0 0 no-repeat;}

#menuPan ul li.services a{width:55px; background:url(../images/btn_5.gif) 0 0 no-repeat; }
#menuPan ul li.services a:hover{width:55px; background:url(../images/btn_5_over.gif) 0 0 no-repeat;}

#menuPan ul li.contacts {margin-right:0}
#menuPan ul li.contacts a{width:70px; background:url(../images/btn_6.gif) 0 0 no-repeat; }
#menuPan ul li.contacts a:hover{width:70px; background:url(../images/btn_6_over.gif) 0 0 no-repeat;}

#menuPan ul li.line {width:5px; background:url(../images/spacer_m.gif) 0 5px no-repeat}

/* CONTENT */

#content{width:740px; position:relative; clear:both; background:#FFF;}

#content .clear#endSpace{height:20px}

#leftPan{width:427px; margin:0 1px 0 0; float:left;}
#rightPan{width:312px; float:left;}

#ad1{width:427px; height:209px; background:url(../images/ad1.jpg) 0 0 no-repeat; position:relative; margin-bottom:1px}
#ad1 h2{width:248px; height:19px; background:url(../images/h_ad1.gif) 0 0 no-repeat; position:absolute; top:180px; left:28px}
#ad1 img{position:absolute; top:180px; left:306px}

ul.btn_more {width:180px}
ul.btn_more li{background:url(../images/arrow1.gif) 44px 4px no-repeat; padding-left:60px; height:14px}
ul.btn_more li a{font:10px/14px Tahoma, sans-serif; color:#869496; text-decoration:none; text-transform:uppercase}
ul.btn_more li a:hover{color:#000}

#welcome{width:427px; background: url(../images/b_welcome.gif) 0 0 repeat-x}
#inwelcome{width:365px; margin:19px 0 20px 28px; padding:0 7px 17px 10px; border-bottom:#c2c9ca 1px dotted}

#inwelcome img{float:left; margin:0 15px 0 3px; display:inline}
#inwelcome p{width:370px; margin-bottom:15px; float:left}
#inwelcome p.headline{display:block; width:217px; margin-bottom:5px}
#inwelcome ul{float:left; margin-left:120px}

#why{width:161px; margin:0 30px; float:left; display:inline}


ul.bullets li{font:12px Tahoma, Geneva, sans-serif; background:url(../images/arrow1.gif) 1px 7px no-repeat; padding-left:20px;  padding-top:6px; border-bottom:#e6e9eb 1px dashed; padding-bottom:6px}
ul.bullets li a{color:#869496; text-decoration:none}
ul.bullets li a:hover{color:#fff; text-decoration:none; background:#869496}
#why ul.bullets{margin-left:2px}

#services{width:184px;float:left;}

#services p.headline{margin-bottom:5px}
#services img{margin-bottom:10px; margin-left:3px}
#services p{margin-left:3px}

#ad2{width:312px; height:210px; position:relative; margin-bottom:18px}
#ad2 img{margin-bottom:1px}
#ad2 h2{width:312px; height:62px; background:#f3f5ef url(../images/h_ad2.gif) 13px 12px no-repeat}

#room{width:295px; margin:0 0 25px 8px}

#room img{float:left; margin-right:9px; margin-bottom:10px}
#room p{width:280px; float:left; margin-bottom:10px; }
#room ul.bullets#b01{width:127px; float:left; margin:0 12px 0 6px;}
#room ul.bullets#b02{width:127px; float:left; }

#locations{width:295px; margin:0 0 0 8px}

#locations p.headline{display:block; margin-bottom:5px; margin-left:5px}
#locations #locText{width:120px; margin: 0 20px 0 5px; float:left; display:inline}
#locations #locText ul.btn_more{margin-left:40px; margin-top:10px}

#locations img{float:left}

/* FOOTER */

#footer{height:91px; clear:both; width:740px;}
#footer p{padding: 25px 0 0 0; font:11px/16px Tahoma, Geneva, sans-serif; font-weight:normal; text-align:center; color:#848484;}
#footer p a{font:11px/16px Tahoma, Geneva, sans-serif, sans-serif; font-weight:normal; color:#848484; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:none; background:#575a5e; color:#fff}