/*===== Tags =====*/
body {
	padding: 0px;
	min-width: 100%;
	margin: 0px auto;
	height: 100%;
	display: inline-block;
    background-color: #f5f5d7;}
	
p {
	margin: 0px 0px 16px 0px;
	padding: 0px;}
	
img, img a {
	border:none;}
	
hr {
	border-bottom: none;
	border-right :none;
	border-left: none;}
	
a, a:visited {
	color: #000;
	-webkit-transition: color 400ms ease-in;  
	-moz-transition: color 400ms ease-in;  
	-o-transition: color 400ms ease-in;  
	transition: color 400ms ease-in;}
	
a:hover {
	text-decoration: none;}

/*===== Headers =====*/
h1 {
	font: 22px "Rufina", sans-serif;
	line-height: 22px;
	color: #224d4c;
	font-weight: 400;
	padding: 0px;
	margin: 0px 0px 16px 0px;}
	
h2 {
	font: 18px "Open Sans", sans-serif;
	line-height: 18px;
	color: #000;
	font-weight: 400;
	padding: 0px;
	margin: 0px 0px 16px 0px;}
	
h3 {
	font: 15px "Open Sans", sans-serif;
	line-height: 15px;
	color: #000;
	font-weight: 400;
	padding: 0px;
	margin: 0px 0px 16px 0px;}	
	
/*===== Structure =====*/
.wrap {
    width: 1061px;
    margin: 0px auto;}

#header {
    width: 100%;
    height: 204px;
    background-color: #f5f5d7;}

    #header a.logo {
        display: block;
        float: left;
        padding: 18px 0px 0px 1px;}

    #header .right {
        float: right;
        padding: 78px 0px 0px 0px;}

        #header .right ul.top {
            padding: 0px;
            margin: 0px;}

            #header .right ul.top li {
                padding: 0px 6px;
                margin: 0px;
                list-style: none;
                float: left;
                border-right: 1px solid #565656;}

                #header .right ul.top li:last-child {
                    border-right: none;
                    padding-right: 0px;}

                #header .right ul.top li a {
                    display: block;
                    font: 13px "Rufina", sans-serif;
                    line-height: 13px;
                    color: #565656;
                    font-weight: 400;
                    text-transform: uppercase;
                    text-decoration: none;}

        #header .right ul.middle {
            padding: 24px 0px 23px 46px;
            margin: 0px;}

            #header .right ul.middle li {
                padding: 0px 12px;
                margin: 0px;
                list-style: none;
                float: left;}

                #header .right ul.middle li:last-child {
                    border-right: none;
                    padding-right: 0px;}

                #header .right ul.middle li a {
                    display: block;
                    font: 16px "Rufina", sans-serif;
                    line-height: 16px;
                    color: #565656;
                    font-weight: 700;
                    text-decoration: none;}

        #header .right ul.bottom {
            padding: 3px 0px 0px 0px;
            margin: 0px;}

            #header .right ul.bottom li {
                padding: 0px;
                margin: 0px;
                list-style: none;
                float: left;
                height: 16px;}

                #header .right ul.bottom li a.no-border,
                #header .right ul.bottom li:last-child a {
                    border-right: none;
                    padding-right: 0px;}

                #header .right ul.bottom li a {
                    display: block;
                    font: 13px "Rufina", sans-serif;
                    line-height: 13px;
                    color: #565656;
                    font-weight: 400;
                    padding: 0px 8px;
                    text-transform: uppercase;
                    text-decoration: none;
                    border-right: 1px solid #565656;}

                    #header .right ul.bottom li a.push {
                        margin-top: 9px;}

#banner {
    width: 100%;
    height: 724px;
    z-index: 1;
    position: relative;}

    #banner img {
        width: 100%;
        height: 724px;}

