/*
dark red = #481600;
ochre = #9e7322;
dark teal = #00322d;
bright yellow = #ffdc66;
dark ochre = #865622;
*/

/* GLOBAL */
body {background: #361715 url('../images/grad_bkg.jpg') repeat-x; font: normal 13px Trebuchet, Arial, Helvetica, sans-serif; color: #fff;}
h3 {font-weight: bold; color: #f6eec3;}
h4 {font-weight: normal; font-size: 13px; color: #f6eec3;}
.break {clear: both;}
.bold {font-weight: bold;}
a {color: #f6eec3;}
a:hover {#fff;}
.strong {font-weight: bold; font-style: italic;}
.headline {font-weight: bold; font-style: italic; font-size: 16px;}

/* MASTHEAD */
#masthead {position: relative; z-index: 100; width: 715px; margin: auto;}
#masthead img {margin-bottom: -2px;}
#slugline {position: absolute; z-index: 200; top: 92px; left: 75px; color: #f6eec3; font-size: 11px; font-weight: bold;}

/* NAVIGATION */
#navbar {background: #a07624 url('../images/roses_brown.gif');}
#navbar ul {list-style: none; margin: 0; padding: 0; width: 143px; float: left;}
#navbar a, #navbar h1, #navbar h2 {display: block; border: solid 1px #4B1606; margin: 0; padding: 2px 3px; text-align: center;}
#navbar h2 {background-image: url('../images/roses_yellow.gif');}
#navbar a {color: #330B00; background: #4b1606 url('../images/roses_yellow.gif'); text-decoration: none;}
#navbar a:hover {color: #fff; background: #4b1606 url('../images/roses_purple.gif');}
#navbar ul ul ul {position: absolute; top: 0; left: 0;}
#navbar li {position: relative;}
#navbar ul ul ul {position: absolute; top: 0; left: 100%;}
#navbar ul ul {position: absolute; z-index: 700;}
#navbar ul ul {display: none;}
#navbar ul ul ul {display: none;}
#navbar ul li:hover ul {display: block;}
#navbar ul li:hover ul ul {display: none;}
#navbar ul ul li:hover ul {display: block;}
#navbar ul ul li:hover ul ul {display: none;}
#navbar ul ul ul li:hover ul {display: block;}
#navbar ul li {float: left; width: 100%;}
#navbar ul li a {height: 1%;}

/* CONTAINER */
#container01, #container02, #container03, #container04 {display: block; position: relative; z-index: 0; width: 715px; margin: auto; padding-top: 10px;}
#container01 {background-image: url('../images/roses_yellow.gif');}
#container02 {background-image: url('../images/roses_purple.gif');}
#container03 {background-image: url('../images/roses_teal.gif');}
#container04 {background-image: url('../images/roses_red.gif');}

/* INDEX */
#gallery {
	position: relative; width: 716px; height: 146px;
	background-image: url('../images/brown_wall.jpg');
	font-size: 13px; line-height: 1.2; font-weight: bold;
	border-top: solid 1px #ffdc66; border-bottom: solid 1px #ffdc66;
	margin-top: 10px;
}
#gallery_content {position: absolute; top: 120px; left: 80px; color: #f6eec3;}
#gallery_shadow {position: absolute; top: 121px; left: 81px; color: #4b1606;}
#thumbnails {margin: 15px auto auto 35px;}
#thumbnails img {border: solid 1px #a07624; margin: 5px;}
.right_block {
	position: absolute; left: 380px; top: 10px;
	width: 300px; height: 513px; 
   padding: 10px;
   line-height: 1.3; border: solid 1px #963115;
	background-image: url('../images/roses_brown.gif');
}
.right_block p {margin-bottom: 12px;}
.index_photo {margin: 0px auto auto 10px;}

#party_room {
   display: block; width: 695px; height: 60px;
   background: url('../images/ochre_block_80.jpg');
   margin: 10px auto auto auto; padding: 10px;
   border-top: 1px solid #ffdc66; border-bottom: 1px solid #ffdc66;
   text-align: center; font-size: 16px; font-weight: bold;
}
#party_room img {float: left; margin-top: -8px;}
#party_room span {font-size: 18px; line-height: 2; color: #fffd77;}
#party_room p a {}
#party_room p a:hover {color: #fbaf29;}

#tex_monthly {
   display:block; width:211px; height:172px;
   background: url('../images/tex_monthly.png') 0 0 no-repeat;
   position:absolute; left:560px; top: 450px; z-index:300;
}

/* SPECIALS */
#blackboard {
	position: relative; z-index: 50;
	width: 690px; height: 300px;
	margin: 10px auto auto 14px;
}
#slideshow {
	position: relative;
	top: 0px;
	left: 0px;
	z-index: 100;
	display: block;
	width: 358px;
	height: 241px;
	margin: 0px auto 10px 10px;
	background: #000 url('../images/slideshow.jpg');
}

