/* --------------------------------------------------------------------------------------
+
+   Simplified CSS (kinda) framework - v1
+   http://www.simplifiedstudio.com
+
+   Thanks:
+      - Eric Meyer (http://meyerweb.com/eric/tools/css/reset)
+      - Wilson Miner (http://www.alistapart.com/articles/settingtypeontheweb)
+
-------------------------------------------------------------------------------------- */

/*
+  IMPORTS
---------------------------------------------------------------------------- */
@import url("colorbox.css");
@import url("modal.css");


/*
+  GLOBAL RESETS - DO NOT MODIFY THESE
---------------------------------------------------------------------------- */
html, body, div, span, applet, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; border: 0; outline: 0;}
:focus{outline: 0;}
html{ overflow-y:scroll;}
body{ line-height: 1; color: #000; background: #fff;}
ol, ul{ list-style: none;}
table{ border-collapse: separate; border-spacing: 0;}
caption, th, td{ text-align: left; font-weight: normal;}
blockquote:before, blockquote:after,q:before, q:after {content: " ";}
blockquote, q{quotes: "" "";}
textarea{overflow:auto; resize: none;}


/*
+  BASIC TYPOGRAPY
---------------------------------------------------------------------------- */
html, body{ overflow: visible;}
body{ font: normal 12px/18px Arial, Helvetica, sans-serif;}
strong{font-weight: bold;}
em{font-style: italic;}
small{font-size: 11px;}
h1,h2,h3,h4,h5,h6{ font-weight: bold;}
h1{ font-size: 10px; line-height: 10px; padding: 0; margin: 0;}
h2{ font-size: 26px; line-height: 36px; margin-bottom: 18px;}
h3{ font-size: 18px; line-height: 18px; margin-bottom: 18px;}
h4{ font-size: 14px; line-height: 18px;}
h5, h6{ font-size: 12px; line-height: 18px;}
ul, ol{ list-style-position: inside; list-style-type: disc;}
ol{ list-style-type: decimal;}
table{margin-bottom:0px;}
blockquote{ margin: 18px 0; padding: 17px 18px 0 17px; font-style: italic;}
pre,code,tt { font: 0.95em/1.5em Courier, Monaco, "lucida console", monospace;}
abbr, acronym{ border-bottom: 1px dotted #d0d0d0; cursor: help;}
a img{ border: none;}
input, textarea{ font: normal 0.9em Arial, Helvetica, sans-serif;}


/*
+  BASIC STYLES
---------------------------------------------------------------------------- */
.left{float: left;}
.right{float: right;}
.hide{display: none;}
.empty{visibility: hidden;}

.hr{ clear: both; margin: 18px 0; background: transparent; background: none; border-top: 1px solid #ddd;}
    hr{ visibility: hidden; font-size: 0; line-height: 0; height: 0; border: none;}
.accent, strong.accent, span.accent, em.accent{ background: #ffffbf !important; color: inherit; padding: .25em; font-weight: bold;}
div.accent, p.accent{padding: 1.5em;}
.amp{ font: italic 1.1em/10% "Warnock Pro", "Goudy Old Style", "Palatino", "Book Antiqua", serif;}

.clearfix:after{ content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix{ display: inline-block;}
/* Hides from IE-mac \*/ * html .clearfix{ height: 1%;}
.clearfix{ display: block;}


/*
+  SITE LAYOUT
---------------------------------------------------------------------------- */
html, body{ height:100%;}
body{ background: #fff url('../images/bg.jpg') 50% 0% no-repeat;}
    body.home{ background-image: url('../images/bg-home.jpg');}
#wrapper{ position:relative; height:auto !important; height: 100%; min-height: 100%; position: relative;}
    .wrapperInner{ width: 964px; margin: 0 auto; position: relative;}
#contentHolder{ padding-bottom: 62px;}

    /* Header
    --------------------------------- */
    #header{ background:url('../images/navigation.png') 0px 30px no-repeat; width: 962px; height: 82px; display: block; margin:0 1px; position: relative; }
    #header h1 a{ display: block; position: absolute; text-indent: -9999px; width: 158px; height: 47px; top: 31px; left: 1px;}
    ul#navigation{ list-style: none; position: absolute; top: 32px; right: 12px; }
        ul#navigation li{ display: block; float: left;}
        ul#navigation li a{ font: bold 13px/47px Arial, Helvetica, sans-serif; display: block; float: left; text-decoration: none; color: #939393; background: url('../images/separator.png') no-repeat center right; padding: 0 16px 0px 14px;}
            ul#navigation li.last a{ background:none;}
        ul#navigation li a:hover{ color: #819abd;}
        ul#navigation li a.current{ color: #454545;}

    /* Content
    --------------------------------- */
    div#content{ margin: 0 2px; }
    div#main{ width: 924px; background: url('../images/content-bg.png') top left no-repeat; margin: 30px 0 0 0; padding: 30px 20px 23px 20px;}
    div#mainClose{ width: 964px; background: url('../images/content-close.png') top left no-repeat; margin-bottom: 30px; height: 7px; display:block;}
        #main h2{ color: #5c7683; font-size: 16px; line-height: 16px; padding: 0 0 16px 0; margin: 0 0 20px 0; border-bottom: 1px solid #ddd; }
            #main h2.noline{ border-bottom: none;}
        #main h3{ color: #454545; font-size: 12px; padding: 0; margin: 0; line-height: 18px;}
        #main dl{}
            #main dl dt{ font-size:14px; color: #454545; margin-bottom: 4px;}
            #main dl dd{ color: #828282; margin-bottom: 18px;}
    ul#offers{ list-style: none; }
        ul#offers li{ width: 300px; display: block; position: relative; float: left;}
            ul#offers li h2{ background: url('../images/title.png') 50% 0% no-repeat; width: 280px; height: 52px; display: block; color: #5c7683; font: bold 16px/36px Arial, Helvetica, sans-serif; position: absolute; padding: 0 30px; left: -20px;}
            ul#offers li h2 span{ position: absolute; right: 35px;}
            ul#offers li p{ margin-top: 54px; padding: 0 10px; color: #828282; line-height: 21px; }
            ul#offers li ul{ padding: 14px 10px 18px 10px; margin: 0;}
            ul#offers li ul li{ line-height:21px; font-weight: bold; color: #828282; float: none; background: url('../images/bullet.png') left center no-repeat; text-indent: 14px;}
            ul#offers li div.btn{ border-top: 1px solid #ddd; display: block; height: 50px; position: absolute; bottom: 0; width: 100%;}
                ul#offers li div a:link, ul#offers li div a:visited{ display: block; width: 124px; height: 30px; background: url('../images/reserve.png') top left no-repeat; text-indent: -9999px; margin: 20px 0;}
                    ul#offers li div a:hover{ background-position: 0px -30px;}
                    ul#offers li div a:active{ background-position:0px -60px; }
        ul#offers li.mid{ margin: 0 30px;}
    div#intro{ margin-top: 22px; width: 964px; height: 430px; background:url('../images/intro-text.png') no-repeat; padding-top: 15px;}
        div#intro h2{ display: block; padding: 0 50px; font: normal 23px/30px Arial, sans-serif; color: #fff; text-align: center; text-shadow: #467084 0px 1px 1px;}
    h3.explain{ color: #828282; font: normal 18px/24px Arial, Helvetica, sans-serif; margin: 28px 0 18px 0;}

    /* Footer
    --------------------------------- */
    #footer{ width: 100%; height: 62px; background: url('../images/footer.png') repeat-x; position: absolute; bottom: 0;}
    ul#socialize, ul#footer-nav{ list-style: none; position: absolute;}
    ul#footer-nav{ height: 16px; left: 320px; margin-top: 28px;}
        ul#footer-nav li{ float: left; display: block;}
        ul#footer-nav li a{ border-right: 1px solid #bad2e5; float: left; display: block; padding: 0px 13px 0 14px; height: 16px; line-height:16px; color: #fff; text-decoration: none; font-size: 11px;}
            ul#footer-nav li.last a{ border-right: none;}
        ul#footer-nav li a:hover{ color: #386c95;}
    ul#socialize{margin-top: 22px;}
    ul#socialize li{ float: left; display: block;}
    ul#socialize li a{ background:url('../images/socialize.png') no-repeat; height: 29px; float: left; display:block; text-indent:-9999px;}
    ul#socialize li a.facebook:link, ul#socialize li a.facebook:visited{ background-position:0 0; width: 104px; margin-right: 10px;}
        ul#socialize li a.facebook:hover{ background-position:0 -29px;}
        ul#socialize li a.facebook:active{background-position:0 -58px;}
    ul#socialize li a.twitter:link, ul#socialize li a.twitter:visited{ background-position: -104px 0; width: 93px;}
        ul#socialize li a.twitter:hover{ background-position:-104px -29px;}
        ul#socialize li a.twitter:active{background-position:-104px -58px;}
    #footer h2{ color: #fff; font-size: 11px; position: absolute; right: 0; margin-top: 18px;}

    /* Gallery
    --------------------------------- */
    ul#gallery{ padding: 0; margin: -20px 0 0 0; list-style: none;}
        ul#gallery li{ float: left; margin: 20px 20px 0 0; padding: 0;}
        ul#gallery li.last{ margin-right: 0;}
        ul#gallery li a{ float: left; display: block; width: 215px; height: 130px; position: relative; z-index: 1; overflow: hidden;}
            ul#gallery li a div.galleryOverlay{ width: 215px; height: 130px; display: block; position: absolute; z-index: 10; background: url('../images/gallery-overlay.png') no-repeat; top: 0; left: 0;}
            ul#gallery li a span{ width: 215px; height: 130px; display: block; position: absolute; z-index: 20; border: 6px solid #83accd; top: -6px; left: -6px;}

    /* Contact
    --------------------------------- */
    form#contact{ width: 606px; position: relative;}
    .fieldHolder input, .textHolder textarea{ display: block; position: absolute; right: 5px; top: 5px; border: none; background: transparent; font-size: 11px;}
    .fieldHolder{ position: relative; background: url('../images/contact-input.png') top right no-repeat; width: 336px; display: block; height: 26px; margin-bottom: 16px; line-height: 26px;}
        .fieldHolder input {width: 211px; height: 16px; line-height: 11px;}
        .fieldHolder.hover, .fieldHolder.focus{ background-position: right -26px;}
        .fieldHolder.error{ background-position: right -52px;}
    .textHolder{ position: relative; background: url('../images/contact-text.png') top right no-repeat; width: 606px; display: block; height: 116px; margin-bottom: 16px;}
        .textHolder textarea{ width: 481px; height: 101px; padding:  0 0 5px 0;}
            .textHolder.hover, .textHolder.focus{ background-position: right -116px;}
            .textHolder.error{ background-position: right -232px;}
        strong.error{ display: none !important;}
    label{ width: 115px; display:block; color: #969696; font-weight: bold;}
    label span{ color: #ff6b6b;}
    form#contact button#sendmail{ display: block; width: 111px; height: 30px; background: url('../images/send.png') top left no-repeat; text-indent: -9999px; border: none; cursor: pointer; margin-left: 115px;}
        form#contact button#sendmail:hover{ background-position: 0px -30px;}
        form#contact button#sendmail:active{ background-position:0px -60px;}

    #contact #feedback{ position: absolute; left: 250px;}
        #feedback .success {padding: .4em .8em;margin-bottom:1em;border:2px solid #ddd; font-size: 11px; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
        #feedback .success {background:#E6EFC2;color:#264409;border-color:#C6D880;}

    .contact form#contact{ float: left;}
    .contactInfo{ float: right; width: 288px; color: #454545;}
        .contactInfo ul{ margin-bottom: 18px;}

    ul.about{ list-style: none;}
        ul.about li{ width: 288px; float: left; display: block;}
        ul.about li.mid{ margin: 0 30px;}
        ul.about li p{ color: #454545; line-height: 19px; margin: 12px;}

    /* Modals
    --------------------------------- */
    #pro, #fun, #quick{ padding: 10px 17px 0 17px;}
    h4{ color: #5c7683; font-weight:bold; font-size: 16px; border-bottom: 1px solid #ddd; padding: 4px 0 18px; margin-bottom: 30px;}
    .feedback{ position: absolute; left: 155px;}