@charset "UTF-8";
/* CSS Document */

/* CSS Reset */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, img, ins, kbd, q, s, samp,
strike, sub, sup, tt, var, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
	}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
	}
body {
	line-height:0.5em;
	font:100% 'Source Sans Pro', Arial, Helvetica, sans-serif
	}
ol, ul {
	list-style: none;
	}
blockquote, q {
	quotes: none;
	}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
	
img {
	max-width:100%
	}
	
input, textarea {
	outline:none;
	border:none;
	-webkit-appearance: none;
	border-radius:0
	}
	
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
 
.clearfix {
    display: inline-block;
}
 
html[xmlns] .clearfix {
    display: block;
}
 
* html .clearfix {
    height: 1%;
}


/* Structure */

section { clear:both; float:none }
.contents { max-width:1140px; padding:70px 0; margin:0 auto }

header { width:100%; position:fixed }
nav { max-width:1140px; padding:0 1.32%; margin:0 auto; vertical-align:text-top }
header.transition nav { max-width:940px }

section#home .contents { padding-top:35%; text-align:center }

.left-col, .right-col { float:left; padding:0 1.32% }
.left-col { width:62.36%; margin-right:3.77% }
.right-col { width:27.98% }


/* Navigation */

nav a { display:inline-block; padding:15px 2.46% 3px; text-transform:uppercase; text-decoration:none; color:#878686; background:url(../img/nav_bg.png) center bottom no-repeat; transition: all 0.15s; -moz-transition: all 0.15s; -webkit-transition: all 0.15s }
nav a:hover { padding-bottom:0; color:#2191c6; background:url(../img/nav_bg_hover.png) center bottom no-repeat }
nav img { display:inline-block; padding:0 2.46%; margin-bottom:-95px }
header.transition { padding-bottom:7px; background:url(../img/header_scroll.png) }
header.transition nav a { padding-top:5px }


/* Typography */

h1, h2, h3, h4, nav a, ul, li, input, textarea { font-family:'Lustria', Georgia, "Times New Roman", Times, serif }

h1 { padding-bottom:30px; margin-bottom:30px; font-size:1.875em; line-height:1.5em; background:url(../img/copy_separator.jpg) center bottom no-repeat }
h2 { padding:17px 0; font-size:1.5em }
h3, h4, ul { font-size:1.125em }
nav a, p { font-size:1em; line-height:1.75em }

header.transition nav a { font-size:0.875em }
header.transition nav img { width:12% }

h1, h2, a { color:#2191c6 }
h3, ul, li, p, input, textarea { color:#878686 }
section#reservations h2, h4 { color:#186c93 }
section#gallery h2 { color:#FFF; background:url(../img/gallery_head_bg.jpg) center top no-repeat }
section#reservations h2 { background:url(../img/reservation_head_bg.png) center top no-repeat }
section#location h2 { margin-bottom:35px; background:url(../img/location_head_bg.jpg) center top no-repeat }

h3 { padding-top:60px; margin-bottom:30px; line-height:1.75em; background:url(../img/testim_bg.jpg) center top no-repeat }
h4, form p { margin-bottom:25px }
p { margin-bottom:40px }
li { margin-bottom:20px; vertical-align:top; line-height:1.375em }

h2, h3 { text-align:center }
h4:last-of-type { padding-top:40px; background:url(../img/copy_separator.jpg) center top no-repeat }


/* Elements */

ul { list-style-position:outside; list-style-image:url(../img/bullet.jpg) }

section#home { height:700px; background:url(../img/section_home_bg.jpg) center no-repeat; background-size:100% }
section#home a { padding:12px 35px; font:bold 1.125em 'Source Sans Pro', Arial, Helvetica, sans-serif; color:#FFF; text-decoration:none; text-transform:uppercase; background:url(../img/orange_btn.png) }
section#home a:first-child { margin-right:13px; background:url(../img/blue_btn.png) }

section#gallery { background-color:#2191c6 }
section#gallery img { display:inline-block; margin:35px 3.07% 0 0; border:5px solid #addaf0 }
section#gallery img.end { margin-right:0 }

section#reservations { background:url(../img/reservation_bg.jpg) center no-repeat; background-size:100% }

form { width:60%; margin:0 auto }
input, textarea { margin-top:15px; font-size:1em }
span.date-input { display:inline-block; width:48.15% }
input[type=date] { width:100%; padding:12px 5% }
label { display:block; margin-bottom:-10px; color:#2191C6 }
span.date-input:first-of-type { margin-right:3.07% }
input[type=text], textarea { width:100%; padding:12px 2.5%  }
textarea { height:130px }

input[type=submit] { width:100%; padding:12px 0; font:bold 1.25em 'Source Sans Pro', Arial, Helvetica, sans-serif; text-transform:uppercase; color:#FFF; cursor:pointer; background:url(../img/submit_btn.png); transition: all 0.25s; -moz-transition: all 0.25s; -webkit-transition: all 0.25s }
input[type=submit]:hover { background:url(../img/submit_btn_hover.png) }