/*---------------------------- REDEFINE GLOBALS ----------------------------*/
* { margin: 0; padding: 0; }

/*---------------------------- HTML ELEMENTS ----------------------------*/
body { background: #848484 url(../img/shdw.gif) repeat-y top center; margin: 0 auto; text-align: center; font-family: Helvetica, sans-serif; font-size: 13px; color: #666;letter-spacing: -0.04em; }

h1 { font-size: 13px; letter-spacing: -0.05em; font-weight: normal; margin: 3px 0; text-align: left; text-transform: uppercase;}
h4 { font-size: 14px; letter-spacing: -0.05em; font-weight: normal; margin: 3px 0; text-align: left;}
h2 { font-size: 13px; letter-spacing: -0.05em; font-weight: normal; margin: 3px 0; text-align: left;}
h3 { font-size: 14px; letter-spacing: -0.05em; font-weight: normal; margin: 0; text-align: left; } /* Feature Toggle Button */

a { color: #333; text-decoration: none; }
a:hover { color: #CCC; text-decoration: none; }
a img{ border-color: #333;}
a:hover img{ border-color: #CCC;}

hr { display: none; }
/* added specific width (was: width: 100%;) below for IE 6 (too wide) and IE 7(not showing up) */
.hr { width: 154px; height: 1px; background: #000; margin: 5px 0; clear: both; }

/*---------------------------- MISC. DEFS ----------------------------*/
.lfloat { float: left; }
.clear { clear: both; }
.loader { margin: 45% 45%; }
.hidden { display: none; }
.red { color: #78191D; }
#toggle_btn {	background: #FFF; height: 20px; width: 150px; position: absolute; top : 0; left: 0;  z-index: 100; padding: 2px 0 0 2px; }

/*---------------------------- BLOCKS & CONTENT ----------------------------*/

#content	{ background:  url('../img/bg.gif') repeat-x top center; width: 800px; margin: auto; position: relative; }
#left	{ width: 385px; float: left; display: inline; margin: 15px 0 0 14px; }
#right{ width: 385px; float: left; display: inline; margin: 10px 0 0 0;  }
.box	{ background: url('../img/box_bg.jpg'); margin: 10px 8px 15px 8px; padding: 0; border: 8px solid #FFF; clear: both;}

#logo { margin: 8px 0 7px -35px; }
#sticks { position: absolute; top: 0; left: 385px; z-index: 20; }

/*---------------------------- NAV ----------------------------*/
#nav { text-align: left; color: #FFF; letter-spacing: -0.05em; margin: 3px 0 3px 13px; font-size: 14px; }
#nav a	{ color: #FFF; font-weight: normal; padding: 2px;	 }
#nav a:hover	{ background: #fff; color: #000; text-decoration: none; }

/*---------------------------- EVENT/FEATURE BLOCKS ----------------------------*/
#feature_event { padding: 5px; position: relative; height: 456px; overflow: auto; overflow-x: hidden;}
#feature_content { position: absolute; top : 0; left: 0; z-index: 99;}

#event_content { width: 100%; position: absolute; top: 0; left: 0; display: none; text-align: left;}

#event_content .even { background: none; }
#event_content .odd { background: url('/img/event_bg.jpg'); _background: url('/img/event_bg.jpg');}
#event_content .event { padding: 8px 10px 0 10px;}
#event_content .event h1 { font-size: 16px; color: #78191D; }

/*---------------------------- GALLERY ----------------------------*/
#gallery { clear: both; margin: 10px 0 10px 10px; }
#gallery .pic { float:left; background: url(../img/shadowAlpha.png) no-repeat bottom right !important; background: none; margin: 5px 0 0 10px !important; margin: 5px 0 0 10px; }
#gallery .pic img { display: block; position: relative; background-color: #fff; border: 1px solid #a9a9a9; margin: -6px 6px 6px -6px; padding: 4px; }
#gallery .pic img:hover { background: #CCC; }

/*---------------------------- RESERVATION ----------------------------*/
.reservation_notice{ letter-spacing: normal; margin-bottom: 2px; }
#reservationform .error-message{ color: red; }


/*---------------------------- FOOTER ----------------------------*/
#footer {	width: 743px;	margin: 0 auto;	padding: 5px;	clear: both;	background: url('/img/footer_bg.gif');	color: #CCC;	text-align: center;	font-size: 12px;	letter-spacing: -0.04em;}
#footer a {	color: #CCC; }
#footer a:hover { background: #000; }

/*---------------------------- MENUS ----------------------------*/
#menu #menu_nav {
	font-size: 13px;
	font-weight: bold;
	text-transform: uppercase;
	color: #333;
	margin: 10px 0 0 15px;
	text-align: left;
}
#menu #menu_nav a {
	color: #FFF;
	background: #000;
	text-align: left; 
	margin: 2px 1px 2px 0;
	padding: 5px;
}
#menu #menu_nav a:hover { background: #78191D; }

/*---------------------------- FORMS ----------------------------*/
form .hr { width: 100%; height: 1px; background: #CCC; margin: 5px 0; }
form { text-align: left; margin-bottom: 10px;}
label { font-size: 16px; float: left; width: 25%; padding: 5px 0 0 0 ;}
input {	width: 40%;	font-family: inherit;	font-size: 16px;	margin: 3px 3px 3px 0;	padding: 3px;	border: 1px solid #333;	display: block; } 
textarea { width: 40%; height: 50px; font-family: inherit; font-size: 16px; margin: 3px 3px 3px 0; padding: 3px; border: 1px solid #333; display: block; } 
input:hover, textarea:hover { background: #CCC; }

fieldset { border: 1px solid #ccc; margin-top: 10px; padding: 16px 20px; }
fieldset legend { color: #818181; font-size: 160%; font-weight: bold; }
fieldset fieldset { margin: 0px; padding: 0; border: none; }
fieldset div fieldset legend { font-size: 120%; font-weight: normal; margin: 0; font-size: 16px;  width: 25%; }
form fieldset div.submit { width: 250px; border: 0; clear: both; margin-top: 10px; margin-left: 0px; text-align: right; color: #333; }
form fieldset div.radio input { float: left; margin: 5px 10px 5px 0; width: 13px; border: none; }


#ReservationPreferredContactPhone, #ReservationPreferredContactEmail{
	
	
}

.caveat { font-size: 14px; letter-spacing: -0.05em; font-weight: normal; margin: 0; color: #FFF; text-align: left; background: #000; }
.caveat p { margin: 20px; }

.message, .error-message { color: #000; margin: 10px 0; font-size: 16px; text-align: left; }

/*---------------------------- MAILING LIST FORM ----------------------------*/
#mainlistform { width: 330px; margin: 10px; }
#mainlistform label { font-size: 14px; }
#mainlistform input {	width: 70%; } 
#mainlistform .submit input { width: auto; }
#mainlistform h1, #mainlistform .message, #mainlistform .error-message { color: #000; margin: 10px 0; font-size: 16px; text-align: left; }