/*
Code by Marcus Hodges - www.pixelluxe.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 STYLES */



#slideshow {
	height: 367px;
	margin: 0 0 5px 24px;
	width: 976px;
}

#slides img {
	height: 367px;
	left: 0;
	top: 0;
	width: 976px;
}

#content.home #reservations {
	margin-bottom: 5px;
}

#homeBoxes {
	background: url(../images/home/bgBoxes.png) no-repeat;
	height: 231px;
	margin-left: 24px;
	overflow: auto;
	position: relative;
}

#homeBoxes img {
	height: 166px;
	position: absolute;
	top: 33px;
	width: 250px;
}

#homeBox1 {
	left: 40px;
}

#homeBox2 {
	left: 365px;
}

#homeBox3 {
	left: 694px;
}

/* MENU STYLES */

#content.menus p {
	color: #073d7a;
	font-size: 1.2em;
}

#content.menus #contentRight {
	background: url(../images/contentRight/bgContentRightSwoop.png);
}

#content.menus #contentLeft h1 {
	color: #073d7a;
	font-size: 2.6em;
	margin-bottom: 25px;
	padding: 25px 25px 0 0;
}

#content.menus #contentLeft p {
	margin-bottom: 15px;
	padding: 0 25px 0 0;
}

#content.menus #contentRight h2 {
	color: #1181c0;
	font-size: 2em;
	margin-bottom: 15px;
	padding: 25px 25px 0;
}

#content.menus #contentRight p {
	margin-bottom: 12px;
	padding: 0 25px;
}

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

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

#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: -21px;
	width: 18px;
}

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

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

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

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

/* CONTACT STYLES */

#content.contact p {
	color: #073d7a;
	font-size: 1.2em;
}

#content.contact #contentLeft h1 {
	color: #073d7a;
	font-size: 2.6em;
	margin-bottom: 25px;
	padding: 25px 25px 0 0;
}

#content.contact #contentLeft p {
	margin-bottom: 15px;
	padding: 0 25px 0 0;
}

#content.contact #contentLeft p a {
	color: #073d7a;
}

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

#contactBoxes {
	height: 63px;
	overflow: visible;
}

#contactBoxes div {
	float: left;
}

#address {
	width: 195px;
}

#phone {
	width: 140px;
}

#content.contact #contentRight {
	background: url(../images/contact/photo.jpg) left bottom no-repeat;
}

#content.contact #social {
	background: url(../images/contact/navSocial.png) 0 65px no-repeat;
	height: 58px;
	padding-top: 65px;
	margin-bottom: 5px;
	position: relative;
}

#content.contact #social li a {
	height: 18px;
	position: absolute;
	text-indent: -9999px;
	top: 86px;
}

#content.contact #social #facebook a {
	left: 15px;
	width: 94px;
}

#content.contact #social #twitter a {
	left: 130px;
	width: 85px;
}

#content.contact #social #rss a {
	left: 237px;
	width: 127px;
}

#content.contact #contentRight div {
	background: #e2e3e4;
	height: 124px;
}

#content.contact #contentRight h2 {
	color: #1181c0;
	font-size: 1.6em;
	padding: 15px 12px 0;
}

#signup {
	padding-left: 12px;
}

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

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

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

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

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

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

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

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

#formContactJoinListsJaleo {
	left: 145px;
	position: relative;
}

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

/* SHOP STYLES */

#content.shop #items {
	background: #fff;
	height: 589px;
	margin: 8px;
	overflow: auto;
	width: 588px;
}

#content.shop .item {
	background: #dfdcdc;
	float: left;
	height: 294px;
	margin-bottom: 6px;
	padding: 18px 0;
	width: 282px;
}

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

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

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

#content.shop .item h2 a {
	color: #073d7a;
	text-decoration: none;
}

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

#content.shop #contentLeft p {
	color: #469dcf;
	float: left;
	font-size: 1.1em;
	padding-left: 20px;
	width: 205px;
}

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

#content.shop #contentLeft p.buy {
	float: left;
	padding-left: 0px;
	width: 48px;
}

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

#content.shop #contentRight {
	background: url(../images/contentRight/bgContentRightSwoop.png);
}

#content.shop #contentRight h2 {
	color: #1181c0;
	font-size: 2em;
	margin-bottom: 15px;
	padding: 25px 25px 0;
}

#content.shop #contentRight p {
	color: #073d7a;
	font-size: 1.2em;
	margin-bottom: 12px;
	padding: 0 25px;
}