/* MENU */
#menuphotos {width: 153px; float: left;}
#menuphotos img {padding: 10px;}
.menu_column {
	position: relative;
	width: 530px;
	margin: 10px auto auto 12px;
}
.section_head {
	text-align: center;
	padding: 4px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ffdc66;
	border: solid 1px #a07624;
	background-image: url(../images/roses_red.gif);
}
.section_content {
	width: 520px;
	text-align: left;
	line-height: 1.5;
	margin: 10px auto 10px 10px;
	border-bottom: solid 1px #963115;
	padding-bottom: 5px;
}
.item_name {font-weight: bold; color: #ffdc66;}
.item_descript {margin-left: 25px;}
.item_price {margin-left: 25px; color: #ffdc66;}
.item_variations {margin: auto auto 10px 80px;}
.item_variations span {color: #ffdc66;}
.subhead {
	font-size: 11px;
	margin: 10px auto;
	font-style: italic;
	text-align: center;
}
#menuphotos {position: absolute; left: 560px; top: 10px;}

/* CATERING */
#buffet {margin: 0px 10px 10px 10px; border: 2px solid #481600; border-width: 2px 8px 8px 2px;}
#catering_text {
   position: absolute; left: 304px; top: 10px;
	width: 375px; height: 338px; padding: 10px; line-height: 1.3; border: solid 1px #963115;
	background-image: url('../images/roses_shadow.gif');
}
#catering_text p {margin-bottom: 12px;}
#catering_contact {width: 350px; padding: 10px; text-align: center; border: 1px solid #ffdc66; background-image: url('../images/roses_dkbrown.gif');}
#catering_contact span {display: block; margin-bottom: 5px;}
.catering_contact_name {font-weight: bold; font-size: 16px;}

/* CONTACT PAGE */
#coatepec {position: relative; top: 20px; left: 20px; width: 265px;}
#coatepec img {position: relative; z-index: 200;}
#shadow03 {
   width: 265px; height: 292px; top: 5px; left: 5px; position: absolute;
	background-image: url('../images/roses_dkbrown.gif'); z-index: 100;
}
#contact_right {position: absolute; width: 400px; top: 30px; left: 320px;}
#contact_right p {margin: -100px auto auto 185px;}
#contact_block {text-align: left; margin: 40px auto 20px 20px;}
#contact_block p {text-align: center; margin: auto;}

/* THANKS PAGE */
#thanks {
	font-size: 16px; text-align: center; font-weight: bold;
	margin: 100px auto; padding: 20px; border: 1px solid #9e7322;
}

/* LOCATION */
#address {margin: auto; padding-top: 30px; text-align: center; width: 600px;}
#address span {font-weight: bold;}
#address img {position: relative; top: 5px;}
#map_block {width: 600px; margin: auto; font-size: 11px; text-align: center;}
#map {margin: 10px auto 20px auto; border: solid 2px #963115;}

/* HOURS */
#hours {
   width: 400px;
   border: 1px solid #9e7322;
   margin: -20px auto 10px auto; padding: 10px;
   text-align: center;
   font-weight: bold;
}
.header {font-size: 14px; border-bottom: 1px solid #9e7322; margin: 0px auto 8px auto; width: 100px;}
.days {font-style: italic;}

/* FOOTER */
#footer {width: 696px; font-size: 10px; text-align: center; color: #f6eec3; margin: 50px auto 0px auto; padding: 10px 10px 50px 10px; color: #f6eec3; border-top: 1px solid #9e7322;}
#footer a {color: #c9ac75;}
#footer a:hover {color: #fff;}
footer p {margin: auto;}

/* LIGHTBOX */
#lightbox {position:absolute;left:0;width:100%;z-index:100;text-align:center;line-height:0;}
#lightbox a img {border:none;}
#outerImageContainer {position:relative;background-color:#361715;width:250px;height:250px;margin:auto;}
#imageContainer {padding:10px;}
#loading {position:absolute;top:40%;left:0%;height:25%;width:100%;text-align:center;line-height:0;}
#hoverNav {position:absolute;top:0;left:0;height:100%;width:100%;z-index:10;}
#imageContainer>#hoverNav {left:0;}
#hoverNav a {outline:none;}
#prevlink,#nextlink {width:49%;height:100%;background:transparent url('../images/blank.gif') no-repeat;
/* Trick IE into showing hover */
display:block;}
#prevLink {left: 0; float: left;}
#nextLink {right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover {background: url('../images/prevlabel.gif') left 15% no-repeat;}
#nextLink:hover, #nextLink:visited:hover {background: url('../images/nextlabel.gif') right 15% no-repeat;}
#imageDataContainer {font:10px Trebuchet,Arial,Helvetica,sans-serif; line-height:1.4em;background-color:#fff;margin:0 auto;overflow:auto;width:100%}
#imageData {padding:0 10px; color:#666;}
#imageData #imageDetails {width:70%;float:left;text-align:left;}
#imageData #caption {font-weight:bold;}
#imageData #numberDisplay {display:block;clear:left;padding-bottom:1.0em;}
#imageData #bottomNavClose {width: 66px; float: right; padding-bottom: 0.7em;}
#overlay {position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000;}