/*
 * Normalized elements, partially minified, a la:
 * normalize.css v3.0.1 | MIT License | git.io/normalize
 */
html{font-family:sans-serif;-ms-text-size-adjust:100%;-webkit-text-size-adjust:100%}
body{margin:0}
article,aside,details,figcaption,figure,footer,header,hgroup,main,nav,section,summary{display:block}
audio,canvas,progress,video{display:inline-block;vertical-align:baseline}
audio:not([controls]){display:none;height:0}
[hidden],template{display:none}
a{background:0 0}
a:active,a:hover{outline:0}
abbr[title]{border-bottom:1px dotted}
b,strong{font-weight:700}
dfn{font-style:italic}
h1{font-size:2em;margin:.67em 0}
mark{background:#ff0;color:#000}
small{font-size:80%}
sub,sup{font-size:75%;line-height:0;position:relative;vertical-align:baseline}
sup{top:-.5em}
sub{bottom:-.25em}
img{border:0}
svg:not(:root){overflow:hidden}
figure{margin:1em 40px}
hr{-moz-box-sizing:content-box;box-sizing:content-box;height:0}
pre{overflow:auto}
code,kbd,pre,samp{font-family:monospace,monospace;font-size:1em}
button,input,optgroup,select,textarea{color:inherit;font:inherit;margin:0}
button{overflow:visible}
button,select{text-transform:none}
button,html input[type=button],input[type=reset],input[type=submit]{-webkit-appearance:button;cursor:pointer}
button[disabled],html input[disabled]{cursor:default}
button::-moz-focus-inner,input::-moz-focus-inner{border:0;padding:0}
input{line-height:normal}
input[type=checkbox],input[type=radio]{box-sizing:border-box;padding:0}
input[type=number]::-webkit-inner-spin-button,input[type=number]::-webkit-outer-spin-button{height:auto}
input[type=search]{-webkit-appearance:textfield;-moz-box-sizing:content-box;-webkit-box-sizing:content-box;box-sizing:content-box}
input[type=search]::-webkit-search-cancel-button,input[type=search]::-webkit-search-decoration{-webkit-appearance:none}
fieldset{border:1px solid silver;margin:0 2px;padding:.35em .625em .75em}
legend{border:0;padding:0}
textarea{overflow:auto}
optgroup{font-weight:700}
table{border-collapse:collapse;border-spacing:0}
td,th{padding:0}

/*
 * Begin actual styles here.
 */

html {
	margin:0;
	padding: 0;
	background: white;
	color: #666666;
	font: normal 18px/32px "Quattrocento Sans",sans-serif;
}
h1 {
	font: normal 60px/60px "IM Fell French Canon",serif;
	color: black;
	text-align: center;
	padding: 0 0 60px 0;
	margin: 0 0 45px 0;
	background: url(../images/h1-scroll.png) center bottom no-repeat;
}
h2 {
	font: normal 16px/16px "Montserrat",sans-serif;
	color:black;
	text-transform: uppercase;
	text-align: center;
}
h3 {
	font: normal 24px/28px "Montserrat",sans-serif;
	color:black;
	text-transform: uppercase;
	text-align: center;
}
a {
	font-weight: bold;
	color: #358fce;
	text-decoration: none;
}
ul {
	list-style-image: url(../images/star-bullet.png);
}
ol {
	counter-reset: ol;
	list-style: none;
	margin:0;
	padding:0;
}
ol > li {
	margin:0 0 0 30px;
	padding:0;
}
ol > li:before {
	content: counter(ol);
	counter-increment: ol;
	display: inline-block;
	width:30px;
	margin-left: -30px;
	color: #aaaaaa;
	font: normal 30px/30px "IM Fell French Canon",serif;
}
.white-on-black {
	background: #262626;
	color: #aaaaaa;
}
.white-on-black h1 {
	color: white;
	background-image: url(../images/h1-scroll-white.png);
}
.white-on-black h2 {
	color: white;
}

.introduction {
	position: relative;
	height:200px;
	background: url(../images/default-content-header.jpg) center center no-repeat;
	background-size: cover;
}
.introduction .logo {
	position: absolute;
	top: 19px;
	left: 50%;
}
.introduction .logo img {
	margin-left: -183px;
}

article {
	padding:70px 0;
	max-width: 800px;
	margin: 0 auto;
}
article p {
	text-align: center;
}
blockquote {
	position: relative;
	margin:35px 0;
	padding:33px 0;
	font-style: italic;
	text-align: center;
}
blockquote:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 50%;
	width: 90px;
	margin-left: -45px;
	border-top: 1px solid #dddddd;
}
blockquote:after {
	content: ' ';
	position: absolute;
	bottom: 0;
	left: 50%;
	width: 90px;
	margin-left: -45px;
	border-bottom: 1px solid #dddddd;
}

