
* {margin:0; padding:0;}

html {-webkit-font-smoothing:antialiased; height:100%;}
body {background:#cbcbcb repeat; color:#888; font: 11px Helvetica, sans-serif; margin:0 auto; background-image: url('../images/background.jpg'); word-spacing: 1px; line-height: 150%;}
a {text-decoration:none;}
a:hover {text-decoration:underline;}
.clear {clear:both;}

#container #middle .content ul { margin: 0 0 20px 30px;} 
#container #middle .content #gallery ul { margin: 0;} 

#container #top #logo {user-select:none; -moz-user-select:none; -webkit-user-select:none;}
#container { width: 972px; padding-bottom: 20px; padding-bottom: 160px;}
#container #top { position:relative; padding-left: 150px; }
#container #top #logo {background:url('../images/logo.jpg') top left no-repeat; height:390px; margin:0; text-indent:-1000em; width:247px; position: absolute; top: 0; right: 0;}
#container #top h2.img1 {background:url('../images/img1_top.jpg') top left no-repeat; height:179px; margin:0; text-indent:-1000em; width:575px; }
#container #top h3.img1 {background:url('../images/img1_bot.jpg') top left no-repeat; height:35px; margin:0; width:555px; color: #fff; padding: 35px 0 0 20px; font-size: 20px;text-shadow: 0 1px 5px #000000; }
#container #top h2.img2 {background:url('../images/img2_top.jpg') top left no-repeat; height:179px; margin:0; text-indent:-1000em; width:575px; }
#container #top h3.img2 {background:url('../images/img2_bot.jpg') top left no-repeat; height:35px; margin:0; width:555px; color: #fff; padding: 35px 0 0 20px; font-size: 20px;text-shadow: 0 1px 5px #000000; }
#container #top h2.img3 {background:url('../images/img3_top.jpg') top left no-repeat; height:179px; margin:0; text-indent:-1000em; width:575px; }
#container #top h3.img3 {background:url('../images/img3_bot.jpg') top left no-repeat; height:35px; margin:0; width:555px; color: #fff; padding: 35px 0 0 20px; font-size: 20px;text-shadow: 0 1px 5px #000000; }
#container #top h2.img4 {background:url('../images/img4_top.jpg') top left no-repeat; height:179px; margin:0; text-indent:-1000em; width:575px; }
#container #top h3.img4 {background:url('../images/img4_bot.jpg') top left no-repeat; height:35px; margin:0; width:555px; color: #fff; padding: 35px 0 0 20px; font-size: 20px;text-shadow: 0 1px 5px #000000; }
#container #top h2.img5 {background:url('../images/img5_top.jpg') top left no-repeat; height:179px; margin:0; text-indent:-1000em; width:575px; }
#container #top h3.img5 {background:url('../images/img5_bot.jpg') top left no-repeat; height:35px; margin:0; width:555px; color: #fff; padding: 35px 0 0 20px; font-size: 20px;text-shadow: 0 1px 5px #000000; }
#container #top h2.img6 {background:url('../images/img6_top.jpg') top left no-repeat; height:179px; margin:0; text-indent:-1000em; width:575px; }
#container #top h3.img6 {background:url('../images/img6_bot.jpg') top left no-repeat; height:35px; margin:0; width:555px; color: #fff; padding: 35px 0 0 20px; font-size: 20px;text-shadow: 0 1px 5px #000000; }
#container #top h2.img7 {background:url('../images/img7_top.jpg') top left no-repeat; height:179px; margin:0; text-indent:-1000em; width:575px; }
#container #top h3.img7 {background:url('../images/img7_bot.jpg') top left no-repeat; height:35px; margin:0; width:555px; color: #fff; padding: 35px 0 0 20px; font-size: 20px;text-shadow: 0 1px 5px #000000; }
#container #top h2.img8 {background:url('../images/img8_top.jpg') top left no-repeat; height:179px; margin:0; text-indent:-1000em; width:575px; }
#container #top h3.img8 {background:url('../images/img8_bot.jpg') top left no-repeat; height:35px; margin:0; width:555px; color: #fff; padding: 35px 0 0 20px; font-size: 20px;text-shadow: 0 1px 5px #000000; }
#container #top h2.img9 {background:url('../images/img9_top.jpg') top left no-repeat; height:179px; margin:0; text-indent:-1000em; width:575px; }
#container #top h3.img9 {background:url('../images/img9_bot.jpg') top left no-repeat; height:35px; margin:0; width:555px; color: #fff; padding: 35px 0 0 20px; font-size: 20px;text-shadow: 0 1px 5px #000000; }
#container #middle { position:relative; padding-left: 150px; }
#container #middle .micetype { position:absolute; top: 0px; right: 38px; width: 185px;}
#container #middle .micetype p { margin-bottom: 15px; }
#container #middle .micetype h4 { margin-bottom: 5px; font-size: 14px; color: #666; }

#container #middle .content { width: 540px; font-size: 14px; margin: 0px 20px 0px 20px; color: #333; padding-top: 15px; line-height: 20px;}
#container #middle .content h3 { margin-bottom: 5px; font-size: 18px;}
#container #middle .content p { margin-bottom: 15px;}

#container #middle a { color: #0076a3;}
#container #middle a:hover { border-bottom: 1px dotted #0076a3;  text-decoration: none;}
#container #middle #gallery a:hover { border-bottom: 0;  text-decoration: none;}

#container #middle ul.nav { list-style-type: none;  width: 150px; text-align: right; position: absolute; top: 0; left: 0px;}
#container #middle ul.nav a { color: #fff; font-size: 16px; font-family: georgia; display: block; padding: 10px 8px 12px 0; text-shadow: 0 1px 3px #000000; text-transform: uppercase; letter-spacing: 1px;}
#container #middle ul.nav li#on a { background: url('../images/bg_blur_light.png') top right repeat-y; border: 0;text-shadow: 0 1px 5px #000000; }
#container #middle ul.nav a:hover { background: url('../images/bg_blur.png') top right repeat-y; border: 0;}

.wintergreen { background: url('../images/wintergreen.gif') 0px 0px no-repeat; padding-top: 32px; width: 202px; height: 37px; margin-top: 40px; display: block; }
.wintergreen a { position: absolute; bottom: -10px; left: 0; border-bottom: 1px solid #fff; padding-bottom: 0; line-height: 100%;  }


form { background: #99aabb; padding: 0px 20px 15px 20px; margin-top: 20px; border-bottom-left-radius:7px; border-bottom-right-radius:7px; -moz-border-radius-bottomleft:7px; -moz-border-radius-bottomright:7px; -webkit-border-bottom-left-radius:7px; -webkit-border-bottom-right-radius:7px;  border-top-left-radius:7px; border-top-right-radius:7px; -moz-border-radius-topleft:7px; -moz-border-radius-topright:7px; -webkit-border-top-left-radius:7px; -webkit-border-top-right-radius:7px;}
form ul {list-style-type: none;}
form li { padding-left:0; margin-left: 0; padding-top: 7px; color: #fff; }
form li.half { float: left; width: 50%;}
form li.half input { width: 67px;}
form li label { display: block; padding-bottom: 1px;  }
form input { width: 140px; font-size: 12px;}
form textarea { width: 140px; height: 100px;resize: none;}

.rates { background: #fff; margin-bottom: 10px;}
.rates h2 { border-bottom: 1px solid #ccc; padding: 2px 5px; font-size: 12px; }

.montage { margin: auto; width: 550px; text-align: center;}

.nights { margin-top: 10px; margin-left: 0px; margin-bottom: 0px; text-align: right;}
.nights img { float: right; }
.nights span { font-size: 10px; margin-top; 4px; margin-right: 5px; }
