/* 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:#090909; border:0; font:13px Arial, Helvetica, sans-serif; color:#d1d1d1; line-height:20px; min-width:980px; overflow:hidden}

/* Global Structure ============================================================= */

.main { width:980px; }
.main2{ width:480px; padding:0 40px; margin:0 auto}

.bg1{ background:#000}
.bg2{ background:#090909; height:82px;}

#bgStretch {overflow:hidden;z-index:-1; position:fixed}
.spinner {width:100%;height:100%;position: fixed;z-index:0;left:0;top:0;background: url(../images/ajax-loader.gif) center center no-repeat;}

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

#bg_pagination{ left:-9999px; position:absolute;}

.block {height:82px;}
.extra {min-height:100%; height:auto !important; height:100%; margin: 0 auto -82px;}
body, html {height:100%;}

/* ============================= main layout ====================== */

a{ color:#de4a09; text-decoration: none; outline:none}
a:hover{ color:#fff;}
h1{ padding:0 0 0 0; float:right; position:relative; z-index:3}
h2{ height:43px; background:url(../images/bg_title.png) repeat; font:22px Georgia, "Times New Roman", Times, serif; color:#000000; font-style:italic; line-height:43px; padding-left:30px; letter-spacing:-1px; font-weight:normal;}
h3{ font:20px Georgia, "Times New Roman", Times, serif; color:#fff; font-style:italic; line-height:1.2em; padding:18px 0 17px 0; font-weight:normal; letter-spacing:-1px;}
h3.underline{ padding:10px 0 6px 0; margin-bottom:8px;}
p{ padding-bottom:20px;}

/* ============================= header ====================== */
header{ height:177px;}

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

#menu { height:34px;}
#menu > li { position:relative; border-right:1px solid #505050; float:left;}
#menu > li > span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#fff}
#menu > li > a{ display:block; position:relative; font-size:12px; text-transform:uppercase; color:#fff; line-height:32px; height:34px; padding:0 22px 0 22px; font-weight:bold}
#menu > .last{ border-right:0}
#menu > li > a:hover, #menu > .active > a, #menu > .sfHover > a{ color:#000}

.submenu_1{ position:absolute; top:35px; left:0; width:131px;}
.submenu_1 li{ position:relative; padding-bottom:1px;}
.submenu_1 a{ display:block; font-size:12px; color:#fff; font-weight:bold; text-transform:uppercase; line-height:35px; text-align:center; background:url(../images/submenu_bg.png) repeat;}
.submenu_1 li a:hover, .submenu_1 .sfHover > a{ background:url(../images/submenu_bg_active.gif) 0 0 repeat-x;}

.submenu_2{ position:absolute; top:0; left:133px; width:131px;}

.next, .prev{ float:right; position:relative; margin-top:36px; width:38px; height:75px; position:relative; z-index:2}
.next{ margin-right:-38px;}
.prev{ margin-left:-38px;}
.next img, .prev img{ position: absolute; top:0; left:0}

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

#content{ left:0; position:relative; width:480px; padding-bottom:26px;}

#content > ul > li, #content > ul{ width:100%}
.box{ min-height:711px; background:url(../images/bg_content.png) repeat;}

.close{ display:block; background:url(../images/bg_title.png) repeat; width:100%; height:21px;}
.close span{ width:100%; display:block; height:100%; background: url(../images/marker_close.gif) center center no-repeat}

.pad1{ padding:24px 30px;}
.pad_bot1{ padding-bottom:23px;}
.pad_bot2{ padding-bottom:33px;}
.pad_top1{ padding-top:29px;}
.marg_right1{ margin-right:22px;}

.font1{ font:20px Georgia, "Times New Roman", Times, serif; line-height:25px; font-style:italic; color:#fff}
.font2{ font:20px Georgia, "Times New Roman", Times, serif; line-height:26px; font-style:italic; color:#ff7200}

.underline{ border-bottom:1px solid #505050; margin-bottom:4px}

.button1{ display:inline-block; color:#000; line-height:26px; padding:0 10px; background:#fff; position:relative}
.button1 strong{ position:relative;}
.button1 span{ position:absolute; top:0; left:0; width:100%; height:100%; background:#505050}
.button1:hover{ color:#fff}

#page_features .button1{ margin-right:11px}
#page_features .pad1{border-bottom:1px solid #505050}
#page_features p{ padding-bottom:14px;}
#page_features .pad1.last{ border-bottom: none}

#page_reservations .pad1{ padding-top:1px}
#page_reservations .col2 p{ line-height:18px; padding-bottom:18px;}

#page_cards .marg_right1{ margin-right:20px;}
#page_cards h3{ padding-top:1px; margin-bottom:14px;}
#page_cards p{ padding-bottom:14px;}
#page_cards .pad_bot1{ padding-bottom:21px;}

#page_news .pad1{ padding-top:7px}
#page_news p{ line-height:18px; padding-bottom:25px;}
#page_news .marg_right1{ margin-right:20px;}

#page_contact .pad1{ padding-top:7px}

#page_privacy p{ line-height:18px; padding-bottom:18px;}

figure a{ position:relative; display:block}
figure a .img_act{ position:absolute; top:0; left:0;}

.list1 li{ margin-bottom:5px;}
.list1 a{ display:block; position:relative;}
.list1 .img_act{ position:absolute; top:0; left:0px;}

.dropcap_1{ float:left; margin-right:20px; width:75px; height:85px; background:#eb6a10; font-size:48px; color:#fff; text-align:center; line-height:1.2em; margin-top:3px;}
.dropcap_1 span{ display:block; font-size:24px; line-height:1.2em; margin-top:-12px;}

#map { float:left; padding:5px; background:#fff; margin-bottom:8px;}

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

footer { padding-top:25px; line-height:26px; padding-left:61px; color:#868686}
footer a{ color:#868686; text-decoration:none}
footer a:hover{ color:#fff}
footer span{ color:#fff}

#footer_menu{ float:right; padding-right:0}
#footer_menu li{ float:left; margin-right:11px; padding-right:12px; background:url(../images/footer_line.gif) right 8px no-repeat; position: relative;}
#footer_menu strong{ position:absolute; top:0; left:0; width:100%; height:100%; background:#1a1a1a}
#footer_menu a{ display:block; position:relative; padding:0 6px; height:28px;}
#footer_menu a span{ position:relative; color:#868686}
#footer_menu .last{ background:none}
#footer_menu a:hover{ color:#868686}

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

#ContactForm{ padding-right:2px; position:relative;}
#ContactForm .wrapper{ overflow:inherit; min-height:37px;}
#ContactForm .success{ display:none; position:absolute; left:0; bottom:0; color:#fff}
#ContactForm label{ position:relative;min-height:51px; display: inline-block;}
#ContactForm .message{ height:212px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%}
#ContactForm a{ margin-left:10px; float:right;}
#ContactForm .input { margin:0;width:165px; height:17px; background:#000; border:1px solid #4d4d4d; padding:9px 18px;color:#d1d1d1; font:13px Arial, Helvetica, sans-serif;}
#ContactForm textarea { overflow: auto; margin:0;width:380px; height:167px; background:#000; border:1px solid #4d4d4d; padding:9px 18px;color:#d1d1d1; font:13px Arial, Helvetica, sans-serif;}

.col{ width:203px;}

#ContactForm  .bg{ background:#fff; border-top:1px solid #c2c2c2; border-left:1px solid #c2c2c2; position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; float:left;}