#page-navigation {
	position: relative;
	padding: 17px 0;
	background:white;
	box-shadow: 0 5px 20px rgba(0,0,0,0.15);
}
#page-navigation.float-menu {
	width:100%;
	position: fixed;
	top: 0;
	left: 0;
	z-index: 5;
}
#page-navigation.float-menu + * {
	margin-top:78px;
}
#page-navigation ul {
	display:block;
	text-align: left;
	padding:0;
	margin: 0 31px 0 295px;
	list-style: none;
	line-height: 28px;
	position: relative;
	text-align: center;
}
#page-navigation li {
	margin:0;
	padding: 0 25px 0 19px;
	display: inline-block;
	vertical-align: top;
	position: relative;
}
#page-navigation li+li:before {
	content:'\2022';
	color: #ccc;
	position: absolute;
	top: 5px;
	left: -5px;
	font: normal 15px/15px "Montserrat",sans-serif;
}
#page-navigation a {
	color: black;
	text-decoration: none;
	font: normal 15px/15px "Montserrat",sans-serif;
	text-transform: uppercase;
}
#page-navigation a.telephone {
	position: absolute;
	top: 32px;
	left: 49px;
	color: #666;
	font: normal 18px/26px "Quattrocento Sans",sans-serif;
	padding-left: 35px;
	background: url(../images/phone-icon.png) left top no-repeat;
}

section.mini-contact {
	text-align: center;
}
section.mini-contact p.phone a {
	display: inline-block;
	color: black;
	font: normal 24px/26px Montserrat,sans-serif;
	padding-left: 35px;
	background: url(../images/phone-icon.png) left top no-repeat;
}


ul.social-media {
	position: relative;
	display:block;
	text-align: center;
	margin:70px 0 0 0;
	padding:63px 0;
	list-style:none;
}
ul.social-media:before {
	content: ' ';
	position: absolute;
	top: 0;
	left: 50%;
	width: 90px;
	margin-left: -45px;
	border-top: 1px solid #dddddd;
}
ul.social-media:empty {
	padding: 0;
}
ul.social-media:empty:before {
	content:'';
}
ul.social-media li {
	display: inline;
	margin: 0;
	padding: 0;
}
ul.social-media a {
	display: inline-block;
	vertical-align: top;
	width: 30px;
	height: 30px;
	background: url(../images/social-media-sprite.png) left top no-repeat;
}
ul.social-media li + li a {
	margin-left: 27px;
}
ul.social-media a.facebook { background-position: -60px top; }
ul.social-media a.twitter { background-position: -30px top; }
ul.social-media a.googleplus { background-position: left top; }

.home-introduction ul.social-media {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 53px;
	right: 94px;
}
.home-introduction ul.social-media:before {
	border: 0 none;
	content:'';
}
.home-introduction ul.social-media a {
	background-image: url(../images/social-sprite-2.png);
}
.home-introduction ul.social-media a.facebook:hover { background-position: -60px -30px; }
.home-introduction ul.social-media a.twitter:hover { background-position: -30px -30px; }
.home-introduction ul.social-media a.googleplus:hover { background-position: left -30px; }
section.afterword {
	background-image: -webkit-gradient(linear,left top,left 21px,color-stop(#EBEBEB),color-stop(#FFFFFF));
	background-image: -o-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 21px);
	background-image: -moz-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 21px);
	background-image: -webkit-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 21px);
	background-image: -ms-linear-gradient(bottom, #EBEBEB 0%, #FFFFFF 21px);
	background-image: linear-gradient(to bottom, #EBEBEB 0%, #FFFFFF 21px);
	padding: 60px 0 20px 0;
}
#footer-menu,
#footer-menu li {
	display: block;
	list-style: none;
	margin:0;
	padding: 0;
	text-align: center;
}
#footer-menu a {
	color: #aaaaaa;
	text-decoration: none;
}
p.copyright {
	color: #aaaaaa;
	text-align: center;
	margin: 55px 0 0 0;
	font-size: 14px;
	line-height: 14px;
}
.powered-by {
	margin: 12px 0;
	font: normal 12px/20px "Quattrocento Sans",sans-serif;
	color: #aaaaaa;
	text-align: center;
}
.powered-by a {
	font-weight: normal;
	text-decoration: underline;
	color: #aaaaaa;
	display: inline-block;
	vertical-align: top;
	padding-right: 66px;
	background: url(../images/graphtek-cms.png) right top no-repeat;
}

.dijitButton {
	margin:0;
}
.dijitButton .dijitButtonNode {
	background: white;
	border: 4px solid black;
	padding: 12px 90px;
}
.dijitButton .dijitButtonNode * {
	vertical-align: top;
}
.dijitButton .dijitButtonText {
	font: bold 16px/17px "Montserrat",sans-serif;
	text-transform: uppercase;
	color: black;
	letter-spacing: 3px;
	padding: 0;
}
.room-subtitle {
	color:#666666;
	font: 16px/16px 'Quattrocento Sans',sans-serif;
	font-style:italic;
}
.dojoxLightboxFooter {
    bottom: 0;
    color: #333;
    font-size: 10pt;
    left: 0;
    margin-top: 8px;
    padding-bottom: 5px;
    position: static;
    z-index: 1000;
}
.claro .LightboxPrev, .nihilo .LightboxPrev, .tundra .LightboxPrev {
    background: url("http://cuistotrestaurant.graphtek.com/images/left-arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 40px;
    left: 0;
    position: absolute;
    top: 40%;
    width: 40px;
    z-index: 1001;
}
.claro .LightboxNext, .nihilo .LightboxNext, .tundra .LightboxNext {
    background: url("http://cuistotrestaurant.graphtek.com/images/right-arrow.png") no-repeat scroll center center rgba(0, 0, 0, 0);
    height: 40px;
    right: 0;
    position: absolute;
    top: 40%;
    width: 40px;
    z-index: 1001;
}