/*
Code by Airtype Studio - www.airtypestudio.com
style.css - local page styles
*/

@import url(global/reset.css); /* Global Reset Styles */
@import url(global/typography.css); /* Global Typography Styles */
@import url(global/layout.css); /* Global Layout Styles */
@import url(global/global.css); /* Global Miscellaneous Styles */

/* ### HOME PAGE STYLES ### */

#content.home {
	background: url(../images/global/bgContent.png);
	height: 369px;
}

.home .images {
	float: left;
	height: 288px;
	overflow: visible;
	padding: 50px 45px 0 25px;
	width: 320px;
}

.home .images img {
	background: url(../images/home/bgThumb.png);
	float: left;
	height: 124px;
	margin: 0 3px 3px 0;
	padding: 3px 9px 14px 8px;
	width: 140px;
}

.home h2 {
	color: #000;
	font-size: 1.8em;
	font-style: italic;
	line-height: 1.7em;
	margin-bottom: 40px;
	padding: 65px 60px 0 0;
}

.home h2 span {
	color: #a8180b;
	font-size: 1.4em;
	font-style: normal;
}

#homeBoxes {
	overflow: hidden;
}

#homeBoxes div {
	border-right: 2px solid #a8180b;
	float: left;
	margin-right: 30px;
	min-height: 132px;
	padding-right: 10px;
	width: 163px;
}

#homeBoxes div.last {
	border-right: none;
	margin-right: 0;
}

.home h3 {
	color: #a8180b;
	font-size: 2.9em;
	font-style: italic;
	line-height: 1.2em;
	margin-bottom: 8px;
}

.home p {
	font-size: 1.2em;
	font-weight: bold;
	margin-bottom: 13px;
}

.home h5 a {
	background: url(../images/home/buttonClickForMore.png);
	display: block;
	height: 20px;
	overflow: hidden;
	text-indent: -9999px;
	width: 90px;
}

/* ### MENUS PAGE STYLES ### */

#content.menus {
	background: url(../images/global/bgContent.png);
	height: 545px;
}

.menus #contentLeft {
	float: left;
	padding: 20px 0 0 20px;
	width: 595px;
}

.menus #contentLeft h1 {
	color: #a8180b;
	font-size: 2em;
	margin-bottom: 12px;
}

.menus #contentLeft p {
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.75em;
	margin-bottom: 20px;
	padding-right: 10px;
}

.menus #contentLeft h3 {
	color: #720a01;
	font-size: 1.4em;
	margin-bottom: 15px;
}

#menuButtons {
	overflow: auto;
}

#menuButtons li {
	float: left;
}

#menuButtons li a {
	background-image: url(../images/menus/buttons.png);
	background-repeat: no-repeat;
	display: block;
	height: 24px;
	overflow: hidden;
	text-indent: -9999px;
}

#mb01 a {
	width: 71px;
}

#mb02 a {
	background-position: -71px 0;
	width: 70px;
}

#mb03 a {
	background-position: -141px 0;
	width: 79px;
}

#mb04 a {
	background-position: -220px 0;
	width: 77px;
}

#mb05 a {
	background-position: -297px 0;
	width: 99px;
}

#mb06 a {
	background-position: -396px 0;
	width: 75px;
}

#mb07 a {
	background-position: -471px 0;
	width: 106px;
}

#scroller {
	margin-left: 16px;
	position: relative;
}

#scrollContainer {
	height: 175px;
	overflow: hidden;
	position: relative;
	width: 545px;
}

#scroller p a {
	display: block;
	height: 174px;
	position: absolute;
	text-indent: -9999px;
	top: 0;
}

#scroller p.before a {
	background: url(../images/menus/scrollLeft.png);
	left: -16px;
	width: 16px;
}

#scroller p.after a {
	background: url(../images/menus/scrollRight.png);
	left: 529px;
	width: 16px;
}