#content.shop #contentRight p a {
	color: #073d7a;
}

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

#content.shop #contentRight .buyButton {
	margin-left: 255px;
}

/* PARTIES STYLES */

#content.parties #contentLeft {
	background: url(../images/parties/photoLeft.jpg) left bottom no-repeat;
}

#content.parties #contentLeft p a {
	color: #073d7a;
}

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

#content.parties #contentLeft h1 {
	color: #073d7a;
	font-size: 2.6em;
	margin-bottom: 18px;
	padding: 25px 25px 0 0;
}

#content.parties #contentLeft p {
	color: #073d7a;
	font-size: 1.2em;
	margin-bottom: 10px;
	padding: 0 25px 0 0;
}

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

#content.parties #contentLeft #catering p {
	color: #fff;
	font-size: 1.1em;
	line-height: 1.6em;
	padding-left: 135px;
	padding-top: 7px;
}

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

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

#content.parties #contentRight {
	background: url(../images/parties/photoRight.jpg) left bottom no-repeat;
}

#inquiries {
	background: #d0e4ef;
	height: 297px;
}

#content.parties #contentRight h2 {
	color: #1181c0;
	font-size: 2em;
	margin-bottom: 15px;
	padding: 25px 25px 0;
}

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

#formParties {
	padding-left: 20px;
}

#formParties input, #formParties textarea {
	border: 1px solid #bebebe;
}

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

#formParties label {
	color: #0e3760;
	font-size: 1.1em;
	margin-right: 3px;
	text-transform: uppercase;
}

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

#formPartiesSize {
	margin-right: 15px;
}

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

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

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;
}

#noSubmit .right {
	color: #0e3760;
	font-size: 1.1em;
	margin-left: 75px;
	position: relative;
	top: -6px;
}

.ui-datepicker-trigger {
	margin-left: 6px;
}

/* ABOUT STYLES*/

#content.about {
	background: url(../images/global/bgContentGrey.png) no-repeat;
}

#content.about #history, #content.about #story {
	background: #fff;
	height: 210px;
	margin: 8px;
	margin-top: 10px;
	overflow: hidden;
	width: 588px;
}

#content.about #history h2, #content.about #story h2 {
	background: #d0e4ef;
	color: #1181c0;
	font-size: 1.6em;
	margin-bottom: 7px;
	padding: 6px 0 8px 20px;
}

#content.about #story h2 {
	height: 15px;
}

#content.about #history p {
	color: #073d7a;
	font-size: 1.2em;
	margin-bottom: 10px;
	margin-left: 144px;
	padding-right: 15px;
}

#content.about #story p {
	color: #073d7a;
	font-size: 1.2em;
	line-height: 1.45em;
	margin-bottom: 10px;
	margin-left: 144px;
	padding-right: 15px;
}

#content.about #history p.photo, #content.about #story p.photo {
	float: left;
	margin-left: 0;
	padding-left: 20px;
	padding-right: 0;
	width: 107px;
}

#content.about #history p.photo img, #content.about #story p.photo img {
	max-width: 585px;
}

#content.about #contentLeft #story p a {
	color: #073d7a;
}

#content.about #contentLeft #story p a:hover {
	color: #3795c9;
	text-decoration: none;
}

#content.about #copy {
	background: #fff;
	height: 370px;
	margin: 8px;
	overflow: auto;
	width: 588px;
}

#content.about #copy.taller {
	height: 588px;
	margin-top: 10px;
}

#content.about #copy .calendar {
	clear: left;
	padding-bottom: 5px;
}

#content.about #contentLeft #copy h1 {
	border-bottom: 1px solid #469dcf;
	color: #073d7a;
	font-size: 1.6em;
	margin: 10px 15px 5px;
	padding-bottom: 5px;
}

#content.about #contentLeft #copy h1 a {
	color: #073d7a;
	text-decoration: none;
}

#content.about #contentLeft #copy h1 a:hover {
	color: #3795c9;
}

#content.about #contentLeft #copy p {
	color: #073d7a;
	font-size: 1.2em;
	margin-bottom: 20px;
	padding: 0px 15px 0px;
}

#content.about #contentLeft #copy p.rss {
	float: left;
	margin-bottom: 5px;
	padding: 0;
	padding-left: 15px;
	width: 12px;
}

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

#content.about #contentLeft #copy p.date {
	font-size: 0.9em;
	margin-bottom: 8px;
	margin-left: 34px;
	padding: 0;
}