#cta {
    width: 1061px;
    margin: -25px auto 60px auto;
    z-index: 999;
    position: relative;}

    #cta .top {
        height: 200px;
        border-top: 1px solid #9ba8a8;
        border-left: 1px solid #9ba8a8;
        border-right: 1px solid #9ba8a8;
        background-color: #fff;}

        #cta .top .reservations {
            float: left;
            padding: 27px 0px 0px 24px;
            font: 14px "Rufina", sans-serif;
            line-height: 14px;
            color: #173433;
            font-weight: 400;}

            #cta .top .reservations a {
                display: block;
                width: 190px;
                height: 21px;
                padding: 6px 0px 0px 0px;
                margin-top: 11px;
                font: 14px "Open Sans", sans-serif;
                line-height: 14px;
                color: #fff;
                font-weight: 300;
                text-transform: uppercase;
                text-decoration: none;
                text-align: center;
                border: 1px solid #224847;
                background: #497675; /* Old browsers */
                background: -moz-linear-gradient(top,  #497675 0%, #2d5857 100%); /* FF3.6+ */
                background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#497675), color-stop(100%,#2d5857)); /* Chrome,Safari4+ */
                background: -webkit-linear-gradient(top,  #497675 0%,#2d5857 100%); /* Chrome10+,Safari5.1+ */
                background: -o-linear-gradient(top,  #497675 0%,#2d5857 100%); /* Opera 11.10+ */
                background: -ms-linear-gradient(top,  #497675 0%,#2d5857 100%); /* IE10+ */
                background: linear-gradient(to bottom,  #497675 0%,#2d5857 100%);}

        #cta .top .reserve-table {
            float: left;
            width: 530px;
            padding: 27px 41px 0px 30px;
            font: 14px "Rufina", sans-serif;
            line-height: 14px;
            color: #173433;
            font-weight: 400;}

        #cta .top .logos {
            float: left;
            padding: 16px 0px 0px 0px;}

    #cta .bottom {
        height: 26px;
        padding-top: 12px;
        background-color: #285352;
        font: 14px "Rufina", sans-serif;
        line-height: 14px;
        color: #fff;
        font-weight: 400;
        text-align: center;}

        #cta .bottom a {
            color: #fff;
            text-decoration: none;}

#site-content {
    width: 1061px;
    margin: 0px auto;
    padding: 58px 0px;
    text-align: center;
    font: 13px "Open Sans", sans-serif;
    line-height: 19px;
    color: #0a0a0a;
    font-weight: 300;}
	
	#site-content-other {
    width: 1061px;
    margin: 0px auto;
    padding: 58px 0px;
    text-align: left;
    font: 13px "Open Sans", sans-serif;
    line-height: 19px;
    color: #0a0a0a;
    font-weight: 300;}

    #site-content a.btn {
        display: block;
        width: 190px;
        height: 21px;
        padding: 6px 0px 0px 0px;
        margin: 11px auto 0px auto;
        font: 14px "Open Sans", sans-serif;
        line-height: 14px;
        color: #fff;
        font-weight: 300;
        text-transform: uppercase;
        text-decoration: none;
        text-align: center;
        border: 1px solid #224847;
        background: #497675; /* Old browsers */
        background: -moz-linear-gradient(top,  #497675 0%, #2d5857 100%); /* FF3.6+ */
        background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#497675), color-stop(100%,#2d5857)); /* Chrome,Safari4+ */
        background: -webkit-linear-gradient(top,  #497675 0%,#2d5857 100%); /* Chrome10+,Safari5.1+ */
        background: -o-linear-gradient(top,  #497675 0%,#2d5857 100%); /* Opera 11.10+ */
        background: -ms-linear-gradient(top,  #497675 0%,#2d5857 100%); /* IE10+ */
        background: linear-gradient(to bottom,  #497675 0%,#2d5857 100%);}

    #site-content .gallery a {
        display: inline-block;
        margin: 0px 5px 10px 5px;}

#site-content-2 {
    width: 1500px;
    margin: 0px auto;
    padding: 58px 0px;
    text-align: left !important;
    font: 13px "Open Sans", sans-serif;
    line-height: 19px;
    color: #0a0a0a;
    font-weight: 300;}

#footer {
    width: 100%;
    height: 186px;
    background: url(../images/footer-bkg.png) repeat-x;}

    #footer .wrap {
        min-height: 15px;
        background: url(../images/footer-bkg.jpg) top center no-repeat;}

    #footer .footlinks ul {
        padding: 34px 0px 0px 0px;
        margin: 0px;
        text-align: center;}

        #footer .footlinks ul li {
            padding: 0px 6px;
            margin: 0px;
            list-style: none;
            display: inline-block;}

            #footer .footlinks ul li a {
                display: block;
                text-decoration: none;
                font: 14px "Rufina", sans-serif;
                line-height: 14px;
                color: #565656;
                font-weight: 400;}

            #footer .footlinks ul li a:hover,
            #footer .footlinks ul li a.active {
                color: #224d4c;}

    #footer .logos {
        float: left;
        padding: 42px 0px 0px 0px;}

        #footer .logos img {
            margin-right: 12px;}

    #footer .copy {
        float: left;
        padding: 45px 49px 0px 0px;
        font: 11px Tahoma, sans-serif;
        line-height: 19px;
        color: #5a5a5a;
        font-weight: 400;
        text-align: center;}

        #footer .copy span {
            display: block;
            font-size: 10px;
            line-height: 17px;
            color: #a1a1a1;}

            #footer .copy span a {
                color: #a1a1a1;
                text-decoration: none;}

    #footer .social {
        
        padding: 64px 0px 0px 0px;}

        #footer .social a {
            margin-right: 3px;}

