/*
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 */

#reservationsModule.home {
	background: url(../images/global/bgReservations.png) 0 -25px no-repeat;
	top: -25px;
}

#reservationsModule.home form {
	padding-top: 1px;
}

#content.home {
	position: relative;
	top: -50px;
}

#footer.home {
	position: relative;
	top: -80px;
}

#homeBoxes {
	float: left;
	padding: 12px 0 0 13px;
	position: relative;
	width: 298px;
}

#homeBoxes img {
	height: 134px;
	margin-bottom: 18px;
	width: 298px;
}

#slideshow {
	height: 466px;
	margin-left: 360px;
	overflow: hidden;
	width: 612px;
}

#slides img {
	height: 466px;
	left: 0;
	top: 0;
	width: 612px;
}

/* MENU STYLES */

#content.menus {
	background: url(../images/menus/fox.gif) right bottom no-repeat;
}

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

#content.menus #contentLeft {
	margin-left: 15px;
}

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

#content.menus #contentLeft h1 {
	background: url(../images/menus/titleLeft.png);
	height: 16px;
	margin-bottom: 4px;
	text-indent: -9999px;
	width: 288px;
}

#content.menus #contentLeft h2 {
	background: url(../images/menus/menu.png);
	height: 19px;
	margin: 115px 0 4px;
	text-indent: -9999px;
	width: 215px;
}

#content.menus #contentLeft #pdfs {
	background: url(../images/menus/buttons.png);
	height: 12px;
	margin-bottom: 4px;
	overflow: hidden;
	width: 455px;
}

#content.menus #contentLeft #pdfs li {
	float: left;
}

#content.menus #contentLeft #pdfs li a {
	display: block;
	height: 12px;
	overflow: hidden;
	text-indent: -9999px;
}

#content.menus #contentLeft li#p01 a {
	margin-right: 20px;
	width: 58px;
}

#content.menus #contentLeft li#p02 a {
	margin-right: 23px;
	width: 60px;
}

#content.menus #contentLeft li#p03 a {
	margin-right: 26px;
	width: 63px;
}

#content.menus #contentLeft li#p04 a {
	margin-right: 28px;
	width: 90px;
}

#content.menus #contentLeft li#p05 a {
	margin-right: 29px;
	width: 57px;
}

#content.menus #contentLeft li#p06 a {
	width: 97px;
}

#content.menus #contentRight p {
	font-weight: bold;
	margin-bottom: 12px;
}

#content.menus #contentRight h2 {
	height: 12px;
	margin-bottom: 4px;
	text-indent: -9999px;
}

#content.menus #contentRight h2.hours {
	background: url(../images/menus/titleHours.png);
	height: 13px;
	width: 122px;
}

#content.menus #contentRight h2.brunch {
	background: url(../images/menus/titleBrunch.png);
	width: 47px;
}

#content.menus #contentRight h2.hora {
	background: url(../images/menus/titleHora.png);
	width: 68px;
}

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

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

#scroller p a {
	display: block;
	height: 160px;
	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: 550px;
	width: 16px;
}

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

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

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

/* CONTACT STYLES */

#content.contact {
	background: url(../images/contact/crab.gif) right bottom no-repeat;
}

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

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

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

#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 h2 {
	background: url(../images/contact/titleJoin.png);
	height: 13px;
	margin-bottom: 6px;
	text-indent: -9999px;
	width: 133px;
}

#content.contact #contentRight div {
	margin-bottom: 6px;
}

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

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

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

#formContactJoinEmail {
	margin: 0 10px 15px 0;
	width: 210px;
}

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

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

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

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

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

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

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

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

#content.contact #social #facebook a {
	left: 0;
	width: 90px;
}

#content.contact #social #twitter a {
	left: 104px;
	width: 81px;
}

#content.contact #social #rss a {
	left: 202px;
	width: 130px;
}

/* SHOP STYLES */

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

#content.shop .item {
	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.3em;
	font-weight: bold;
	margin-bottom: 3px;
	padding: 0 20px;
}

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

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

