/* CSS Document */
body { MARGIN: 0 auto; PADDING: 0; WIDTH: 100%;  FONT: normal 11px "Verdana"; COLOR: #000;}
A:link {COLOR: #fff; TEXT-DECORATION: none;}
A:visited {COLOR: #fff; TEXT-DECORATION: none;}
A:active {COLOR: #dbdbdb; TEXT-DECORATION: none;}
A:hover {COLOR: #dbdbdb; TEXT-DECORATION: none;}

.font_red {color: #ff0000;}

FORM {padding: 0; margin: 0;}
HR {PADDING: 0; MARGIN: 2px 0 25px 0; BORDER: none; BACKGROUND-COLOR: #DBDBDB; COLOR: #DBDBDB; HEIGHT: 1px;}
P {padding: 0px; margin: 0;}

#site {WIDTH: 1002px; MARGIN: 0 auto; }

#aside {float: left; width: 197px; margin: 0 auto;}
#aside P {padding: 5px 5px 0px 5px; margin: 0 auto;}
#aside .barmenu {float: left; WIDTH: 187px; HEIGHT: 327px; BACKGROUND: url(../images/mene-bar.jpg) no-repeat ; position: relative; left: 5px; MARGIN: 5px 0 0 0;}
#aside .barmenu .check-availability {float: left; WIDTH: 171px; HEIGHT: 32px; BACKGROUND: url(../images/chang.jpg) no-repeat; position: relative; left: 8px; MARGIN: 8px 0 0 0;}
#aside .barmenu .check-availability p {FONT: bold 11px "Verdana"; text-align: center; color: #FFFFFF; padding: 10px 0 0 0; }

#aside .barmenu .booking {float: left; position: relative; left: 8px; display: block; width: 171px; margin: 0;}
#aside .barmenu .booking P {padding: 0; margin: 0;}
#aside .barmenu .booking DL {float: left; padding: 0 0 1px 0; position: relative; left: 8px; margin: 2px 0 0 0; width: 161px; font: bold 11px "Verdana"; color: #ffffff;}
#aside .barmenu .booking DL DT{float: left; width: 161px; padding: 3px 0 0 0; margin: 0;}
#aside .barmenu .booking DL DD {float: left; width: 161px; padding: 3px 0 0 0; margin: 0;}
#aside .barmenu .booking DL select {font: normal 10px "Verdana";}
#aside .barmenu .booking .submit {float: left; padding: 8px 0 0 0;}

#aside .barmenu .guestbook {float: left; display: block; WIDTH: 171px; PADDING: 8px 0 0 8px;}
#aside .barmenu .guestbook P {padding: 0; margin: 0;}

#aside .footleft {float: left; WIDTH: 197px ; MARGIN: 0 auto; }
#aside .footleft IMG {float: left; padding: 5px 0px 0px 5px; margin: 0 auto; }


#article {float: left; WIDTH: 805px; MARGIN: 0 auto; }
#article P {padding: 5px 10px 0px 0px; margin: 0; auto}
#article .content {float: left; WIDTH: 805px ; MARGIN: 0 auto; padding-top: 10px;}
#article .content IMG { padding: 5px 0px 0px 0px; padding: 15px 0 10px 5px ; }
#article .content P { padding: 5px 10px 0px 10px; margin: 0 auto; }
#article .content .text P {float: left; FONT: normal 11px "Verdana"; COLOR: #5e5b3e; padding: 0 18px 12px 18px; margin: 0;}
#article .content .gallery {WIDTH: 770px; padding: 0 0 0 25px;  margin: 0; }
#article .content .gallery IMG {float: left; margin: 0; padding: 5px;}
#article .footleft {float: left; WIDTH: 197px ; MARGIN: 0 auto; }
#article .footright .one{float: left; WIDTH: 483px ;HEIGHT: 175px; BACKGROUND: url(../images/footer1.jpg);  } 
#article .footright .two {float: left; WIDTH: 312px ;HEIGHT: 175px; BACKGROUND: url(../images/footer2.jpg) no-repeat 5px top; MARGIN: 0; }
#article .footright .one IMG {float: right; padding: 11px 11px 0 0;}
#article .footright .two IMG {float: left; padding: 11px 0 0 11px;}
#article .footright .one P {FONT: normal 11px "Verdana"; COLOR: #FFFFFF; line-height: 14px; padding: 50px 0 0 18px;}
#article .footright .two P {FONT: normal 11px "Verdana"; COLOR: #FFFFFF; line-height: 18px; padding: 50px 0 0 180px;}
#article .footright .contact-s {float: left; WIDTH: 450px; padding: 5px 0 10px 0;}

#article .footright .contact-details {float: left; WIDTH: 340px; BACKGROUND: url(../images/bg-contact.gif) no-repeat; margin: 5px 0 0 0; padding: 0;}
#article .footright .contact-details .phead {FONT: bold 11px "Verdana"; COLOR: #FFFFFF; padding:10px 0 0 18px ; }
#article .footright .contact-details P {FONT: normal 11px "Verdana"; COLOR: #FFFFFF; line-height: 14px; padding: 0 0 0 18px; margin: 0;}
#article .footright .contact-details .map {WIDTH: 320px ; MARGIN: 30px 10px 7px 10px;}

#article .footright .bg-accom {WIDTH: 795px ;HEIGHT: 260px; MARGIN: 150px 5px 0 5px; }
#article .footright .bg-accom .bgpic IMG {float: left;  MARGIN: 10px 10px 0 30px; }


#footer P {float: left; width: 100%; text-align: center; padding: 0 0 10px 0; margin: 0; font: normal 10px "Verdana"; padding: 10px 0 10px 0 ; }
#footer A:link {COLOR: #000; TEXT-DECORATION: none;}
#footer A:visited {COLOR: #000; TEXT-DECORATION: none;}
#footer A:active {COLOR: #000; TEXT-DECORATION: none;}
#footer A:hover {COLOR: #000; TEXT-DECORATION: none;}


/* IMAGES SHOW */
.highslide {	cursor: url(../script/graphics/zoomin.cur), pointer; outline: none; text-align: left;}
.highslide img {border: 2px solid white;}
.highslide:hover img {border: 2px solid white;}

.highslide-image {border: 2px solid white;}
.highslide-caption {display: none;border: 2px solid white;border-top: none;font: normal 11px "Verdana";padding: 5px;background-color: white; text-align: left;}
.highslide-loading {display: block;color: white;font-size: 9px;font-weight: bold;text-transform: uppercase;text-decoration: none;padding: 3px;border-top: 1px solid white;border-bottom: 1px solid white;background-color: black;/*padding-left: 22px;background-image: url(../script/graphics/loader.gif);background-repeat: no-repeat;background-position: 3px 1px;*/}
a.highslide-credits, a.highslide-credits i {padding: 2px;color: silver;text-decoration: none;font-size: 10px;}
a.highslide-credits:hover, a.highslide-credits:hover i {color: white;background-color: gray;}

.highslide-move {cursor: move;}
.highslide-overlay {display: none;}

/* Controlbar example */
.controlbar {	background: url(../script/graphics/controlbar4.gif);width: 167px;height: 34px;}
.controlbar a {	display: block;float: left;/*margin: 0px 0 0 4px;*/	height: 27px;}
.controlbar a:hover {background-image: url(../script/graphics/controlbar4-hover.gif);}
.controlbar .previous {width: 50px;}
.controlbar .next {width: 40px;background-position: -50px 0;}
.controlbar .highslide-move {width: 40px;background-position: -90px 0;}
.controlbar .close {width: 36px;background-position: -130px 0;}


/* Necessary for functionality */
.highslide-display-block {display: block;}
.highslide-display-none {display: none;}


.clearfix:after {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}
.clearfix {display: inline-block;}

* html .clearfix {height: 1%; width: 900px;}
.clearfix {display: block; width: 976px;}