#scroller p a:hover {
	cursor: pointer;
}

#scroll {
	height: 174px;
	left: 0;
	overflow: hidden;
	position: absolute;
	top: 0;
	width: 3026px;
}

#scroll li {
	float: left;
	margin-right: 2px;
}

.menus #contentRight {
	margin-left: 630px;
	padding-top: 20px;
	width: 315px;
}

.menus #contentRight h2 {
	color: #a8180b;
	font-size: 1.6em;
}

.menus #contentRight h2.top {
	margin-bottom: 15px;
}

.menus #contentRight p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: 15px;
}

/* ### CONTACT PAGE STYLES ### */

#content.contact {
	background: url(../images/global/bgContent.png);
	height: 545px;
}

.contact #contentLeft {
	float: left;
	padding: 27px 0 0 20px;
	width: 575px;
}

.contact #contentLeft p {
	font-size: 1.5em;
	margin-bottom: 15px;
}

.contact #contentRight {
	margin-left: 615px;
	padding-top: 20px;
	width: 350px;
}

.contact #contentRight h2 {
	color: #a8180b;
	font-size: 1.6em;
	margin-bottom: 6px;
}

.contact #contentRight p {
	font-size: 1.2em;
	line-height: 1.6em;
	margin-bottom: 15px;
}

.contact #contentRight p.tight {
	line-height: 1.2em;
}

.contact #contentRight p a {
	color: #000;
}

.contact #contentRight p a:hover {
	text-decoration: none;
}

.contact #contentRight p span {
	color: #a8180b;
	font-weight: bold;
}

.contact #contentRight p.right {
	float: right;
	padding-right: 25px;
}

#formContactJoin label {
	color: #0e3760;
	font-size: 1.2em;
	text-transform: uppercase;
}

#formContactJoin #list {
	background: url(../images/contact/list.png) 22px 3px no-repeat;
	padding-bottom: 15px;
	padding-top: 6px;
	height: 33px;
	width: 360px;
}

#formContactJoin #list label {
	position: absolute;
	top: -999px;
}

#formContactJoinEmail {
	margin-bottom: 15px;
	width: 235px;
}

#formContactJoinEnter {
	position: relative;
	top: 10px;
}

#formContactJoinListsJaleo {
	left: 0;
	position: relative;
}

#formContactJoinListsCafeAtlantico {
	left: 51px;
	position: relative;
}

#formContactJoinListsMinibar {
	left: 82px;
	position: relative;
}

#formContactJoinListsZaytinya {
	left: 132px;
	position: relative;
}

#formContactJoinListsOyamel {
	left: 186px;
	position: relative;
}

.contact #social {
	overflow: auto;
}

.contact #social li {
	float: left;
}

.contact #social li a {
	background-image: url(../images/contact/social.png);
	display: block;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
}

.contact #fb a {
	width: 90px;
}

.contact #tw a {
	background-position: -90px 0;
	width: 94px;
}

.contact #rss a {
	background-position: -184px 0;
	width: 134px;
}

/* ### SHOP PAGE STYLES ### */

#content.shop {
	background: url(../images/global/bgContent.png);
	height: 545px;
}

.shop #contentLeft {
	float: left;
	height: 505px;
	margin-top: 20px;
	overflow: auto;
	padding: 0 0 0 20px;
	width: 585px;
}

.shop .item {
	float: left;
	height: 294px;
	margin-bottom: 6px;
	padding: 18px 0;
	width: 280px;
}


.shop .left {
	margin-right: 6px;
}

.shop .image img {
	max-height: 210px;
	max-width: 210px;
}

.shop .item h2 {
	font-size: 1.3em;
	margin-bottom: 3px;
	padding: 0 20px;
}

.shop .item h2 a {
	color: #a8180b;
	text-decoration: none;
}

.shop .item h2 a:hover {
	text-decoration: underline;
}

