/* Getting the new tags to behave */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper {width:100%; overflow:hidden;}

/* Global properties ======================================================== */

body{ background:#000; border:0; font:13px Arial, Helvetica, sans-serif; color:#fff; line-height:18px;}

.body1{ position:fixed; z-index:0; background:url(../images/bg_bot.png) 0 0 repeat-x; height:481px; left:0; width:100%; bottom:0}
.body2{ background:url(../images/bg_top.png) 0 58px repeat-x;}

.splash{ position:fixed; width:100%; background:url(../images/banner.png) center 0 no-repeat; height:470px; bottom:20%; left:0; z-index:0}

.border_{ position:absolute; top:0; left:0;}
.prettyPhoto{ position:relative; display:block}
/* Global Structure ============================================================= */

.container_24 { padding:0 10px; position:relative; z-index:1}

.spinner{ position:absolute; z-index:99; background:url(../images/ajax-loader.gif) 50% 50% no-repeat #000; width:100%; height:100%; top:0; left:0}

.bg_spinner{ width:100%; height:40px; position: absolute; z-index:0; background:url(../images/ajax-loader2.gif) 50% 20px no-repeat}
#bgSlider{ min-width:980px; position:fixed !important}
#bgSlider img{ position:fixed !important}

.pagination{ position:absolute; top:149px; right:33px; z-index:4}
.pagination li{ float:left; padding-left:6px;}
.pagination li a{ display:block; width:26px; height:26px; background: url(../images/buttons.png) right 0 no-repeat}
.pagination li a:hover, .pagination .current a{ background-position:left}

.block {height:40px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -40px; position:relative}
body, html {height:100%;}
/* ============================= main layout ====================== */

a{ color:#fff; text-decoration: underline; font-style:italic; outline:none}
a:hover{ text-decoration: none}
h1{ float:left; padding:74px 0 0 1px}
h2{ font-size:28px; color:#fff; font-style:italic; font-weight:normal; line-height:1.2em; padding:22px 0 20px 0; letter-spacing:-1px;}
h2.icon1{ padding-left:70px; background:url(../images/icon1.png) 12px 13px no-repeat;}
h2.icon2{ padding-left:81px; background:url(../images/icon2.png) 14px 14px no-repeat;}
h2.icon3{ padding-left:81px; background:url(../images/icon3.png) 13px 9px no-repeat;}
h2.icon4{ padding-left:71px; background:url(../images/icon4.png) 11px 17px no-repeat;}
h2.icon5{ padding-left:76px; background:url(../images/icon5.png) 15px 17px no-repeat;}
h2.icon6{ padding-left:71px; background:url(../images/icon6.png) 12px 13px no-repeat;}
h2.letter_spacing{ letter-spacing:-1px; font-size:27px;} 
.box2 h2{ padding:13px 0 14px 0;}
p{ padding-bottom:18px;}

/* ============================= header ====================== */
header{ position:relative; z-index:2; height:121px;}

#logo{ display:block; background:url(../images/logo.png) 0 0 no-repeat; width:246px; height:32px; text-indent:-9999px;}

#menu { float:right; padding:72px 140px 0 0;}
#menu > li { float:left; padding-left:16px; position:relative}
#menu > li > a{ display:block; font-size:17px; text-decoration:none; line-height:32px; padding-left:16px; font-style:italic}
#menu > li > a span{ display:block; padding-right:16px;}
#menu > li > a span span{ display:block; padding:0}
#menu > li:hover > a, #menu > .active > a{ background:url(../images/menu_bg_left.png) 0 0 no-repeat; }
#menu > li:hover > a span, #menu > .active > a span{ background:url(../images/menu_bg_right.png) right 0  no-repeat;}
#menu > li:hover > a span span, #menu > .active > a span span{ background:url(../images/menu_bg.png) repeat-x;}

#menu .submenu_1{ position:absolute; top:49px; left:-24px; width:128px;}
#menu .submenu_1  > li{ background:url(../images/submenu_bg.png) 0 0 no-repeat; position:relative}
#menu .submenu_1 > .first, #menu .submenu_1 > .first:hover{ background:url(../images/submenu_top.png) 0 0 no-repeat; height:21px; width:100%;}
#menu .submenu_1 > .last, #menu .submenu_1 > .last:hover{ background:url(../images/submenu_bot.png) 0 0 no-repeat; height:20px; width:100%}
#menu .submenu_1 > li > a{ display:block; padding:0 20px; font-size:11px; color:#000000; font-weight:bold; text-transform:uppercase; text-decoration:none; line-height:23px;}
#menu .submenu_1 > li:hover{ background:#fff}
#menu .submenu_1 > .end > a{ line-height:22px;}

#menu .submenu_2{ position:absolute; top:-1px; left:130px; width:128px;}
#menu .submenu_2 > li{ padding-bottom:1px;}
#menu .submenu_2 > li > a{ display:block; font-size:11px; color:#fff; text-transform:uppercase; text-decoration:none; font-weight:bold; padding-left:20px; line-height:24px; background:url(../images/submenu_bg2.png) 0 0 repeat;}
#menu .submenu_2 > li:hover > a{ color:#00c7ff}

/* ============================= content ====================== */

#content{ position:relative; z-index:1;}

#content > ul > li{ width:100%; height:700px; overflow:hidden; padding-top:84px;}
#page_Home{ height:470px !important; padding-top:0 !important;}

.pad_left1{ padding-left:15px;}
.pad{ padding:18px 10px;}

.box1{ padding-left:21px; background:url(../images/box1_left.png) 0 0 no-repeat; margin:0 -5px; margin-bottom:5px;}
.box1 > div{ padding-right:21px; background:url(../images/box1_right.png) right 0 no-repeat}
.box1 > div > div{ background:url(../images/box1_bg.png) 0 0 repeat-x; height:80px;}

.box2{ background:url(../images/box_bg.png) repeat; padding:10px;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; padding-bottom:17px; margin-bottom:10px}
.box2 img{ margin-bottom:15px;}
.box2 .button1{ float:right;}
.box2 .font1{ padding:5px 0 0 3px;}
.box2 .font2{ padding:0px 0 0 3px; float:left;}

.stars{ margin-left:3px; min-width:56px; margin-right:12px; height:12px; position:relative; float:left; line-height:12px; overflow:hidden; margin-top:4px;}
.stars > span{ display:block; height:100%; position:absolute; top:0; left:0; background:url(../images/stars.png) 0 0 repeat-x}
.stars_1{ width:14px;}
.stars_2{ width:28px;}
.stars_3{ width:42px;}
.stars_4{ width:56px;}
.stars_5{ width:70px;}


.button1{ display:inline-block; background:#ca3847; font:19px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; font-style:italic; line-height:36px; padding:0 10px; text-decoration:none;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative}
.button1:hover, .button2:hover{ background:#00c7ff}
.button2{ display:inline-block; font:17px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#fff; line-height:30px; padding: 0 14px; text-decoration:none;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; font-style:normal; background:#ca3847}


.font1{ font-size:20px; line-height:1.2em; color:#fff; font-style:italic;}
.font2{ font-size:17px; color:#fff; font-style:italic; line-height:1.2em;}
.font2 span{ display:block; margin-top:-3px;}

.color1{ color:#cb3a4a}
.color2{ color:#db3c4c}

.link1{ color:#83242e; font-size:12px; float:right; margin-right:19px; margin-top:12px}
.link2{ color:#d53a4a; font-style:italic; text-decoration:none}
a.link2:hover{ text-decoration:underline}

.links{ width:62px; float:right; padding:0 0 0 0;}

#gallery1{ width:950px !important; margin-left:5px;}
#gallery2, #gallery3{ width:710px !important;}
#gallery1 li, #gallery2 li, #gallery3 li{ margin:0; margin-right:10px;}

#gallery1 ul, #gallery2 ul, #gallery3 ul{ width:1000px;}

.next1, .prev1, .next2, .prev2, .next3, .prev3, .close{ float:right; width:15px; height:22px; display:block; margin-top:29px;}
.next1, .next2, .next3, .close{ margin-right:20px; background:url(../images/marker_right.png) 0 0  no-repeat}
.next1:hover, .next2:hover, .next3:hover, .close:hover{ background-position:bottom}
.prev1, .prev2, .prev3{ float:right; margin-right:11px; background:url(../images/marker_left.png) 0 bottom no-repeat}
.prev1:hover, .prev2:hover, .prev3:hover{ background-position:top}
.close{ background:url(../images/close.png) 0 0 no-repeat; width:22px;}

.list1{}
.list1 li{ padding-bottom:7px; padding-top:5px; line-height:36px;}
.list1 a{ display:block; font-size:20px; line-height:36px; color:#fff;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; padding:0 12px; text-decoration:none; background: url(../images/spacer.gif) repeat}
.list1 a:hover{ background:#ca3847;}

.list2{}
.list2 li{ line-height:24px;}
.list2 a{ font-style:normal; text-decoration:none;}
.list2 a:hover{ text-decoration:underline}

.height1{ min-height:575px;}

.cols{ width:125px; float:left;}

#page_Hotels .box2 .font1{ padding:0px 0 2px 3px; margin-top:-4px;}
#page_Hotels .button1{ width:66px; text-align:center; margin-top:4px;}
#page_Hotels  .box2 span.font1{ float:left; padding:10px 0 10px 3px; margin-top:0;}
#page_Hotels  .height1,#page_More  .height1{ min-height:269px;}
#page_Contacts .height1, #page_Privacy .height1{ min-height:546px; padding:28px 20px;}

.map{ border:1px solid #2b2b2b;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; overflow:hidden; margin-bottom:7px}

.address{ width:170px; padding-bottom:25px}


/* ============================= footer ====================== */

footer { font-size:11px; color:#ababab; text-transform:uppercase; height:40px}
footer a{ color:#ababab; text-decoration:none; font-style:normal}
footer a:hover{ text-decoration:underline;}

footer span{ color:#00b3db}
footer strong{ color:#fff; font-weight:normal}

/* ============================= forms ============================= */

#ContactForm { position:relative; padding:3px 0 0 11px; width:605px;}
#ContactForm .button2{ margin-left:13px; padding:0; width:78px; text-align:center; float:right}
#ContactForm .input {width:253px; height:15px; background: none; padding:13px 15px;color:#8d8d8d; font:13px Arial, Helvetica, sans-serif; position:relative; z-index:1;}
#ContactForm textarea { overflow: auto;width:573px; height:265px; background: none; padding:13px 15px;color:#8d8d8d; font:13px Arial, Helvetica, sans-serif; position:relative; z-index:1; margin:0}

#ContactForm .success{ z-index:10; position:relative; width:100%; overflow:hidden}
#ContactForm .success .bg{ padding:20px; padding-bottom:2px; width:563px; text-align:center; color:#fff; margin-bottom:28px;}

#ContactForm label{ position:relative;}
#ContactForm .empty,#ContactForm .error{position: relative; margin-left:10px;top:0;font:10px Arial, Helvetica, sans-serif;color:#d53a4a;z-index:2; display:none;}

#ContactForm .name, #ContactForm .email{ width:285px; float:left; min-height:66px;}
#ContactForm .email{ padding-left:35px;}
#ContactForm .message{ min-height:300px; padding-bottom:27px; overflow:hidden; display:block}

#ContactForm .bg{ background:#1a1a1a; border:1px solid #2b2b2b;border-radius: 10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; position:relative; float:left;}

/* -------------
 * Inputs
 * ------------- */
.jqTransformInputWrapper {float:left; height:21px; border:1px solid #2b2b2b; background:#1a1a1a;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; position: relative;}

form .row{clear:both;	height:23px; padding-bottom:10px; width:100%; position:relative}

.input{ font:12px Arial, Helvetica, sans-serif; color:#8d8d8d; height:15px; padding:3px 7px; background: none;}

/* -------------
 * Radios
 * ------------- */
.jqTransformRadioWrapper {float: left;display:block; margin-right:7px; margin-top:4px;}
.jqTransformRadio {background: url(../images/radio_button.png) 0 bottom no-repeat;	vertical-align: middle;	height: 13px;width: 13px;display:block;/*display: -moz-inline-block;*/}
.jqTransformRadio.jqTransformChecked{ background-position:top}
/* -------------
 * Selects
 * ------------- */
.jqTransformSelectWrapper {position:relative}

.jqTransformSelectWrapper div {font: 13px Arial, Helvetica, sans-serif; color:#8d8d8d; display:block;position: relative;white-space: nowrap;height: 21px;line-height:21px;overflow: hidden;cursor:pointer; border:1px solid #2b2b2b; background:#1a1a1a;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px;}

.jqTransformSelectWrapper div span{padding: 0 0 0 7px; display:block;}

a.jqTransformSelectOpen {display: block;	position: absolute; top:1px;	right:1px;	width: 19px;height: 19px;background: url(../images/select.png) 0 0 no-repeat;}

.jqTransformSelectWrapper ul {position: absolute;top:24px;left: 0px; background:#1a1a1a; border:1px solid #2b2b2b;border-radius:10px; -moz-border-radius:10px; -webkit-border-radius:10px; display: none;z-index:10;  padding:7px 0; height:50px; overflow:auto;} 

.jqTransformSelectWrapper ul a {display: block;padding: 0 7px;text-decoration: none; font-style:normal;}

.jqTransformSelectWrapper ul a:hover, .jqTransformSelectWrapper ul a.selected:hover { color:#fff; background:#000}

/* -------------
 * Hidden - used to hide the original form elements
 * ------------- */
.jqTransformHidden {display: none;}

#search{ padding:16px 0 12px 12px; margin-top:0; line-height:20px; position:relative}
#search .row{ padding-bottom:0;	height: 23px;}
#search .jqTransformSelectWrapper{ width:185px !important; margin-bottom:5px;}
#search .jqTransformSelectWrapper ul{ width:176px !important; left:0}
#search .pad_bot1{ padding-bottom:10px;}
#search .jqTransformInputWrapper{background:#1a1a1a}
#search .input{ color:#8d8d8d}
#search .width1{ width:100%; float:left;}
#search .width1 .jqTransformInputWrapper{ width:183px !important;}
#search .width1 .input{ width:169px !important;}
#search .width2.bg_none{ margin-right:0}
#search .width2{ width:90px; float:left; margin-right:5px;}
#search .width2 .jqTransformInputWrapper{ width:88px !important; background:#1a1a1a}
#search .width2 .input{ width:74px !important;}
#search .width3{ width:58px; float:left; margin-right:5px;}
#search .width3.bg_none{ margin-right:0}
#search .width3 .jqTransformSelectWrapper div, #search .width3 .jqTransformSelectWrapper{ width:56px !important;}
#search .width3 .jqTransformSelectWrapper ul{ width:56px !important;}
#search .row2{ min-height:62px}
#search .button2{ margin-right:12px; margin-top:4px}