/*===== GRID =====*/
.col-half {
    width: 48%;
    float: left;
    margin-right: 4%;}
    .col-half:last-child {
        margin-right: 0;}
.col-third {
    width: 30%;
    float: left;
    margin-right: 5%;}
    .col-third:last-child {
        margin-right: 0;}
.col-quarter {
    width: 22%;
    float: left;
    margin-right: 4%;}
    .col-quarter:last-child {
        margin-right: 0;}
.col-two-third {
    width: 65%; 
    margin-right: 5%;
    float: left;}
.col-one-third {
    width: 30%;
    float: left;}
			
/*===== CLASSES =====*/
.border {
	padding: 5px;
	background: rgb(245,243,244); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(245,243,244,1) 0%, rgba(245,243,244,1) 16%, rgba(255,255,255,1) 45%, rgba(252,252,252,1) 66%, rgba(245,243,244,1) 83%, rgba(243,243,243,1) 99%, rgba(245,245,245,1) 99%, rgba(243,243,243,1) 100%, rgba(250,250,250,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,243,244,1)), color-stop(16%,rgba(245,243,244,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(66%,rgba(252,252,252,1)), color-stop(83%,rgba(245,243,244,1)), color-stop(99%,rgba(243,243,243,1)), color-stop(99%,rgba(245,245,245,1)), color-stop(100%,rgba(243,243,243,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(245,243,244,1) 0%,rgba(245,243,244,1) 16%,rgba(255,255,255,1) 45%,rgba(252,252,252,1) 66%,rgba(245,243,244,1) 83%,rgba(243,243,243,1) 99%,rgba(245,245,245,1) 99%,rgba(243,243,243,1) 100%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(245,243,244,1) 0%,rgba(245,243,244,1) 16%,rgba(255,255,255,1) 45%,rgba(252,252,252,1) 66%,rgba(245,243,244,1) 83%,rgba(243,243,243,1) 99%,rgba(245,245,245,1) 99%,rgba(243,243,243,1) 100%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(245,243,244,1) 0%,rgba(245,243,244,1) 16%,rgba(255,255,255,1) 45%,rgba(252,252,252,1) 66%,rgba(245,243,244,1) 83%,rgba(243,243,243,1) 99%,rgba(245,245,245,1) 99%,rgba(243,243,243,1) 100%,rgba(250,250,250,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(245,243,244,1) 0%,rgba(245,243,244,1) 16%,rgba(255,255,255,1) 45%,rgba(252,252,252,1) 66%,rgba(245,243,244,1) 83%,rgba(243,243,243,1) 99%,rgba(245,245,245,1) 99%,rgba(243,243,243,1) 100%,rgba(250,250,250,1) 100%); /* W3C */
	-webkit-box-shadow: 0px 2px 7px 0px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    0px 2px 7px 0px rgba(50, 50, 50, 0.40);
	box-shadow:         0px 2px 7px 0px rgba(50, 50, 50, 0.40);}
.border-right {
	padding: 5px;
    margin-left: 20px;
	background: rgb(245,243,244); /* Old browsers */
	background: -moz-linear-gradient(left,  rgba(245,243,244,1) 0%, rgba(245,243,244,1) 16%, rgba(255,255,255,1) 45%, rgba(252,252,252,1) 66%, rgba(245,243,244,1) 83%, rgba(243,243,243,1) 99%, rgba(245,245,245,1) 99%, rgba(243,243,243,1) 100%, rgba(250,250,250,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(245,243,244,1)), color-stop(16%,rgba(245,243,244,1)), color-stop(45%,rgba(255,255,255,1)), color-stop(66%,rgba(252,252,252,1)), color-stop(83%,rgba(245,243,244,1)), color-stop(99%,rgba(243,243,243,1)), color-stop(99%,rgba(245,245,245,1)), color-stop(100%,rgba(243,243,243,1)), color-stop(100%,rgba(250,250,250,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(left,  rgba(245,243,244,1) 0%,rgba(245,243,244,1) 16%,rgba(255,255,255,1) 45%,rgba(252,252,252,1) 66%,rgba(245,243,244,1) 83%,rgba(243,243,243,1) 99%,rgba(245,245,245,1) 99%,rgba(243,243,243,1) 100%,rgba(250,250,250,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(left,  rgba(245,243,244,1) 0%,rgba(245,243,244,1) 16%,rgba(255,255,255,1) 45%,rgba(252,252,252,1) 66%,rgba(245,243,244,1) 83%,rgba(243,243,243,1) 99%,rgba(245,245,245,1) 99%,rgba(243,243,243,1) 100%,rgba(250,250,250,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(left,  rgba(245,243,244,1) 0%,rgba(245,243,244,1) 16%,rgba(255,255,255,1) 45%,rgba(252,252,252,1) 66%,rgba(245,243,244,1) 83%,rgba(243,243,243,1) 99%,rgba(245,245,245,1) 99%,rgba(243,243,243,1) 100%,rgba(250,250,250,1) 100%); /* IE10+ */
	background: linear-gradient(to right,  rgba(245,243,244,1) 0%,rgba(245,243,244,1) 16%,rgba(255,255,255,1) 45%,rgba(252,252,252,1) 66%,rgba(245,243,244,1) 83%,rgba(243,243,243,1) 99%,rgba(245,245,245,1) 99%,rgba(243,243,243,1) 100%,rgba(250,250,250,1) 100%); /* W3C */
	-webkit-box-shadow: 0px 2px 7px 0px rgba(50, 50, 50, 0.40);
	-moz-box-shadow:    0px 2px 7px 0px rgba(50, 50, 50, 0.40);
	box-shadow:         0px 2px 7px 0px rgba(50, 50, 50, 0.40);}
.fleft {
	float: left;}
.fright {
	float: right;}
.none {
	display: none;}
.cf:before, .cf:after { content: ""; display: table; }
.cf:after { clear: both; }
.cf { zoom: 1; }

/*===== Contact Form Submission =====*/
#thankyoumessage { 
	margin: 0 auto; 
	margin-top: 300px; 
	width: 600px; 
	height: 110px;  
	background: #0F131F; 
	border-radius: 8px; 
	border: solid 5px #fff;  
	z-index: 1100; 
	text-align: center; 
	box-shadow: 0px 0px 5px #000;}

#thankyoumessage h2 { 
	font: 30px 'Lato', arial !important; 
	color: #fff !important; 
	padding:0px !important;
	margin:25px 0px 0px 0px;
	text-transform: uppercase !important;}

#thankyoumessage a { 
	font: 11px tahoma, arial; 
	color: #ccc; 
	cursor: pointer; }

#overlay { 
	background: url(../images/transparent.png); 
	position: absolute; 
	top:0px; 
	left: 0px; 
	width: 100%; 
	height: 100%; 
	z-index: 1100; }
	
/*===== Form =====*/
#myContactForm {
	padding:0px;
	margin:0px auto;
	width:640px;
	border:1px solid #285352;}
	
#rcom-contact-form {
	padding:0px;
	margin:0px;}

#rcom-contact-form fieldset {
	border:none;
	margin:0px;
	padding:0px;}
	
#rcom-contact-form legend {
	width:630px;
	margin-bottom:20px;
	padding:8px 0px 8px 10px;
	color:#fff;
	background-color:#285352;
	font-size:19px;
	line-height:22px;
	font-family: "Open Sans", sans-serif;
	border:none;}

#rcom-contact-form ol {
	list-style:none;
	margin:0px;
	padding:0px;}
	
#rcom-contact-form ol li {
	padding-bottom:5px;
	clear:both;
	margin-bottom:3px;
	position:relative;
	overflow:hidden;}
	
#rcom-contact-form ol li .red {
	color:#F00;}
	
.rcom-form-label {
	width:200px;
	padding:4px 25px 0px 0px;
	float:left;
	vertical-align:top;
	text-align:right;
	font:13px "Open Sans", sans-serif;
    line-height:13px;
    color:#000;}

.rcom-form-txt {
	width:340px !important;
	height:20px;
	float:left;
    padding: 3px;
	background-color:#f4f4f4;
	border:1px solid #c3c3c3;
	font:13px "Open Sans", sans-serif;
    line-height:13px;
    color:#000;}
	
.rcom-form-msg {
	width:340px !important;
	height:80px;
	overflow:auto;
	float:left;
    padding: 3px;
	background-color:#f4f4f4;
	border:1px solid #c3c3c3;
	font:13px "Open Sans", sans-serif;
    line-height:13px;
    color:#000;}	
	
.rcom-option-group {
	font:13px "Open Sans", sans-serif;
    line-height:13px;
    color:#000;
	padding:3px 4px;
	letter-spacing:2px;
	width:400px;
    display: inline-block;}
	
select.rcom-form-txt {
	width:350px !important;
	height:27px;}

.rcom-form-submit, .rcom-form-submit:visited {
	padding:6px 10px;
	width:112px;
	color:#fff;
    margin: 0px 280px 10px 0px;
	background: #285352;
	border:1px solid #fff;
	text-align:center;
	font-family: 'Lato', sans-serif;
	font-size:16px;
	text-decoration:none;
	display:inline-block;
	text-transform:uppercase;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;}

.rcom-form-submit:hover {
	background-color:#285352;
	color:#fff;
	-webkit-transition: all 1s ease;
	-moz-transition: all 1s ease;
	-o-transition: all 1s ease;
	transition: all 1s ease;}
	
input:-moz-placeholder,textarea:-moz-placeholder {
	color:#5a5a5a;
	font-family: "Open Sans", sans-serif;
	font-size:12px;
	line-height:12px;}
	
input:-ms-input-placeholder,textarea:-ms-input-placeholder {
	color:#5a5a5a;
	font-family: "Open Sans", sans-serif;
	font-size:12px;
	line-height:12px;}
	
input::-webkit-input-placeholder,textarea::-webkit-input-placeholder {
	color:#5a5a5a;
	font-family: "Open Sans", sans-serif;
	font-size:12px;
	line-height:12px;}

.reserve-table #OT_logo {display: none;}
.reserve-table .OT_feedTitle {display: none;}
.reserve-table #OT_defList {top: -44px; left: -51px;}