/* CSS Document */
body { MARGIN: 0 auto; PADDING: 0; WIDTH: 1002px; BACKGROUND: url(../images/bg.gif) #fff repeat-x left top; FONT: normal 11px "Verdana"; COLOR: #000;}
A:link {COLOR: #530000; TEXT-DECORATION: none;}
A:visited {COLOR: #530000; TEXT-DECORATION: none;}
A:active {COLOR: #393800; TEXT-DECORATION: none;}
A:hover {COLOR: #393800; TEXT-DECORATION: none;}

.font_red {color: #ff0000;}

FORM {padding: 0; margin: 0;}
HR {float: left; width: 195px; PADDING: 0; MARGIN: 0 0 0 15px; BORDER: none; BACKGROUND-COLOR: #4d1a1a; COLOR: #4d1a1a; HEIGHT: 1px;}

#site {width: 1002px; padding: 17px 0 0 0; margin: 0;}

#header {float: left; width: 189px; padding: 18px 0 5px 18px; margin: 0;}
#preview {float: left; width: 780px; padding: 0 0 5px 0; margin: 0;}

#menu {float: left; position: relative; left: 12px; width: 975px; margin: 0; padding: 0; BACKGROUND: url(../images/menu02.gif) no-repeat right top;}
#menu UL {float: left; list-style: none; width: 975px; padding: 0; margin: 0; BACKGROUND: url(../images/menu01.gif) no-repeat left top;}
#menu UL LI {float: left; padding: 13px 38px 6px 38px; margin: 0; BACKGROUND: url(../images/menu-line.gif) no-repeat right top;}
#menu UL LI.end {BACKGROUND: none;}

#content {float: left; width: 975px; padding: 0 15px 0 12px; margin: 0;}
#content #aside {float: left; width: 225px; padding: 0; margin: 0; BACKGROUND: url(../images/aside.gif) #390000 no-repeat left bottom;}

#content #booking {float: left; width: 225px; padding: 0; margin: 0;}
#content #booking P {padding: 25px 0 0 0; margin: 0; text-align: center;}
#content #booking DL {float: left; padding: 0 32px; margin: 0; width: 161px; font: bold 11px "Verdana"; color: #fff;}
#content #booking DL DT{float: left; width: 161px; padding: 8px 0 0 0; margin: 0;}
#content #booking DL DD {float: left; width: 161px; padding: 3px 0 0 0; margin: 0;}
#content #booking DL select {font: normal 10px "Verdana";}
#content #booking .submit {float: left; padding: 18px 0 0 32px; margin: 0;}
#content #booking .guestbook {float: left; width: 225px; padding: 15px 0 20px 0;}


#content #article {float: left; padding: 0; width: 750px; BACKGROUND: url(../images/content-bottom.gif) no-repeat 555px bottom;}
#content #article #desc {float: left; padding: 32px 22px 10px 22px; width: 706px; BACKGROUND: url(../images/content-top.gif) no-repeat 555px top;}
#content #article #desc .title {float: left; width: 706px;}
#content #article #desc P {float: left; width: 676px; padding: 15px; margin: 0; line-height: 18px;}


#content .graybox1 {float: left; BACKGROUND: url(../images/lt.gif) #dddddd no-repeat left top; position: relative; left: 23px; margin: 0;}
#content .graybox2 {float: left; BACKGROUND: url(../images/rt.gif) no-repeat right top;}
#content .graybox3 {float: left; BACKGROUND: url(../images/lb.gif) no-repeat left bottom;}
#content .graybox4 {float: left; BACKGROUND: url(../images/rb.gif) no-repeat right bottom; padding: 10px 15px 10px 10px;}
#content .graybox4 P {line-height: 14px; color: #390000;}


#content #link-group {float: left; width: 750px; BACKGROUND: url(../images/line2.gif) no-repeat 23px top; margin: 16px 0 0 0;}

#footer {float: right; width: 696px; padding-left: 54px;}
#footer #copyright {float: right; width: 696px; padding: 12px 0 10px 0; BACKGROUND: url(../images/copyright.gif) #c7c7c7 no-repeat left top; font: normal 10px "Verdana"; color: #484848; text-align: center;}
#footer #copyright P {padding: 0; margin: 0;}
#footer #copyright A:link {COLOR: #484848; TEXT-DECORATION: none;}
#footer #copyright A:visited {COLOR: #484848; TEXT-DECORATION: none;}
#footer #copyright A:active {COLOR: #390000; TEXT-DECORATION: none;}
#footer #copyright A:hover {COLOR: #390000; TEXT-DECORATION: none;}

.internet-rates {width: 225px; margin: 0 auto; float: left; padding: 10px 0 0 0; text-align: center;}
.internet-rates A:link {COLOR: #fff; TEXT-DECORATION: none;}
.internet-rates A:visited {COLOR: #fff; TEXT-DECORATION: none;}
.internet-rates A:active {COLOR: #666; TEXT-DECORATION: none;}
.internet-rates A:hover {COLOR: #666; TEXT-DECORATION: none;}




/* IMAGES SHOW */
.highslide {	cursor: url(../script/graphics/zoomin.cur), pointer; outline: none; text-align: left;}
.highslide img {border: 2px solid gray;}
.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: lock; width: 976px;}