.shop #contentLeft p {
	color: #000;
	float: left;
	font-size: 1.3em;
	padding-left: 20px;
	width: 190px;
}

.shop #contentLeft p.image {
	float: none;
	margin-bottom: 15px;
	padding-left: 0;
	text-align: center;
	width: 282px;
}

.shop #contentLeft p.buy {
	float: right;
	padding: 0 15px 0 0;
	width: 48px;
}

.shop .buy a {
	background: url(../images/shop/buttonBuy.png) no-repeat;
	display: block;
	height: 28px;
	overflow: hidden;
	text-indent: -9999px;
	width: 48px;
}

.shop #contentRight {
	margin-left: 615px;
	padding-top: 20px;
	width: 350px;
}

.shop #contentRight h2 {
	color: #a8180b;
	font-size: 1.6em;
	margin-bottom: 6px;
}

.shop #contentRight p {
	font-size: 1.2em;
	line-height: 1.3em;
	margin-bottom: 15px;
}

.shop #contentRight p.tight {
	line-height: 1.2em;
	margin-bottom: 5px;
}

.shop #contentRight p a {
	color: #000;
}

.shop #contentRight p a:hover {
	text-decoration: none;
}

.shop #contentRight p span {
	color: #a8180b;
	font-weight: bold;
}

/* ### PARTIES PAGE STYLES ### */

#content.parties {
	background: url(../images/global/bgContent.png);
	height: 545px;
}

.parties #contentLeft {
	float: left;
	padding: 20px 0 0 50px;
	width: 545px;
}

.parties #contentLeft h1 {
	color: #a8180b;
	font-size: 2em;
	margin-bottom: 12px;
}

.parties #contentLeft p {
	font-size: 1.3em;
	font-style: italic;
	line-height: 1.3em;
	margin-bottom: 15px;
	padding-right: 10px;
}

.parties #contentLeft p span {
	color: #a8180b;
}

.parties #contentLeft p span a {
	color: #a8180b;
}

.parties #contentLeft p span a:hover {
	text-decoration: none;
}

.parties #contentLeft #catering {
	background: url(../images/parties/catering.png) no-repeat;
	height: 89px;
}

.parties #contentLeft #catering p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.4em;
	padding: 7px 30px 0 135px;
}

.parties #contentLeft #catering p a {
	color: #fff;
}

.parties #contentLeft #catering p a:hover {
	text-decoration: underline;
}

.parties #contentRight {
	margin-left: 615px;
	padding-top: 20px;
	width: 340px;
}

#inquiries {
	height: 297px;
}

#content.parties #contentRight h2 {
	border-bottom: 1px solid #a8180b;
	color: #a8180b;
	font-size: 2em;
	margin-bottom: 12px;
	padding-bottom: 15px;
}

#content.parties #contentRight p {
	color: #000;
	font-size: 1.2em;
	margin-bottom: 15px;
	padding: 0 25px;
}

#formParties input, #formParties textarea {
	border: 1px solid #000;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.2em;
}

#formParties select {
	margin-bottom: 15px;
	width: 83px;
}

#formParties label {
	color: #000;
	font-size: 1.2em;
	margin-right: 3px;
	text-transform: uppercase;
}

#formPartiesDate {
	margin-bottom: 15px;
	width: 93px;
}

#formPartiesLocation {
	margin-bottom: 15px;
	width: 83px;
}

#formPartiesSize {
	margin-right: 15px;
}

#formPartiesName {
	margin-bottom: 15px;
	width: 250px;
}

#formPartiesEmail {
	margin-bottom: 35px;
	width: 225px;
}

label.formPartiesComments {
	display: block;
	margin-bottom: 3px;
}

#formPartiesComments {
	margin-bottom: 15px;
	width: 335px;
}

#formParties #formPartiesSubmit {
	border: none;
	margin-left: 5px;
}

#noSubmit {
	display: none;
}

#noSubmit .left {
	float: left;
	width: 64px;
}

