@charset "UTF-8";
/* CSS Document */

/* First, zero out everything */
*{margin:0; padding:0; outline:0;}
img{border:0;}
table{border-collapse:collapse; border-spacing:0;}
acronym,address,caption,cite,code,dfn,em,strong,th,var{font-style:normal; font-weight:normal;}
caption,th{text-align:left}
h1,h2,h3,h4,h5{font-size:100%; font-weight:normal; font-family:Arial, Helvetica, sans-serif;}
q:before,q:after{content:"";}
html{font-size:62.5%;}
em{font-style:italic;}
strong{font-weight:bold;}
/* to preserve line-height and selector appearance */
sup {vertical-align:text-top;}
sub {vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
/*to enable resizing for IE*/
input,textarea,select{*font-size:100%;}
/*because legend doesn't inherit in IE */
legend{color:#000;}
del,ins{text-decoration:none;}
select {margin:0px;padding:0px;}

html {
	width: 100%;
}

body {
	background-color: #000;
	width: 100%;
}

img.background {
	width:100%;
	min-width: 1096px;
	position:absolute;
	top: 0;
	left: 0;
	z-index: 1;
}

#wrapper {
	position: relative;
	width: 1096px;
	margin: auto;
	padding-top: 10px;
	z-index: 2;
}

#mainwrap {
	float: left;
	width: 100%;
	/*width: 1178px;*/
}



/*NAVIGATION*/

#leftbar {
	float: left;
	width:159px;
	height: 656px;
	position: relative;
	z-index: 2;
	_margin-right:-3px;
}

img#logo {
	position: absolute;
	top: 60px;
	left: 0;
	z-index: 4;
	width: 280px;
	height: 161px;
}

img#logo.index {
	position: absolute;
	top: 25px;
	left: 0;
	z-index: 4;
	width: 405px;
	height: 233px;
}

#navigation {
	width:159px;
	height: 268px;
	margin-top: 280px;
	background: url(images/nav/navback.png) no-repeat;
	overflow: hidden;
} 

#navigation li {
	list-style: none;
	
}

#navigation a {
	float: right;
	display: block;
	width: 100px;
	height: 40px;
	margin: 12px 0;
	text-indent: -9000px;
	position: relative;
	background-position: 1px 1px;
	background-repeat: no-repeat;
}

a.menuM {
	background:url(images/nav/menu.jpg);
}

a.eventsM {
	background:url(images/nav/events.jpg);
}

a.storeM {
	background:url(images/nav/store.jpg);
}

a.contactM {
	background:url(images/nav/contact.jpg);
}

a.menuM:hover {
	background:url(images/nav/menu_h.jpg);
}

a.eventsM:hover {
	background:url(images/nav/events_h.jpg);
}

a.storeM:hover {
	background:url(images/nav/store_h.jpg);
}

a.contactM:hover {
	background:url(images/nav/contact_h.jpg);
}



/*MENU NAVIGATION*/


#topnav {
	width: 937px;
	height: 117px;
	background:url(images/topnav.png) no-repeat;
	_background-repeat: repeat; /*ie6 fix*/
	z-index:3;
}

#toplinks {
	position: relative;
	width: auto;
	margin-left: 125px;
	padding-top: 40px;
	vertical-align: middle;
	line-height: 40px;
}

#toplinks img {
	vertical-align: middle;
	margin: -10px 5px;
	margin-bottom: 0;
}

#toplinks a {
	display: inline-block;
	text-indent: -9000px;
	background-repeat: no-repeat;
}

#toplinks p a {
	text-indent: 0;
}

#toplinks p {
line-height: 15px;
}

a.lunchM {
	background:url(images/nav/lunch.jpg);
	width:86px;
	height: 27px;
}

a.latelunchM {
	background:url(images/nav/latelunch.jpg);
	width:160px;
	height: 49px;
}


a.spiritsM {
	background:url(images/nav/spirits.jpg);
	width:101px;
	height: 27px;
}

a.dinnerM {
	background:url(images/nav/dinner.jpg);
	width:110px;
	height: 27px;
}

a.lunchM:hover {
	background:url(images/nav/lunch_h.jpg);
	width:86px;
	height: 27px;
}

a.latelunchM:hover {
	background:url(images/nav/latelunch_h.jpg);
	width:160px;
	height: 49px;
}


a.spiritsM:hover {
	background:url(images/nav/spirits_h.jpg);
	width:101px;
	height: 27px;
}

a.dinnerM:hover {
	background:url(images/nav/dinner_h.jpg);
	width:110px;
	height: 27px;
}

a.breakfastM {
	background: url(images/nav/breakfast_h.jpg);
	width: 194px;
	height: 51px;
}

a.breakfastM:hover {
	background: url(images/nav/breakfast.jpg);
	width: 194px;
	height: 51px;
}



/*UPPER MAIN*/

#main {
	width: 936px;
	_width: 935px; /*ie6 fix*/
	overflow: hidden; /*ie6 fix*/
}

