/* 
 *	CSS LAYOUT Styles Definition 
 *
 *							©2009
*/

/* ie6 png transparency fix */
* html img, * html .png { position: relative; behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none", this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')", this.src = "/images/x.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''), this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')", this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)) }

/* body base styles */
/*html { _overflow: hidden !important; } */
body { font: normal 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #333; background-color: #FFF; background-image: url(/images/preloader.jpg); background-repeat: no-repeat; background-position: 50% 50% }
body.site { background: transparent }
	
a, a:visited { color: #FF6800; text-decoration: underline }
a:hover, a:active { color: #000; text-decoration: none }

/* IE6 hack to get sub links to behave correctly */
li { height: 1% } 

/* single line */
hr { margin: 0 !important; height: 2px; border: 0; background: #333; !color: #333; !display: block; !margin: -7px auto !important }

* html input { padding: 2px; background: #fff; border: 1px solid #CCC; font-size: 11px; color: #333 }
input[type="text"], input[type="password"], input[type="file"], select, textarea { padding: 2px; background: #fff; border: 1px solid #CCC; font-size: 11px; color: #333 }
input[type="submit"], input[type="button"] { cursor: pointer; padding: 1px 10px; font-size: 11px; font-weight: bold; text-align: center; background: #E6E6E6; color: #333333; border: 1px outset #C1C1C1;	-moz-border-radius-bottomleft: 3px; -moz-border-radius-bottomright: 3px; -moz-border-radius-topleft: 3px; -moz-border-radius-topright: 3px }

/* this tells the elements where to go */
.left { float: left }
.right { float: right }
.center { text-align: center }

/* rounded corners */
.rounded { border-radius: 4px; /* CSS3 support */ -webkit-border-radius: 4px; /* Webkit equivalent */ -moz-border-radius: 4px /* Mozilla equivalent */ }

/*	hide elements from screen but not from source */ 
.hidden { position: absolute !important; top: -999em; left: -999em }

/* apply transparency to element */
.transparent { filter: alpha(opacity=50); /* internet explorer */ -khtml-opacity: 0.5; /* khtml, version before safari */ -moz-opacity: 0.5; /* firefox, mozilla, netscape */ opacity: 0.5; /* safari, chrome, opera */ -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* internet explorer 8 */ }

/* <noscript> & IE6 warnings */
.noscript { display: block; position: absolute; top: 0; left: 0; background-color: #FFF; color: #333; width: 100%; height: 100% }
.noscript h1 { margin: 15px 10px; font-size: 18px }
.noscript p { margin: 5px 10px; font-size: 12px }
.sayno2ie6 { display: none; _display: block; position: absolute; z-index: 9999; width: 100%; _height: 100%; min-height: 100%; font: normal 12px Tahoma, Geneva, sans-serif !important; background-color: #FFF; color: #000 }
.sayno2ie6 blockquote { padding: 25px; margin: 20% auto; width: 430px; background-color: #EDECEA }
.sayno2ie6 blockquote p { margin-bottom: 25px; line-height: 20px; text-align: center }
.sayno2ie6 blockquote table td { text-align: center }
.sayno2ie6 blockquote a { line-height: 20px; color: #0000CE }
.sayno2ie6 blockquote a:hover { color: #000; text-decoration: underline }
.sayno2ie6 blockquote a img { display: block; text-align: center; margin-bottom: 5px; }

/* main definitions */
.site-wrapper { display: none }
.site .site-wrapper { display: block; /*_display: none;*/ position: absolute; width: 100%; _height: 100%; min-height: 100%;	background-color: #FFF }
.site-content { margin: 0 auto; width: 990px; overflow: hidden; text-align: left; position: relative; background-color: #FFF }
.site-content a.top { display: none }

.padder { padding: 10px }

/* Header */
.header { position: relative; margin-bottom: 10px; padding-top: 98px; background: url(/images/header_background.jpg) no-repeat left top }
.header .logo { position: absolute; top: 0; /*left: 33px;*/ left: 0; z-index: 999 }
.header .nav { border-top: 2px solid #FFF; height: 42px; background: url(/images/header_menu_background.jpg) repeat-x left bottom }
.header .nav ul { margin-left: 170px; list-style: none; text-align: center }
.header .nav ul li { display: block; height: 25px; float: left; list-style: none; background: url(/images/header_nav_separator.png) no-repeat -4px -2px; _background: none; _border-left: 1px solid #FFF; position: relative }
.header .nav ul li a { display: block; line-height: 24px; float: left; padding: 0 15px; font-size: 16px; font-weight: bold; color: #482507; text-decoration: none }
.header .nav ul li a:hover { background: url(/images/header_nav_li_background.png) no-repeat 50% 50%; _background: none; color: #FFF }
.header .nav ul li a.active,
.header .nav ul li a.active:hover { background: url(/images/header_nav_li_background.png) no-repeat 50% 50%; _background: none; color: #FFF }

.header .ls { position: absolute; z-index: 999; right: 30px; top: 15px }
.header .ls .selector { text-align: right }
.header .ls .selector span { cursor: pointer; padding: 4px 10px; background-color: #F5AB40; text-decoration: none }
.header .ls .selector span strong { padding: 0 20px 0 0; margin-right: 5px; color: #FFF; background: url(/images/languages_down.png) no-repeat right 2px }
.header .ls .selector span.active { background-color: #000 }
.header .ls .selector span.active strong { background-image: url(/images/languages_up.png); color: #FFF }
.header .ls .selector span:hover strong { text-decoration: underline }
.header .ls ul { display: none; width: 150px; border-radius: 4px 0 4px 4px; -moz-border-radius: 4px 0 4px 4px; -webkit-border-radius: 4px }
.header .ls ul.active { padding: 10px 0; display: block; background-color: #000 }
.header .ls ul li a { padding: 0 15px; display: block; line-height: 20px; font-weight: bold; text-decoration: none }
.header .ls ul li a:hover { background-color: #F5AB40; color: #FFF }
.header .ls ul li a img { border: 2px solid #000; vertical-align: middle; margin-bottom: 2px; margin-right: 10px }
.header .ls ul li a:hover img { border: 2px solid #F5AB40 }
.header .ls ul li.active a { color: #FFF }
.header .ls ul li.active a img { border: 2px solid #FFF }
.header .ls ul li.active a:hover img { border: 2px solid #000 }

/* Content */
.content { position: relative; overflow: hidden }
.content .mainbar, 
.content .sidebar { margin-bottom: -20000px !important; padding-bottom: 20020px !important }

/* Mainbar */
.mainbar { width: 680px; min-height: 500px; height: 1%; /* Holly hack for Peekaboo Bug */ position: relative }
.mainbar.wide { width: 990px }
.mainbar .slider { min-height: 250px; margin-bottom: 10px }
.mainbar .slider ul li div { padding: 2px 10px; max-width: 300px; background: url(/images/red_transparent.png); position: absolute; right: 0; top: 30px }
.mainbar .slider ul li div h2 { font-size: 24px; color: #FFF }
.mainbar .slider ul li div p { margin-bottom: 5px; font-size: 13px; color: #FFF }
.mainbar .slider ul li a { position: relative; min-height: 250px }

.mainbar .specials { margin-top: 10px }
.mainbar .specials .gradient { margin-top: 5px; position: relative; min-height: 235px; display: block }
.mainbar .specials h3 { margin: 10px 0; font-size: 22px; color: #4D2200 }
.mainbar .specials blockquote { text-align: center; margin-top: 10px; float: left; width: 185px; min-height: 215px; padding: 10px 15px; padding-right: 25px; padding-top: 5px; border-right: 1px solid #E6D8CB }
.mainbar .specials blockquote.last { border-right: none }
.mainbar .specials blockquote h2 { margin-top: 10px; text-align: center; font-size: 14px }
.mainbar .specials blockquote p { margin: 10px 0; text-align: center }
.mainbar .specials blockquote a { font-size: 14px; font-weight: bold}

.mainbar .txt { min-height: 450px }
.mainbar .txt h1 { margin-bottom: 10px; color: #73594A; font-size: 18px; font-weight: normal }

.mainbar .hotels h1 { }
.mainbar .hotels blockquote { float: left; width: 320px; _width: 310px; margin: 10px; position: relative; margin-bottom: 10px }
.mainbar .hotels blockquote h1 { margin-bottom: 5px; font-size: 14px }
.mainbar .hotels blockquote h1 a { color: #522D10; text-decoration: none }
.mainbar .hotels blockquote h1 a:hover { text-decoration: underline }
.mainbar .hotels blockquote a.pix { margin-right: 10px; float: left }
.mainbar .hotels blockquote a.pix img { border: 3px solid #FFF }
.mainbar .hotels blockquote a.pix:hover img { border: 3px solid #FFEBD6 }

.mainbar .news { position: relative }

.mainbar .events { position: relative }
.mainbar .events .booknow { text-align: right }
.mainbar .events .booknow a { padding: 5px 15px; font-size: 16px; font-weight: bold; color: #FFF; background-color: #FF9B9A }

.mainbar .booknow ul { margin-top: 25px }
.mainbar .booknow li { margin: 10px }
.mainbar .booknow li a { display: block; padding: 20px 10px; padding-top: 30px; font-size: 18px; color: #333; background: url(/images/big_btn.png) no-repeat left top }
.mainbar .booknow li a:hover { font-weight: bold; color: #FD000D; background: url(/images/big_btn_.png) no-repeat left top; text-decoration: underline }

.mainbar .offers { position: relative }
.mainbar .offers .list { float: left; padding: 20px 10px; border-right: 5px solid #FFF; width: 215px; }
.mainbar .offers .list h2 { font-size: 18px; font-weight: normal }
.mainbar .offers .list p { margin: 10px 0 }
.mainbar .offers .list ul { margin: 15px 10px }
.mainbar .offers .list ul li { margin: 5px 0 }
.mainbar .offers .list ul li a { padding-left: 33px; color: #333; background: url(/images/offer_bull.png) no-repeat left 1px }
.mainbar .offers .list ul li a:hover { color: #FF1008; background: url(/images/offer_bull_.png) no-repeat left 1px; text-decoration: underline }
.mainbar .offers .list ul li a.active { color: #FF1008; background: url(/images/offer_bull_.png) no-repeat left 1px; text-decoration: underline }
.mainbar .offers .details { float: right; width: 405px; background: url(/images/body_flower.png) no-repeat 280px bottom; padding: 10px; padding-bottom: 60px }
.mainbar .offers .details h1 { font-size: 22px; font-weight: bold }

.mainbar .contact { background: url(/images/tab_background.jpg) repeat-x left top; position: relative }
.mainbar .contact .left { width: 215px; padding: 15px }
.mainbar .contact .left p { margin-bottom: 15px }
.mainbar .contact .left p span { vertical-align: middle; margin-left: 5px; font-size: 16px; font-weight: bold; color: #FF6505 }
.mainbar .contact .left blockquote { padding-right: 10px; border-right: 1px solid #E7D9CC }
.mainbar .contact .right { width: 400px; padding: 15px }
.mainbar .contact .right p { position: relative; margin-bottom: 5px }
.mainbar .contact .right label { font-size: 14px; font-weight: bold; color: #573519 }
.mainbar .contact .right input[type="text"] { padding: 5px; font-size: 13px; color: #B3A197; border: 1px solid #B3A197; min-width: 220px }
.mainbar .contact .right textarea { padding: 5px; color: #B3A197; border: 1px solid #B3A197 }
.mainbar .contact .right p.last { margin-top: 5px; text-align: right }
.mainbar .contact .right input[type="submit"] { cursor: pointer; padding: 0 20px; text-decoration: underline; font: bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif; color: #FF6505; background: transparent; border: none }
.mainbar .contact .right input.error,
.mainbar .contact .right textarea.error{ border-color: #F75921 }
.mainbar .contact .right span.error { position: absolute; z-index: 998; display: block; top: -23px; left: 110px; background-color: #F75921; padding: 1px 5px; color: #FFF; font-size: 10px }

.mainbar .booknow { text-align: right; margin: 10px }
.mainbar .booknow a {}

.mainbar.hotels { }
.mainbar.hotels .main { position: relative; min-height: 250px }
.mainbar.hotels .main h1 { font-size: 18px; color: #FFF; font-weight: normal; padding: 2px 10px; max-width: 400px; background: url(/images/red_transparent.png); position: absolute; bottom: 15px; left: 0 }
.mainbar.hotels .details { margin-top: 10px }
.mainbar.hotels .details>ul { padding: 0 15px; height: 28px; background: #FF9A31 url(/images/tabs_background.jpg) no-repeat left top }
.mainbar.hotels .details>ul li { line-height: 28px; float: left; color: #FFF; font-weight: bold; }
.mainbar.hotels .details>ul li a { padding: 0 5px; display: block; float: left; line-height: 28px; text-decoration: none; font-size: 14px; font-weight: bold; color: #FFF }
.mainbar.hotels .details>ul li a.booking { background: #004C40; text-decoration: underline blink; }
.mainbar.hotels .details>ul li a.active { text-decoration: underline }
.mainbar.hotels .details>ul li a:hover { text-decoration: underline }
.mainbar.hotels .details .tab { padding: 10px 15px; font-size: 13px; display: none; position: relative; min-height: 200px; background: url(/images/tab_background.jpg) repeat-x left top }
.mainbar.hotels .details .tab h2 { font-size: 14px; color: #F30; margin-bottom: 10px }
.mainbar.hotels .details .facilities { float: left; width: 100%; overflow: hidden; position: relative }
.mainbar.hotels .details .facilities.list li { min-width: 180px }
.mainbar.hotels .details .facilities.list p { text-align: right; color: #FF6800 }
.mainbar.hotels .details .facilities ul { clear: left; float: left; list-style: none; position: relative; left: 50%; text-align: center }
.mainbar.hotels .details .facilities li { display: block; margin-bottom: 10px; float: left; list-style: none; position: relative; right:50%; font-size: 11px; color: #5e5045; padding: 0 10px }
.mainbar.hotels .details .facilities li span { cursor: help }
.mainbar.hotels .details .facilities li img { vertical-align: middle; margin-right: 10px; }
.mainbar.hotels .details .map img { border: 3px solid #FFF }
/*.mainbar.hotels .details .photos { text-align: center }
.mainbar.hotels .details .photos ul { width: 450px; margin:0 auto }
.mainbar.hotels .details .photos ul li { margin:5px; float: left; border:2px solid #FFD2A6; position:relative; overflow:hidden; }
.mainbar.hotels .details .photos .pika_main { width: 500px; padding-right: 20px; margin: 0 auto }
.mainbar.hotels .details .photos ul li img{position:relative;cursor:pointer;}
.mainbar.hotels .details .photos .pika_main img{border:5px solid #222;}
.mainbar.hotels .details .photos .pika_main{position: relative;margin:0 auto;}
.mainbar.hotels .details .photos .pikachoose li{float:left;position:relative;overflow:hidden;list-style:none;}
.mainbar.hotels .details .photos .pika_play{ display: none; position:absolute;top:10px;right:20px;z-index:1;}
.mainbar.hotels .details .photos .pika_play a{position:relative;margin-left:auto;cursor:pointer;}
.mainbar.hotels .details .photos .pika_play img{border:none !important;}
.mainbar.hotels .details .photos .pika_caption{width:100%;height:30px;text-align:center;}
.mainbar.hotels .details .photos .pika_navigation a{ cursor: pointer; font-size: 12px;color: #FF6800 ;text-decoration: none;}
.mainbar.hotels .details .photos .pika_navigation a:hover{text-decoration: underline;}
.mainbar.hotels .details .photos .pika_navigation{padding-top:10px;clear:both;text-align:center;}
*/

.mainbar.hotels .details .photos { text-align: center }

.mainbar.hotels .details .photos ul li { margin:5px; float: left; }
.mainbar.hotels .details .photos ul li.first { margin-right: 15px }
.mainbar.hotels .details .photos ul li.first a img { border: 3px solid #222 }
.mainbar.hotels .details .photos ul li a img { border: 3px solid #CBC2BD }
.mainbar.hotels .details .photos ul li a:hover img { border: 3px solid #FF6800 }
.mainbar.hotels .details .photos ul li.first a:hover img { border: 3px solid #222 }


/* Sidebar */
.sidebar { position: relative; width: 300px }
.sidebar div.box { margin-bottom: 15px; position: relative }

.sidebar .hotels blockquote { position: relative; margin-bottom: 10px }
.sidebar .hotels blockquote h1 { margin-bottom: 5px; font-size: 14px }
.sidebar .hotels blockquote h1 a { color: #522D10; text-decoration: none }
.sidebar .hotels blockquote h1 a:hover { text-decoration: underline }
.sidebar .hotels blockquote a.pix { margin-right: 10px; float: left }
.sidebar .hotels blockquote a.pix img { border: 3px solid #FFF }
.sidebar .hotels blockquote a.pix:hover img { border: 3px solid #FFEBD6 }

.sidebar .booknow { position: relative }
.sidebar .booknow a { display: block; text-align: center; line-height: 50px; font-size: height: 50px; background: url(/images/blinker.gif) no-repeat left top; font-size: 24px; color: #FFF; text-decoration: underline }
.sidebar .booknow a:hover { text-decoration: none }

.sidebar .newsletter { padding: 10px 0; background: url(/images/newsletter.jpg) no-repeat left top }
.sidebar .newsletter h2 { padding: 2px 15px; display: inline; color: #FFF; font-size: 24px; background: url(/images/transparent.png) }
.sidebar .newsletter form { margin: 10px 15px }
.sidebar .newsletter form p { position: relative; margin-bottom: 8px; color: #5E4B3C }
.sidebar .newsletter form p input[type="text"] { margin-top: 6px; width: 180px; padding: 5px; border: 1px solid #CFB195; background: #FFF; font-size: 14px; font-weight: normal }
.sidebar .newsletter form p input[type="submit"] { padding: 3px 10px; background-color: #FFE3C6; border-color: #E8BF9F }
.sidebar .newsletter form p input.error { border-color: #F75921 }
.sidebar .newsletter form p span.error { position: absolute; z-index: 998; display: block; top: 34px; left: 65px; background-color: #F75921; padding: 1px 5px; color: #FFF; font-size: 10px }
.sidebar .newsletter form p label { width: 65px; float: left }

.sidebar .offers { padding: 10px 0; background: url(/images/offers.jpg) no-repeat left top }
.sidebar .offers h2 { padding: 2px 15px; display: inline; color: #FFF; font-size: 24px; background: url(/images/transparent.png) }
.sidebar .offers blockquote { margin: 10px }
.sidebar .offers blockquote h3 { margin-bottom: 5px; font-size: 14px }
.sidebar .offers blockquote h3 a { color: #522D10; text-decoration: none }
.sidebar .offers blockquote h3 a:hover { text-decoration: underline }
.sidebar .offers blockquote p { line-height: 15px }

/* Footer */
.footer { position: relative; padding: 10px 0 20px 0; margin-top: 25px; background: #FFF url(/images/footer_background.jpg) repeat-x left 40px }
.footer .logo { position: absolute; left: 22px; top: -10px; z-index: 999 }
.footer .nav { float: left; width: 100%; overflow: hidden; position: relative }
.footer .nav ul { clear: left; float: left; list-style: none; position: relative; left: 50%; text-align: center }
.footer .nav ul li { display: block; float: left; list-style: none; position: relative; right:50%; font-size: 13px; color: #73594C }
.footer .nav ul li a { display: block; float: left; padding: 0 15px; font-size: 13px; font-weight: bold; color: #73594C; text-decoration: none }
.footer .nav ul li a:hover { color: #FF6800; text-decoration: underline }
.footer .nav ul li a.active,
.footer .nav ul li a.active:hover { color: #FF6800; text-decoration: underline }
.footer .nav p { clear: left; padding: 20px 0; text-align: center; color: #B39D86 }

/* Page Not Found */
.notfound { margin: 0 auto; padding: 25px; border: 1px solid #D0D0D0; font-size: 11px; color: #333 }
.notfound h1 { padding-bottom: 10px; border-bottom: 1px solid #CCC; font-size: 24px; font-weight: normal }
.notfound p { margin: 10px 0 }
.notfound ul { margin-left: 13px; list-style-type: square }
.notfound li { margin: 5px 0; color: #FF9A30 }
.notfound li a { cursor: pointer; outline-style: none; color: #FF9A30 }
.notfound li a:hover { text-decoration: underline }

/* No results */
.no-results { margin: 10px 0; padding: 15px; background: #FFF }
.no-results blockquote { padding: 15px; background-color: #FFE5E5 }
.no-results h2 { font-size: 18px; margin-bottom: 10px; font-weight: normal; color: #000 }
.no-results p { font-size: 12px; color: #FF0000 }
.no-results p a { text-decoration: underline; color: #333 }

/*mms*/
a.solution {display:block; border-bottom: 5px solid #FFF; padding-bottom: 10px; margin-bottom: 10px; text-decoration:none; color:#333333}
a.solution .unu { float:left; display:block; margin-right:15px; width:100px; height:100px; background:#333333; color:#fff; text-align:center; line-height:33px}
a.solution .box { float:left; display:block; text-align:left; width:540px;}
a.solution strong { display: block; margin-bottom: 5px; padding-left: 33px; color: #333; background: url(/images/offer_bull.png) no-repeat left 1px }
a:hover.solution strong { color: #FF1008; background: url(/images/offer_bull_.png) no-repeat left 1px; text-decoration: underline }

a.solution:hover { }
a.solution:hover .unu { background:#FF1008}
a.solution .doi {float:left; margin-right:5px}
a.solution .spam { float:right; font-size:12px; display:none}
a.solution:hover .spam { display:block; color:#FF1008}
a.solution:hover strong { color:#FF1008}

.language_selector { position:absolute; z-index:5; top:15px; right:20px }
.language_selector a { display:block; width:30; float:right; margin-left:5px; text-decoration:none }
.language_selector a.selected img { border:1px solid #FFFFFF }