#content.shop #contentLeft p {
	float: left;
	font-size: 1.2em;
	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: 24px;
	overflow: hidden;
	text-indent: -9999px;
	width: 48px;
}

#content.shop #contentRight h2 {
	background: url(../images/shop/titleCards.png);
	height: 17px;
	margin-bottom: 6px;
	text-indent: -9999px;
	width: 126px;
}

#content.shop #contentRight p {
	font-size: 1.2em;
	margin-bottom: 12px;
}

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

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

#content.shop #contentRight .buyButton {
	margin-left: 255px;
	position: relative;
	top: -20px;
}

/* PARTIES STYLES */

#content.parties #contentLeft {
	width: 500px;
}

#content.parties #contentRight {
	margin-left: 550px;
	width: 450px;
}

#content.parties #contentLeft h1 {
	background: url(../images/parties/titleParties.png);
	height: 17px;
	margin-bottom: 5px;
	text-indent: -9999px;
	width: 125px;
}

#content.parties #contentLeft h3 {
	color: #ef3d23;
	font-size: 1.3em;
	font-weight: bold;
	margin-bottom: 15px;
}

#content.parties #contentLeft h3 a {
	color: #ef3d23;
}

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

#content.parties #contentLeft p {
	font-size: 1.3em;
	margin-bottom: 10px;
}

#content.parties #contentRight h2 {
	background: url(../images/parties/bgForm.png) left bottom no-repeat;
	color: #ef3d23;
	font-size: 1.6em;
	height: 40px;
	margin-bottom: 10px;
}

#content.parties #contentRight #inquiries p {
	font-size: 1.3em;
	margin-bottom: 25px;
}

#formParties {
	margin-bottom: 25px;
}

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

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

#formParties label {
	font-size: 1.1em;
	font-weight: bold;
	margin-right: 3px;
	text-transform: uppercase;
}

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

#formPartiesSize {
	margin-right: 15px;
}

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

#formPartiesEmail {
	margin-bottom: 10px;
	width: 226px;
}

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

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

#formParties #formPartiesSubmit {
	border: none;
	margin-left: 5px;
	position: relative;
	top: 8px;
}

.noSubmit {
	display: none;
}

img.noSubmit {
	left: 3px;
	position: relative;
	top: 8px;
}

p.noSubmit {
	color: #ef3d23;
	font-size: 1.1em;
	font-weight:bold;
}

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

#catering {
	background: url(../images/parties/catering.png);
	height: 104px;
	padding: 100px 30px 0 50px;
	width: 362px;
}

#catering p {
	color: #fff;
	font-size: 1.3em;
}

#catering p a {
	color: #fff;
}

#catering p a:hover {
	text-decoration: none;
}

/* ABOUT STYLES*/

#content.about #history, #content.about #story {
	overflow: hidden;
	width: 588px;
}

#content.about #history h2, #content.about #story h2 {
	background: url(../images/about/titleAbout.png);
	height: 18px;
	margin: 0 0 4px 285px;
	text-indent: -9999px;
	width: 187px;
}

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

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

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

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

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

#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: 305px;
	overflow: auto;
	width: 588px;
}

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

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

#content.about #contentLeft #copy h1 {
	border-bottom: 1px solid #ef3d23;
	color: #ef3d23;
	font-size: 1.6em;
	margin: 10px 0 5px;
	padding-bottom: 5px;
}

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

#content.about #contentLeft #copy p {
	font-size: 1.2em;
	margin-bottom: 20px;
}

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

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

#content.about #contentLeft #copy p.rss {
	float: left;
	margin-bottom: 5px;
	padding: 0;
	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: 20px;
	padding: 0;
}

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

#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 #social {
	background: url(../images/about/navSocial.png) no-repeat;
	height: 39px;
	margin-bottom: 25px;
	position: relative;
}

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

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

#content.about #social #twitter a {
	left: 104px;
	width: 81px;
}