#main-top {
	background:url(images/main-top.png) no-repeat;
	width: 937px;
	height: 56px;
}


#backpaper {
	width: 937px;
	background:url(images/backpaper.png) no-repeat;
	float: left;
}

#contentwrap {
	width: 937px;
	background:url(images/cont-back.png) repeat-y;
	padding:1px;
	float: left;
}

#foot {
	width: 937px;
	background:url(images/foot.png) no-repeat;
	height: 37px;
	clear: both;
	margin-bottom: 20px;
}

#gal-left {
	float:left;
	background:url(images/main-left.png) no-repeat;
	width: 54px;
	height: 453px;
}

#gal-right {
	float:left;
	background:url(images/main-right.png) no-repeat;
	width: 52px;
	_width: 50px;/*ie6 fix*/
	height: 453px;
}

#gal-main {
	float:left;
	position: relative;
	overflow: hidden;
	/*background:url(images/main-back.jpg) no-repeat;*/
	background:#000000;
	width: 830px;
	height: 453px;
	z-index: 1;
}

#gal-bottom {
	clear: both;
	background:url(images/slide-back.png) no-repeat;
	width: 937px;
	height: 147px;
}


#frame {
	position: absolute;
	background:url(images/frame.png) no-repeat;
	width: 830px;
	height: 453px;
	overflow: hidden;
	z-index: 2;
}

.thumbnails {
	width: 830px;
	height: 147px;
	margin: 5px auto;
	overflow: hidden;
}


/*CONTENT*/

#content {
	margin: 60px 130px;
	_margin: 60px 65px; /*ie6 fix*/
	_width: 417px; /*ie6 fix*/
	width: 677px;
	position: relative;
	min-height: 300px;
	float: left;
	z-index: 1;
}

#content.store {
	margin-top:0;
	margin-right: 70px;
	width:auto;
	_width: 750px;
	_margin-right:0;
	min-height: 360px;
}

#content.store-detail {
	margin-top:0;
	min-height: 360px;
}

.headbar {
	width: 100%;
	float: left;
}

.storeitem {
	background:url(images/itembox.png) no-repeat;
	width: 143px;
	height: 188px;
	margin: 0 2px 20px 2px;
	float: left;
	padding:20px;
}

.storeitem p, .storeitem a {
	position: relative;
}

#compasswrap {
	background:url(images/compass_08.jpg) no-repeat;
	width: 100%;
	min-height: inherit;
	float: left;
}

#itemswrapper {
	width: 577px;
	float: left;
}

#cartbox{
	width: 120px;
	height: 107px;
	float:right;
	background:url(images/cartbox.jpg) no-repeat;
	padding: 20px;
	padding-bottom: 194px;
	
}

#contactsub {
	width: 251px;
	background:url(images/ship_12.jpg) no-repeat;
	background-position:top right;
	padding-right: 145px;
	min-height: 267px;
	margin-top: 30px;
	z-index: 1;

}

#contactform{
	width: 315px;
	height: 352px;;
	padding: 60px  20px 20px 20px;
	background:url(images/formback.jpg) no-repeat;
	position: absolute;
	left: 400px;
	top: -170px;
	z-index: 4;
}

/*ie 6 min-height fix*/
* html #content{height:300px} 
* html #contactsub{height:260px} 

.eventwrap {
	float: left;
	margin: 15px 0;
}

.event {
	/*width:575px;*/
	width:450px;
	float: left;
	margin-left: 5px;
	margin-right: 72px;
}

.eventimg {
	float: left;
	width: 113px;
}

hr {
	border-top: 1px dotted;
	clear: both;
}

p {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin: 10px 0;
	color: #333333;
}

p.menudescrip {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 2px 0px 10px 0px;
	color: #333333;
}

h2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 18px;
	color: #004d96;
	font-weight: bold;
	margin:20px 0;
}

#cartbox p, .storeitem p {
	color: #992024;
}

p.item {
	font-weight: bold;
	text-align: center;
	margin-bottom:0;
	margin-top: 5px;
}
p.details {
	margin:0;
	font-size: 10px;
	text-align: right;
}
p.priceline {
	margin:5px;
	font-size: 13px;
}

.itemprice {
	font-size: 14px;
	font-weight:bold;
	padding-right: 5px;
}

#cartbox h1 {
	color: #992024;
	font-size:16px;
}

#cartbox a {
	color: #992024;
	font-size:16px;
}

td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	padding: 5px;
}

.wide {
	width: 95%;
}

input, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
}

label {
	padding-right: 10px;
}

a {
	color: #992024;
}

.underline {
	text-decoration: underline;
}

#toplinks p {
	width: 505px;
	_margin-bottom:0; /*ie6 fix*/
}

#toplinks .sideimg {
	position: absolute;
	left: 540px;
	top: 5px;
}

.price {
	float: right;
}

.left {
	float: left;
}

h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

img.detailimg {
	height: 200px;
}



/*DECORATIVE HEADERS*/

h1.lunchhead {
	background:url(images/headers/lunchhead.jpg) no-repeat;
	text-indent: -9000px;
	height: 30px;
	width: 202px;
	margin-bottom: 20px;
}

