/* CSS Document */
body{padding:0px; margin:0px; background:#FFF; color:#535353; font:12px/14px Trebuchet, sans-serif;}
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/14px Trebuchet, sans-serif; color:#64888c; text-decoration:none;}
p a:hover{ color:#000; text-decoration:underline;}

.headline{font:14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#6488A0;}

#container{width:775px; position:relative; margin:0 auto;}

/* HEADER */

#header{width:775px; height:306px; position:relative; background:url(../images/backgroundban1invdblmc.jpg) 0 0 no-repeat}
#header img#logo{position:absolute; top:0; left:10px}
#header img#slogan{position:absolute; top:143px; left:10px}

#header ul.menu{position:absolute; top:268px; left:15px; width:760px}
#header ul.menu li{height:30px; margin-right:5px; float:left}
#header ul.menu li a{height:30px; display:block; text-indent:-20000px; }
#header ul.menu li a:hover{height:30px;}

#header ul.menu li.btn_1 a{width:57px; background:url(../images/btn_1.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_1 a:hover{width:57px; background:url(../images/btn_1_over.jpg) 0 0 no-repeat;}

#header ul.menu li.btn_2 a{width:133px; background:url(../images/btn_2.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_2 a:hover{width:133px; background:url(../images/btn_2_over.jpg) 0 0 no-repeat;}

#header ul.menu li.btn_3 a{width:63px; background:url(../images/btn_3.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_3 a:hover{width:63px; background:url(../images/btn_3_over.jpg) 0 0 no-repeat;}

#header ul.menu li.btn_4 a{width:91px; background:url(../images/btn_4.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_4 a:hover{width:91px; background:url(../images/btn_4_over.jpg) 0 0 no-repeat;}

#header ul.menu li.btn_5 a{width:140px; background:url(../images/btn_5.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_5 a:hover{width:140px; background:url(../images/btn_5_over.jpg) 0 0 no-repeat;}

#header ul.menu li.btn_6 a{width:96px; background:url(../images/btn_6.jpg) 0 0 no-repeat; }
#header ul.menu li.btn_6 a:hover{width:96px; background:url(../images/btn_6_over.jpg) 0 0 no-repeat;}

#header ul.menu li.line{width:22px; background:url(../images/spacer_m.jpg) 0 0 no-repeat}

/* CONTENT */

#content{width:775px; position:relative; clear:both; padding-top:5px; margin-left:0px;background:#DBDBDB}

#content ul li{font:12px/14px Tahoma, sans-serif; background:url(../images/arrow1.gif) 0 5px no-repeat; padding-left:11px; height:30px;}
#content ul li a{color:#000; text-decoration:underline;}
#content ul li a:hover{color:#000; text-decoration:none;}

#room{width:179px; margin:17px 0 20px 20px}
#room h2{height:64px; position:relative; background:url(../images/tagline.jpg) 0 0 no-repeat; margin-bottom:10px}
#room img{margin-bottom:17px}
#room p{margin-left:3px; margin-bottom:15px}
#room ul{margin-left:10px}

#welcome {margin-top:15px; margin-bottom:15px}
#welcome p{float:left; margin-top:9px; margin-left:15px; margin-right:45px; width:95%}
#welcome h2{margin-top:5px; height:64px; position:relative; background:url(../images/mind.jpg) 230px 0 no-repeat; margin-bottom:0px}
#welcome img{position:relative; margin-top:35px; margin-left:15px; border:5px solid #535353}


#activities {float:left;margin-top:9px;margin-left:120px; width:99%;}
#activities h2{height:32px; position:relative; background:url(../images/booking.jpg) 0 0 no-repeat; margin-top:9px;margin-left:190px;margin-bottom:15px}


.clear#end{height:20px}

/* FOOTER */

#footer{height:48px; clear:both; width:775px; border-top:#e8eaf1 4px solid}
#footer p{padding: 10px 0 0 0; font:10px/14px Tahoma, sans-serif; font-weight:normal; text-align:center; color:#3b3b21;}
#footer p a{font:10px/14px Tahoma, sans-serif; font-weight:normal; color:#3b3b21; text-decoration:none; padding: 0 3px }
#footer p a:hover{text-decoration:underline; color:#3b3b21}