#content.about #contentLeft .socialLinks {
	height: 16px;
	margin: -23px 0 23px 400px;
	overflow: hidden;
}

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

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

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

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

#content.about #contentLeft #copy p a {
	color: #073d7a;
}

#content.about #contentLeft #copy p a:hover {
	color: #3795c9;
	text-decoration: none;
}

#content.about #social {
	background: url(../images/about/navSocial.png) 0 10px no-repeat;
	height: 57px;
	padding-top: 10px;
	margin-bottom: 7px;
	position: relative;
}

#content.about #social li a {
	height: 18px;
	position: absolute;
	text-indent: -9999px;
	top: 30px;
}

#content.about #social #facebook a {
	left: 15px;
	width: 90px;
}

#content.about #social #twitter a {
	left: 120px;
	width: 85px;
}

#content.about #social #rss a {
	left: 225px;
	width: 127px;
}

#content.about #options {
	background: #fff;
	height: 421px;
	margin-bottom: 7px;
	width: 364px;
}

#content.about #options.jose {
	background: #fff;
	height: 588px;
	margin-top: 10px;
	width: 364px;
}

#content.about #options h2 {
	background: #d0e4ef;
	color: #1181c0;
	font-size: 1.6em;
	margin-bottom: 7px;
	padding: 6px 0 8px 20px;
}

#content.about #options h2 a {
	color: #1181c0;
	text-decoration: none;
}

#content.about #options h2 a:hover {
	color: #1181c0;
	text-decoration: underline;
}

#content.about #options ul {
	color: #073d7a;
	font-size: 1.1em;
	list-style-type: disc;
	margin-bottom: 7px;
	padding: 0 10px 0 35px;
}

#content.about #options li {
	margin-bottom: 2px;
}

#content.about #options li a {
	color: #073d7a;
	text-decoration: none;
}

#content.about #options li a:hover {
	text-decoration: underline;
}

#content.about #options h4 a {
	color: #1181c0;
	display: block;
	font-size: 1.1em;
	font-weight: bold;
	margin-bottom: 4px;
	padding: 6px 0 8px 35px;
	text-decoration: none;
	text-transform: uppercase;
}

#content.about #options h4 a: hover {
	text-decoration: underline;
}

#content.about #pressInquiries {
	background: #003775;
	color: #fff;
	font-size: 1.2em;
	height: 64px;
	line-height: 1.6em;
	padding: 16px 20px;
	width: 324px;
}

#content.about #pressInquiries a {
	color: #fff;
}

#content.about #pressInquiries a:hover {
	text-decoration: none;
}

/* PRESS STYLES */

#content.press {
	background: url(../images/global/bgContentGrey.png) no-repeat;
}

#content.press #copy {
	background: #fff;
	height: 589px;
	margin: 8px;
	overflow: auto;
	width: 588px;
}

#content.press #contentLeft h1 {
	color: #1181c0;
	font-size: 1.8em;
	margin-bottom: 25px;
	padding: 15px 15px 0;
}

#content.press #contentLeft ul {
	color: #073d7a;
	font-size: 1.2em;
	list-style-type: disc;
	padding: 0 15px 15px 30px;
}

#content.press #contentLeft ul a {
	color: #469dce;
	text-decoration: none;
}

#content.press #contentLeft ul a span {
	color: #073d7a;
}

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

#content.press #contentLeft ul a.pdf {
	text-decoration: underline;
}

#content.press #contentLeft ul a.pdf:hover {
	text-decoration: none;
}

#content.press #contentLeft li {
	margin-bottom: 20px;
}

#content.press #contentRight {
	background: #e9f7fe;
	height: 589px;
	margin-top: 8px;
	width: 362px;
}

#content.press #contentRight h2 {
	color: #1181c0;
	font-size: 1.8em;
	margin-bottom: 25px;
	padding: 15px 15px 0;
}

#content.press #contentRight p {
	color: #073d7a;
	font-size: 1.2em;
}

#content.press #contentRight p a {
	color: #073d7a;
	text-decoration: none;
}

#content.press #contentRight p a:hover {
	text-decoration: underline;
}

#content.press #contentRight .award {
	margin-bottom: 20px;
	overflow: auto;
	padding: 0 15px;
}

#content.press #contentRight .awardImage {
	float: left;
	width: 100px;
}

#content.press #contentRight .awardText {
	margin-left: 115px;
}

/* CALENDAR STYLES */

