/*********RESET********/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, cite, code, del, em, img, ins, strong, sub, sup, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0; padding: 0; border: 0;
}
a img, :link img, :visited img {border: 0;}
table {border-collapse: collapse;}
ol, ul {list-style: none;}
:focus {outline: 0;}

/*********GENERAL********/
body {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffdd; background-color: #fff;}
a {color: #ffd; text-decoration: underline;}
a:hover {color: #5cb63c; text-decoration: underline;}
h1 {font-size: 25px; margin-bottom: 25px; font-weight: normal;}
h2 {font-size: 20px; margin-bottom: 25px; font-weight: normal;}
h3 {font-size: 14px; margin-bottom: 25px; font-weight: bold;}
h4 {font-size: 14px; margin-bottom: 25px; font-weight: bold;}
pre {font-family: Arial, Helvetica, sans-serif; font-size: 14px; color: #ffffdd;}

.left {float: left;}
.right {float: right;}
.goTo {padding-right: 15px; background: url(../images/bullet_arrow_content.gif) right 3px no-repeat;}
.goTo:hover {padding-right: 15px; background: url(../images/bullet_arrow_content_on.gif) right 3px no-repeat;}

/*********WRAPPER********/
#wrapper {width: 991px; margin: 12px auto; background: url(../images/bg_wrapper.gif) top center repeat-y; position:relative;}

/*********HEADER********/
#header {height: 134px; height:991px; position: absolute; top:0px; left:0px;}
#logo {display: block; position: absolute; top: 29px; left: 47px;}
#header h1 {position: absolute; top: 50px; left: 546px; font-size: 19px; line-height: 20px;}
#language {position: absolute; top: 29px; left: 780px; width:200px;}
#language a {margin-right: 4px;}
#facebook {font-size: 15px; position: absolute; top: 65px; left: 780px; width:200px;}
#blog {font-size: 15px; position: absolute; top: 95px; left: 800px; padding-right: 15px; background: url(../images/bullet_arrow_header.gif) right 3px no-repeat; white-space:nowrap;}
#blog strong {font-size: 17px;}
#facebook a, #blog a {text-decoration: none;}
#facebook a:hover, #blog a:hover {color: #ffd; text-decoration: underline;}
#facebook img {vertical-align: middle;}
#header-bg {background: url(../images/bg_header.gif) no-repeat left top; height:200px; width:991px;}

/*********NAVBAR********/
#navbar {width: 950px; height: 38px; margin: 0px auto; padding-left: 25px; padding-top:134px; border-bottom: 1px solid #9b7974; background: url(../images/bg_navbar.gif) bottom left repeat-x; text-align: center; }
#navbar li {float: left; position: relative; z-index: 10;}
#navbar a {display: block; height: 38px; line-height: 37px; padding: 0px 20px; float: left; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 14px; color: #fff; text-decoration: none; border-left: 1px solid #8f4f53; background: url(../images/bg_navitem.gif) top left repeat-x;}
#navbar li.first a {border: 0px;}
#navbar a:hover, #navbar a:focus, #navbar a.on {background-position: bottom;}
#navbar ul li {float: none; text-align: left;}
#navbar ul li a {float: none; clear: both; font-size: 12px; padding: 0px 8px; border-left: 0px; border-top: 1px solid #9b7974;}

#navbar li div {display: none; position: absolute; top: 38px; left: 0px; text-align: left; width: 150px; z-index: 100;}
#navbar li ul {display: none; position: absolute; top: 0px; left: 0px; text-align: left; width: 150px; z-index: 100;}
#navbar li:hover div {display: block;}
#navbar li:hover ul {display: block;}

/*********PAGE********/
#page {width: 975px; margin: 0px auto; padding-top: 36px; background: url(../images/bg_page.gif) top left repeat-x; position: relative; z-index: 1;}
#sidebar {width: 186px; padding-left: 40px; padding-right: 25px; float: left;}
#content {width: 446px; min-height:816px; padding: 24px 16px; /*background: #f8f4f4; color: #46141e;*/background: #DAD0D2; color: #46141e; border: 1px solid #733845; overflow: hidden; float: left; position:relative;}
#contentGallery  {width: 670px; padding-left: 36px; float: left;}
#erics {width: 200px; padding: 0 0 0 26px; overflow: hidden; float: left; position: relative;}
a#print {position:absolute; width:44px; height:42px; top:0px; left:431px;}
#erics-img {width: 200px; margin: 0 0 0 -10px; overflow: hidden;  position: relative;}

/*********SIDEBAR-L********/
.bookOnline {width: 155px; height: 229px; margin-bottom: 10px; padding: 17px 14px 0 14px; background: url(../images/bg_book-online1.gif) top left no-repeat;}
#bookOff {}
.bookOnline h2 {font-size: 18px; margin-bottom: 0px; font-weight: normal; color: #46131f;}
.bookOnline iframe {background: transparent none;}
.bookOnline select {padding: 0px; margin-bottom: 8px; font-size: 12px; position: relative; z-index: 1;}
.bookOnline select.sDay {width: 38px;}
.bookOnline select.sMonth {width: 46px;}
.bookOnline select.sYear {width: 59px;}
.bookOnline span { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#46131f; font-weight:bold; padding-right:20px;}
.bookOnline p { font-family:Arial, Helvetica, sans-serif; font-size:15px; color:#46131f; font-weight:bold; margin-bottom:6px;}
.bookOnline a img { margin-bottom:4px;}
.bookOnline a.submit { margin-top:10px; display:block;}
.check {display: block; width: 150px; height: 18px; border: 1px solid #593f24; background-color: #46131f; color: #fff; font-size: 12px; cursor: pointer;}
.gbooking {margin-bottom: 6px;}

/*.manageBooking {font-size: 15px; text-decoration: none; background-position: right 6px;}*/
/*.manageBooking:hover {background-position: right 6px;}*/
.manageBooking {padding-right: 15px; background: url(../images/bullet_arrow_content_ong.gif) right 3px no-repeat; font-size: 15px; text-decoration: none; background-position: right 6px; color:#5cb63c;}
.manageBooking:hover {background: url(../images/bullet_arrow_content_green.gif) right 6px no-repeat; color:#228200;}


#sideVideo object {display: block; margin-bottom: 5px;}
#sideVideo a {text-decoration: none;}
#sideVideo a:hover {text-decoration: underline;}

#experience {width: 149px; height: 127px; margin-bottom: 10px; padding: 17px 20px 0px 17px; background: url(../images/bg_book-online.gif) top left no-repeat;}
#experience h2 {font-size: 18px; margin-bottom: 12px; font-weight: normal; color: #46131f;}
#experience a {display: block; margin-bottom: 5px; padding-left: 19px; font-size: 14px; color: #46131f; text-decoration: none; background: url(../images/icon_clink.gif) left top no-repeat;}
#experience a:hover {text-decoration: underline;}

.sideBox {width: 178px; border: 1px solid #c4c4c4; background: #dad0d2; padding-bottom: 7px; margin-bottom: 10px;}
.sideBox .goTo {clear: both; padding: 0px 15px 0px 7px; font-size: 14px; font-weight: bold; color: #441420; text-decoration: none; background: url(../images/bg_goto_sidebox.gif) right 4px no-repeat;}
.sideBox .goTo:hover {padding: 0px 15px 0px 7px; font-size: 14px; font-weight: bold; color: #441420; text-decoration: underline; background: url(../images/bg_goto_sidebox.gif) right 4px no-repeat;}
.sideBox img {display: block; margin-bottom: 7px;}

.advert {background: url(../images/cta_bg.jpg) top left no-repeat; width:148px; height:84px; padding-right:23px; padding-left:10px; text-align:center; vertical-align:middle; margin:auto;}
.advert a {text-decoration:none; color:#46141e; display:block; font-weight:bold; vertical-align:middle;}
.advert a:hover {text-decoration:none; color:#46141e;}

/*********SIDEBAR-R********/
#playerHolder {width: 179px; height: 171px; border: 1px solid #c4c4c4; margin-bottom: 10px;}
#erics a.cta {display: block; margin-bottom: 10px;}
#erics a img {display: block;}

#toGallery {width: 179px; margin-bottom: 10px; border: 1px solid #c4c4c4; background: #dad0d2; padding-bottom: 7px;}
#toGallery img {display: block; border: 1px solid #c4c4c4; margin-bottom: 5px;}
#toGallery a {text-decoration: none;}
#toGallery a.goTo {padding: 7px 15px 7px 7px; font-size: 14px; font-weight: bold; color: #441420; text-decoration: none; background: url(../images/bg_goto_sidebox.gif) right 11px no-repeat;}
#toGallery a.goTo:hover {text-decoration: underline;}

/*********CONTENT********/
#content p {line-height: 20px; margin-bottom: 25px;}
#content ul {margin-left: 30px; list-style: disc; line-height: 20px;}
#content ol {margin-left: 30px; list-style: decimal; line-height: 20px;}
#content a {color: #228200;}

.special {font-size: 18px;}
.special .goTo {text-decoration: none; background-position: right 5px;}
.special .goTo:hover {text-decoration: underline;}

.map {margin-bottom: 25px;}
#googleMap {width: 425px; height: 350px; margin-bottom: 25px;}

/*.roomPic {float: left; margin-right: 10px; padding: 10px 9px; background: url(../images/bg_thumb.jpg) top left no-repeat;}*/
p a img.roomPic { float:left; display:inline; margin-right: 12px; padding: 0px 0px; border:1px solid #46131F;}

#content p br.cleaner { display:none;}
.areaPic {float: left; margin-right: 0px; margin-bottom: 10px; padding: 10px 8px; border:1px solid #000;}
img.areaPic {float: left; margin-right: 12px; margin-bottom: 10px; padding: 0px 0px; border:1px solid #46131F;}


.address {padding-left: 60px;}
#contactForm {width: 425px;}
#contactForm label {display: block; margin-bottom: 20px;}
#contactForm label span {float: left; line-height: 30px;}
#contactForm label input {width: 300px; height: 22px; line-height: 22px; border: 3px solid #7c3742; float: right;}
#contactForm label textarea {width: 300px; height: 110px; border: 3px solid #7c3742; float: right;}
.send {width: 102px; height: 33px; font-size: 15px; font-weight: bold; color: #46131f; border: 0px; background: url(../images/btn_submit_bg.gif) center center no-repeat; cursor: pointer; float: right;}

/*********GALLERY********/
#galleryPic {width: 320px; float: left;}
#galleryPic h2 {font-size: 15px; font-weight: normal; text-align: right; margin: 0px; padding-right:5px;}
#galleryPic span {display: block; width: 316px; height: 316px; padding: 14px 0px 0px 14px; background: url(../images/bg_gallery-pic.gif) center center no-repeat;}
#galleryPic span img {display: block; border: 1px solid #c4c4c4;}

#galleryThumbBar {width: 322px; height: 20px; margin: 2px 0px 0px 4px; position: relative;}
#galleryThumbBar a {display: block; width: 20px; height: 20px; margin-left: 7px; /*background: url(../images/bg_tumbs-small.gif) center center no-repeat;*/}
#galleryThumbBar .previous {float: left; margin-left: 0px; margin-right: 3px;}
#galleryThumbBar .next {float: right;}
#galleryThumbBar table td {padding: 0px;}
#galleryThumbBar table img {display: block;}


#gallerySections {width: 338px; height: 325px; margin-top: 19px; float: right; position: relative;}
.sectionGallery {width: 106px; height: 110px; float: left;}
.sectionGallery h3 {font-size: 11px; font-weight: normal; margin: 0px; padding: 0px 0px 0px 3px; line-height: 12px;}
.sectionGallery h3 a {text-decoration: none; padding-left:3px;}
.sectionGallery h3 a:hover, .sectionGallery h3 a.on {text-decoration: none;}
.sectionThumb {display: block; width: 93px; height: 87px; padding: 9px 0px 0px 9px;}
.sectionThumb a {display: block; width: 84px; height: 78px; background-color: #5cb63c; border:1px solid #C4C4C4; overflow:hidden;}
#sectionScroll {width: 20px; height: 308px; position: absolute; top: 16px; right: 0px; background-color: #967980;}
#sectionScroll a {display: block;}
#sectionScroll .next {position: absolute; top: 286px;}

/*******GROUP FORM*******/
#GroupForm {width: 460px;}
#GroupForm table {width: 460px;}
#GroupForm table td {padding: 5px 0px 10px 5px; vertical-align: top;}
#GroupForm table td.define {width: 200px;}
#GroupForm table td.dataEnter {width: 300px;}
#GroupForm input {width: 215px; height: 22px; line-height: 22px; border: 3px solid #7c3742;}
#GroupForm input.rad {width: auto; height: auto; line-height: normal; border: 0px; vertical-align: bottom;}
#GroupForm input.xshort {width: 215px; height: 22px; line-height: 22px; border: 3px solid #7c3742;}
#GroupForm input.send {width: 102px; height: 33px; font-size: 15px; font-weight: bold; color: #46131f; border: 0px; background: url(../images/btn_submit_bg.gif) center center no-repeat; cursor: pointer; float: none;}
#GroupForm select {width: 220px; height: 30px; line-height: 30px; border: 3px solid #7c3742;}
#GroupForm select.short {width: 220px; height: 30px; line-height: 30px; border: 3px solid #7c3742;}
#GroupForm textarea {width: 215px; height: 110px; border: 3px solid #7c3742;}



/*********FOOTER********/
#footer {background: url(../images/bg_footer.gif) bottom center no-repeat; padding: 27px 0px; font-size: 13px;}
#contact {padding: 0px 41px;}
#contact p span {float: right;}
#copy {border-top: 1px solid #ffd; margin: 10px 8px 0px 8px; padding: 10px 33px 0px 33px; position: relative;}
#copy a {text-decoration: none;}
#copy a:hover {text-decoration: underline;}
#copy .left {padding-top: 0px;}
#awards {clear: both; padding-top: 10px; padding-bottom: 5px;}
#awards img {padding-right: 6px;}

/*********CLEANER | STUFF********/
.cleaner {clear: both; height: 1px; margin-top: -1px; line-height: 0px;}
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}

/*********HOME SLIDESHOW********/
#slideshow {
    position:relative;
    height:140px;
}

#slideshow img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
}

#slideshow img.active {
    z-index:10;
    opacity:1.0;
}

#slideshow img.last-active {
    z-index:9;
}

/*********ADS SLIDESHOW********/
#ads {
    position:relative;
    height:302px;
}

#ads img {
    position:absolute;
    top:0;
    left:0;
    z-index:8;
    opacity:0.0;
	cursor:pointer;
}

#ads img.active {
    z-index:10;
    opacity:1.0;
}

#ads img.last-active {
    z-index:9;
}

/*********OFFERS SLIDESHOW********/
#offers {
    position:relative;
	vertical-align:middle;
}

#offers a {
    /*position:absolute;
    top:0;
    left:0;*/
    z-index:8;
	display:none;
    opacity:0.0;
	vertical-align:middle;
	text-align:center;
}

#offers a.active {
	display:inline;
    z-index:10;
    opacity:1.0;
	vertical-align:middle;
	text-align:center;
}

#offers a.last-active {
    z-index:9;
	display:none;
	vertical-align:middle;
	text-align:center;
}