#content.parties #contentRight #noSubmit .right {
	color: #a8180b;
	font-size: 1.1em;
	margin-left: 75px;
	position: relative;
	top: -6px;
}

.ui-datepicker-trigger {
	margin: 0 15px 0 4px;
	position: relative;
	top: 3px;
}

#partyPhoto {
	margin-left: 42px;
	position: relative;
	top: -20px;
}

/* ### ABOUT PAGE STYLES ### */

#content.about {
	background: url(../images/global/bgContent.png);
	height: 545px;
}

.about #contentLeft {
	float: left;
	padding: 20px 0 0 20px;
	width: 585px;
}

.about #copy {
	clear: left;
	height: 330px;
	overflow: auto;
}

.about #copy.taller {
	height: 505px;
	overflow: auto;
}

.about #copy.shorter {
	height: 305px;
	overflow: auto;
}

.about #contentLeft #history, .about #contentLeft #story {
	margin-bottom: 25px;
}

.about #contentLeft #history p {
	font-size: 1.4em;
	margin-left: 212px;
	font-style: italic;
	line-height: 1.6em;
}

.about #contentLeft #story p {
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.6em;
}

.about #contentLeft #history p span, .about #contentLeft #story .callout {
	color: #a8180b;
	font-size: 1.2em;
	font-style: normal;
}

.about #contentLeft #history p.photo {
	float: left;
	margin: 0;
	width: 212px;
}

.about #contentLeft .calendar {
	clear: left;
	margin-bottom: 25px;
}

.about #contentLeft .calendar h1 {
	border-bottom: 1px solid #a8180b;
	font-size: 1.6em;
	margin: 0 20px 5px 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.about #contentLeft .calendar h1 a {
	color: #a8180b;
	text-decoration: none;
}

.about #contentLeft .calendar p.rss {
	float: left;
	margin-right: 5px;
	width: 12px;
}

.about #contentLeft .calendar p.date {
	font-size: 1em;
	margin-bottom: 0;
}

.about #contentLeft .calendar p.rss a {
	background: url(../images/global/iconRss.png);
	display: block;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	width: 12px;
}

.about #contentLeft .calendar p, .about #contentLeft .calendar ul, .about #contentLeft .calendar ol {
	font-size: 1.2em;
	margin-bottom: 15px;
}

.about #contentLeft .calendar p a {
	color: #000;
}

.about #contentLeft .calendar p a:hover {
	text-decoration: underline;
}

.about #contentLeft .calendar p.photo {
	margin-bottom: 7px;
}

.about #contentLeft .calendar p.left {
	float: left;
	margin-right: 15px;
}

.about #contentLeft .calendar p.right {
	float: right;
	margin-left: 15px;
}

.about #contentLeft .calendar .socialLinks {
	height: 16px;
	margin: -15px 0 15px 404px;
	overflow: hidden;
}

.about #contentLeft .calendar .socialLinks li {
	float: left;
	margin-right: 5px;
}

.about #contentRight {
	margin-left: 625px;
	padding-top: 20px;
	width: 340px;
}

.about #contentRight h2 {
	color: #a8180b;
	font-size: 1.6em;
	margin-bottom: 12px;
}

.about #contentRight h2 a {
	color: #a8180b;
	text-decoration: none;
}

.about #contentRight h2.twitter {
	float: left;
	margin-right: 40px;
}

.about #contentRight h2 a:hover {
	text-decoration: underline;
}

.about #contentRight h3 a {
	background: url(../images/about/buttonFollow.png);
	display: block;
	height: 24px;
	margin-bottom: 10px;
	overflow: hidden;
	text-indent: -9999px;
	width: 74px;
}

.about #contentRight dl {
	font-size: 1.2em;
	height: 150px;
	margin-bottom: 15px;
	padding-right: 10px;
	overflow: auto;
}

.about #contentRight dl a {
	color: #000;
}