#content.calendar {
	background: url(../images/global/bgContentGrey.png) no-repeat;
}

#content.calendar #copy {
	background: #fff;
	height: 589px;
	margin: 8px;
	overflow: auto;
	width: 588px;
}

#content.calendar #contentLeft h1 {
	border-bottom: 1px solid #469dcf;
	color: #073d7a;
	font-size: 1.6em;
	margin: 10px 15px 5px;
	padding-bottom: 5px;
}

#content.calendar #contentRight p {
	padding-top: 8px;
}

#content.calendar #contentLeft p {
	color: #073d7a;
	font-size: 1.2em;
	margin-bottom: 20px;
	padding: 0px 15px 0px;
}

#content.calendar #contentLeft p.rss {
	float: left;
	margin-bottom: 5px;
	padding: 0;
	padding-left: 15px;
	width: 12px;
}

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

#content.calendar #contentLeft p.date {
	font-size: 0.9em;
	margin-bottom: 8px;
	margin-left: 34px;
	padding: 0;
}

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

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

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

#content.calendar #contentLeft .socialLinks {
	height: 16px;
	margin-left: 400px;
	overflow: hidden;
	position: relative;
	top: -23px;
}

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

#content.calendar #contentLeft h3 {
	background: url(../images/global/bgComment.png) repeat-x;
	clear: both;
	color: #424242;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	font-weight: bold;
	height: 22px;
	margin: 15px;
	padding: 7px 0 0 10px;
	text-transform: uppercase;
}

#content.calendar #contentLeft p.notice, #comment_form label {
	font-size: 1em;
	margin-bottom: 0;
	padding-left: 25px;
}

#comment_form label {
	color: #073d7a;
	display: block;
}

#formCommentName {
	margin-bottom: 10px;
	margin-left: 25px;
	width: 200px;
}

#formCommentText {
	height: 85px;
	margin-bottom: 10px;
	margin-left: 25px;
	width: 500px;
}

#formCommentSubmit {
	margin-bottom: 20px;
	margin-left: 25px;
}

#content.calendar #contentLeft h4 {
	color: #003775;
	font-size: 1.2em;
	margin-bottom: 10px;
	padding: 0px 15px;
	text-transform: uppercase;
}

.comment {
	border-top: 1px solid #003775;
	margin: 0 15px 10px;
	padding-top: 6px;
}

.comment h2 {
	color: #3795c9;
	font-size: 1.2em;
	margin-bottom: 6px;
}

.comment h2 span {
	text-transform: uppercase;
}

#content.calendar #contentLeft .comment p {
	padding: 0;
	margin-bottom: 5px;
}

#content.calendar #contentLeft p.commentDate {
	color: #3795c9;
	font-size: 1.0em;
}

/* FAQ STYLES */

#content.faq {
	background: url(../images/global/bgContentGrey.png) no-repeat;
}

#content.faq #copy {
	background: #fff;
	height: 589px;
	margin: 8px;
	overflow: auto;
	width: 588px;
}

#content.faq #contentLeft h1 {
	color: #1181c0;
	font-size: 1.8em;
	margin-bottom: 25px;
	padding: 15px 15px 0;
}

#content.faq #contentLeft dl {
	color: #073d7a;
	font-size: 1.2em;
	padding: 0 15px 15px;
}

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

#content.faq #contentLeft dt span {
	cursor: pointer;
	font-size: 0.85em;
	font-weight: normal;
	text-decoration: underline;
}

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

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

#content.faq #contentLeft dd a {
	color: #073d7a;
}

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

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

#content.faq #contentLeft dd ul, #content.faq #contentLeft dd ol {
	margin-left: 30px;
}

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

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

#content.faq #contentRight p {
	padding-top: 8px;
}

/* PHOTOS STYLES */

#content.photos #contentLeft {
	float: left;
	height: 605px;
	margin: 0 0 5px 25px;
	width: 360px;
}

#content.photos #contentRight {
	height: 605px;
	margin: 0 0 5px 393px;
	width: 608px;
}

#content.photos #contentLeft h1 {
	color: #1181c0;
	font-size: 1.8em;
	margin-bottom: 25px;
	padding: 15px 0px 0;
}

#content.photos #contentRight p {
	padding-top: 54px;
	text-align: center;
}

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

#content.photos #thumbs {
	height: 500px; 
}

#pager {
	clear: both;
}

.qp_next {
	margin-right: 8px;
}

.qp_prev {
	margin-left: 8px;
}

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