#content.about #social #rss a {
	left: 202px;
	width: 130px;
}

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

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

#content.about #options h2 {
	color: #ef3d23;
	font-size: 1.6em;
	margin-bottom: 7px;
}

#content.about #options h2.twitter {
	background: url(../images/about/twitter.png) no-repeat;
	float: left;
	height: 23px;
	margin-right: 10px;
	padding-left: 30px;
}

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

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

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

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

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

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

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

#content.about #options #twitter dt {
	font-size: 1.1em;
}

#content.about #options #twitter dt a {
	color: #ef3d23;
}

#content.about #options #twitter dt a:hover {
	text-decoration: none;
}

#content.about #options #twitter dd {
	color: #797575;
	font-size: 1.1em;
	margin-bottom: 10px;
}

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

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

#content.about #pressInquiries {
	color: #fba81a;
	font-size: 1.4em;
	font-weight: bold;
	height: 64px;
	line-height: 1.2em;
	width: 324px;
}

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

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

/* PRESS STYLES */

#content.releases {
	background: url(../images/about/antelope.gif) right bottom no-repeat;
}

#content.past {
	background: url(../images/about/tinydog.gif) right bottom no-repeat;
}

#content.jose {
	background: url(../images/about/anteater.gif) right bottom no-repeat;
}

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

#content.press #contentLeft h1 {
	background: url(../images/about/titlePress.png);
	height: 14px;
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 45px;
}

#content.past #contentLeft h1 {
	background: url(../images/about/titlePast.png);
	height: 17px;
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 142px;
}

#content.releases #contentLeft h1 {
	background: url(../images/about/titleReleases.png);
	height: 15px;
	margin-bottom: 10px;
	text-indent: -9999px;
	width: 121px;
}

#content.press #contentLeft ul {
	font-size: 1.2em;
}

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

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

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

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

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

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

#content.press #contentLeft li a {
	color: #fba81a;
	text-decoration: underline;
}

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

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

#content.press #contentRight h2 {
	color: #ef3d23;
	font-size: 1.6em;
	margin-bottom: 10px;
}

#content.press #contentRight .awards {
	list-style-type: disc;
}

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

#content.press #contentRight .awards li a {
	color: #000;
}

#content.press #contentRight .awards li a:hover {
	text-decoration: none;
}

/* CALENDAR STYLES */

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

#content.calendar #contentLeft h1 {
	border-bottom: 1px solid #ef3d23;
	color: #ef3d23;
	font-size: 1.6em;
	margin: 10px 0 5px;
	padding-bottom: 5px;
}

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

#content.calendar #contentLeft p {
	font-size: 1.2em;
	margin-bottom: 20px;
}

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

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

#content.calendar #contentLeft p.rss {
	float: left;
	margin-bottom: 5px;
	padding: 0;
	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: 20px;
	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 {
	border-bottom: 1px solid #ef3d23;
	clear: both;
	color: #ef3d23;
	font-size: 1.2em;
	font-weight: bold;
	height: 22px;
	margin-bottom: 15px;
	padding: 7px 0 0 0;
	text-transform: uppercase;
}

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

#comment_form label {
	display: block;
}

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

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

#formCommentSubmit {
	margin-bottom: 20px;
}

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

.comment {
	margin: 0 0 10px;
	padding-top: 6px;
}

.comment h2 {
	color: #ef3d23;
	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 {
	font-size: 1.0em;
}

/* FAQ STYLES */

#content.faq {
	background: url(../images/about/toucan.gif) right bottom no-repeat;
}

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

#content.faq #contentLeft h1 {
	background: url(../images/about/titleFAQ.png);
	height: 15px;
	margin-bottom: 25px;
	text-indent: -9999px;
	width: 28px;
}

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

#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: #000;
}

#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: 600px;
}

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

#pager a {
	color: #ef3d23;
}

#pager a:hover {
	text-decoration: none;
}

.qp_next {
	margin-right: 8px;
}

.qp_prev {
	margin-left: 8px;
}

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