.about #contentRight dl a:hover {
	text-decoration: none;
}

.about #contentRight dt {
	margin-bottom: 5px;
}

.about #contentRight dd {
	border-bottom: 1px solid #898989;
	color: #797575;
	margin-bottom: 8px;
	padding-bottom: 8px;
}

.about #contentRight ul {
	list-style-type: disc;
	margin-bottom: 8px;
	margin-left: 15px;
}

.about #contentRight li, .about #contentRight h4 {
	font-size: 1.2em;
	margin-bottom: 4px;
}

.about #contentRight li a, .about #contentRight h4 a {
	color: #000;
	text-decoration: none;
}

.about #contentRight li a:hover, .about #contentRight h4 a:hover {
	text-decoration: underline;
}

.about #contentRight h4 {
	margin-bottom: 20px;
	text-transform: uppercase;
}

.about #contentRight p {
	font-size: 1.7em;
	line-height: 1.1em;
	margin-bottom: 35px;
}

.about #contentRight p a {
	color: #000;
}

.about #contentRight p a:hover {
	text-decoration: none;
}

.about #contentRight #social {
	list-style-type: none;
	margin: 0;
	overflow: auto;
}

.about #social li {
	float: left;
}

.about #social li a {
	background-image: url(../images/contact/social.png);
	display: block;
	height: 23px;
	overflow: hidden;
	text-indent: -9999px;
}

.about #fb a {
	width: 90px;
}

.about #tw a {
	background-position: -90px 0;
	width: 94px;
}

.about #rss a {
	background-position: -184px 0;
	width: 134px;
}

/* ### CALENDAR PAGE STYLES ### */

#content.calendar {
	background: url(../images/global/bgContent.png);
	height: 545px;
}

.calendar #contentLeft {
	float: left;
	padding: 20px 0 0 20px;
	width: 585px;
}

.calendar #copy {
	height: 505px;
	overflow: auto;
}

.calendar #contentLeft #copy {
	margin-bottom: 25px;
}

.calendar #contentLeft #copy h1 {
	border-bottom: 1px solid #a8180b;
	font-size: 1.6em;
	margin: 0 20px 5px 0;
	margin-bottom: 5px;
	padding-bottom: 5px;
}

.calendar #contentLeft #copy h1 a {
	color: #a8180b;
	text-decoration: none;
}

.calendar #contentLeft #copy p.rss {
	float: left;
	margin-right: 5px;
	width: 12px;
}

.calendar #contentLeft #copy p.date {
	font-size: 1em;
	margin-bottom: 0;
}

.calendar #contentLeft #copy p.rss a {
	background: url(../images/global/iconRss.png);
	display: block;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
	width: 12px;
}

.calendar #contentLeft #copy p, .calendar #contentLeft #copy ul, .calendar #contentLeft #copy ol {
	font-size: 1.2em;
	margin-bottom: 15px;
	margin-right: 10px;
}

.calendar #contentLeft #copy p a {
	color: #000;
}

.calendar #contentLeft #copy p a:hover {
	text-decoration: none;
}

.calendar #contentLeft #copy .socialLinks {
	height: 16px;
	margin-left: 404px;
	overflow: hidden;
	position: relative;
	top: -17px;
}

.calendar #contentLeft #copy .socialLinks li {
	float: left;
	margin-right: 5px;
}

.calendar #contentLeft #copy h3 {
	color: #a8180b;
	font-size: 1.2em;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.calendar #contentLeft #copy h4 {
	font-size: 1.2em;
	margin-bottom: 15px;
	text-transform: uppercase;
}

.calendar #contentLeft #copy p.notice {
	font-size: 1.2em;
	font-style: italic;
	margin-bottom: 0;
}

.calendar #contentLeft #copy label {
	display: block;
	font-size: 1.2em;
}

.calendar #contentLeft #copy input {
	margin-bottom: 12px;
}