h1.dinnermenuhead {
	margin-bottom: 20px;
	font-size: 32px;
	color: #004d96;
}

h1.latelunchhead {
	background:url(images/headers/latelunchhead.jpg) no-repeat;
	text-indent: -9000px;
	height: 30px;
	width: 184px;
	margin-bottom: 20px;
}

h1.dinnerhead {
	background:url(images/headers/dinnerhead.jpg) no-repeat;
	text-indent: -9000px;
	height: 30px;
	width: 226px;
	margin-bottom: 20px;
}

h1.spiritshead {
	background:url(images/headers/spiritshead.jpg) no-repeat;
	text-indent: -9000px;
	height: 30px;
	width: 116px;
	margin-bottom: 20px;
}

h1.eventshead {
	background:url(images/headers/eventshead.jpg) no-repeat;
	text-indent: -9000px;
	height: 32px;
	width: 476px;
	margin-bottom: 20px;
}

h1.contacthead {
	background:url(images/headers/contacthead.jpg) no-repeat;
	text-indent: -9000px;
	height: 30px;
	width: 199px;
	margin-bottom: 20px;
}

h1.storehead {
	background:url(images/headers/storehead.jpg) no-repeat;
	text-indent: -9000px;
	height: 31px;
	width: 470px;
	margin-bottom: 20px;
}

h2.apparelhead {
	background:url(images/headers/apparelhead.jpg) no-repeat;
	text-indent: -9000px;
	height: 33px;
	width: 148px;
	margin-bottom: 20px;
	float: left;

}

h2.souvenirhead {
	background:url(images/headers/souvenirhead.jpg) no-repeat;
	text-indent: -9000px;
	height: 36px;
	width: 168px;
	margin: 20px 0;
	float: left;
}

h2.partyhead {
	background:url(images/headers/partyhead.jpg) no-repeat;
	text-indent: -9000px;
	height: 24px;
	width: 256px;
	margin-bottom: 20px;
}

h2.starterhead {
	background:url(images/headers/starterhead.jpg) no-repeat;
	text-indent: -9000px;
	height: 26px;
	width: 133px;
	margin-bottom: 20px;
}

h2.entreehead {
	background:url(images/headers/entreeshead.jpg) no-repeat;
	text-indent: -9000px;
	height: 26px;
	width: 133px;
	margin-bottom: 20px;
}

h2.dessertshead {
	background:url(images/headers/dessertshead.jpg) no-repeat;
	text-indent: -9000px;
	height: 26px;
	width: 133px;
	margin-bottom: 20px;
}



/*LOWER MAIN*/

#bottomwrap {
	float:left;
	margin-left: 200px;
	_margin-left: 100px; /*ie6 fix*/
	width: 850px;
}

#bottomwrap.index {
	float:left;
	margin-left: 239px;
	_margin-left: 120px; /*ie6 fix*/
	width: 775px;
	_margin-top: -10px;
}

#txtbox {
	float: left;
	background:url(images/w_75.png);
	width: 725px;
	_width: 725px; /*ie6 fix*/
	height: 132px;
	padding: 25px;
	padding-top: 0;
}

#txtbox-space {
	float: left;
	width: 536px;
	/*height: 100px;*/
}

#scrollbox {
	width: 100%;
	height: 100%;
	overflow:auto;
}

#footlinks {
	float: right;
	text-align: right;
}

#footlinks img {
	margin-top: 10px;
}

#info {
	float: left;
	/*height: 140px;*/
	/*width: 320px;*/
}

p#info , #info a, #txtbox-space p, #txtbox-space a, p#footlinks , #footlinks a {
	color:#FFFFFF;
	font-size: 13px;
	text-decoration: none;
}

#txtbox p, #info p {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin: 5px 0;
}

#txtbox a, #info a {
	color:#FFFFFF;
}

#txtbox h1 {
	color:#000;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	margin-bottom: 10px;
}



/*FOOTER*/

#credits {
	clear: both;
	text-align: center;
	padding: 30px 0 0 240px;
	width: 775px;
}

#credits p, #credits a {
	color:#FFFFFF;
	font-size: 10px;
}


/*CAROUSEL*/
#mycarousel-next {
	position: relative;
	color: #992024;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: right;
}
#mycarousel-prev {
	position: relative;
	color: #992024;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	float: left;
}

.tmb {
	margin:5px 10px;
	width: 118px;
	height: 67px;
	cursor: pointer;
}

.jcarousel-clip-horizontal {
/*width: 100%;*/
	width: 830px;
	height: 80px;
}

.jcarousel-item {
/*height: 100%;*/
width: 118px;
	height: 67px;
margin:5px 10px;
_margin: 0;	/*ie6 fix*/
}




#bottomwrap .OT_ExtLink {
	color: #fff;
	clear: both;
	margin-bottom: 20px;
}
.OT_wrapper {
	 margin-left: -55px;
    margin-top: 10px;
    clear: both;
}