.calendar #contentLeft #copy textarea {
	height: 80px;
	width: 500px;
}

.calendar #contentLeft #copy .comment h2 {
	color: #a8180b;
	font-size: 1.2em;
	margin-bottom: 3px;
}

.calendar #contentLeft #copy .comment h2 span {
	text-transform: uppercase;
}

.calendar #contentLeft #copy .comment p {
	margin-bottom: 0px;
}

.calendar #contentLeft #copy .comment .commentDate {
	color: #a8180b;
	font-size: 1.0em;
	margin-bottom: 25px;
}


/* ### PRESS PAGE STYLES ### */

#content.press {
	background: url(../images/global/bgContent.png);
	height: 545px;
}

.press #contentLeft {
	float: left;
	padding: 20px 0 0 20px;
	width: 545px;
}

.press #copy {
	height: 505px;
	overflow: auto;
}

.press #contentLeft h1, .press #contentRight h2 {
	color: #a8180b;
	font-size: 1.6em;
	margin-bottom: 12px;
}

.press #contentLeft ul {
	list-style-type: disc;
	margin-left: 15px;
}

.press #contentLeft li {
	font-size: 1.2em;
	margin-bottom: 12px;
}

.press #contentLeft li a {
	color: #a8180b;
	text-decoration: none;
}

.press #contentLeft li a span {
	color: #000;
}

.press #contentLeft li a:hover {
	text-decoration: underline;
}

.press #contentRight {
	margin-left: 615px;
	padding-top: 20px;
	width: 340px;
}

.press #contentRight ul {
	list-style-type: disc;
	margin-left: 15px;
}

.press #contentRight li {
	font-size: 1.2em;
	margin-bottom: 12px;
}

/* ### FAQ PAGE STYLES ### */

#content.faq {
	background: url(../images/global/bgContent.png);
	height: 545px;
}

.faq #contentLeft {
	padding: 20px 0 0 20px;
	width: 585px;
}

.faq #copy {
	height: 505px;
	overflow: auto;
}

.faq #contentLeft h1 {
	color: #a8180b;
	font-size: 1.6em;
	margin-bottom: 8px;
}

.faq #contentLeft dl {
	font-size: 1.2em;
}

.faq #contentLeft dt {
	font-weight: bold;
	margin-bottom: 3px;
}

.faq #contentLeft dt span {
	color: #a8180b;
	cursor: pointer;
	text-decoration: underline;
}

.faq #contentLeft dt span:hover, #content.faq #contentLeft dt span.hover {
	text-decoration: none;
}

.faq #contentLeft dd {
	margin-bottom: 15px;
}

.faq #contentLeft dd a {
	color: #a8180b;
}

.faq #contentLeft dd a:hover {
	text-decoration: none;
}

.faq #contentLeft dd p, #content.faq #contentLeft dd ul, #content.faq #contentLeft dd ol {
	margin-bottom: 8px;
}

.faq #contentLeft dd ul {
	list-style-type: disc;
}

.faq #contentLeft dd ol {
	list-style-type: decimal;
}

/* ### PHOTO PAGE STYLES ### */

#content.photos {
	background: url(../images/global/bgContent.png);
	height: 545px;
}

.photos #contentLeft {
	float: left;
	padding: 20px 0 0 30px;
	width: 360px;
}

.photos #contentLeft a {
	color: #000;
}

.photos #contentLeft a:hover {
	text-decoration: none;
}

.photos #contentRight {
	margin-left: 375px;
	padding-top: 20px;
	width: 600px;
}

.photos #contentRight p {
	text-align: center;
}

.photos #contentRight p img {
	max-height: 588px;
	max-width: 588px;
}

#pager {
	clear: both;
}

.qp_next {
	margin-right: 8px;
}

.qp_prev {
	margin-left: 8px;
}

.qp_disabled {
	color: #aaa;
	cursor: default;
	text-decoration: none;
}