@charset "utf-8";
/* CSS Document */
*{
}
html{
}
body {
	background-color: #00597d;
	background-image: url(bg-splatter.jpg);
	background-repeat: no-repeat;
	background-position: top center; 
	margin-left: 0;
	margin-top: 18px;
	margin-right: 0;
	margin-bottom: 0;
	font-family:Arial, Helvetica, sans-serif;
	font: 13px;
	color: #FFFFFF;
}
a img, a:hover img {
	border: 0;
}
#body-container {
	width:1002px;
    margin: 0 auto;
}
#container {
	width:974px;
	float:left;
}

/* ---HEADER--- */

#header {

}
#header-top {
	background-image: url(images/frontpage/header-top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 63px;
}
#header-bottom {
	background-image: url(images/frontpage/header-bottom.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 91px;
}
#header-button {
	float: right;
	width:250px;
	margin: 16px 20px 0 0;
    padding:0px;
	height:23px;
	background-color:#eceef5;
}
#header-order {float:right;height:29px; font-size:12px;font-weight:bold;padding:16px 3px 0 0;vertical-align:top;}
#header-call  {float:right;vertical-align:top;padding:0;font-size:12px;font-weight:bold;padding-top:23px;}

/* ---CONTENT--- */

#content {
	background-image: url(images/frontpage/content-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 369px;
	padding:0;
	margin:0;
	overflow:hidden;
}
#content-left {
	width:454px;
	float:left;
	background:url(images/frontpage/content-left.jpg) top right;
	height:371px;
}
#left-text-top {
}

#left-text-top p{
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 14px;
	width: 385px;
	padding:0 0 0 56px;
	margin-top: 155px;
}
#left-text-bottom ul {
	color:#FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 385px;
	padding:0 0 0 76px;
	margin-top: 47px;
	list-style-type: none;
}
#left-text-bottom li {
	padding:0 0 9px 0;
	list-style-type: none;
}

#content-right {
	width:520px;
	float:right;
	background:url(images/frontpage/content-right.jpg) top right;
	height:371px;
}

/* ---FOOTER--- */

#footer {
	background-image: url(images/frontpage/footer-bg.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 265px;
	overflow:hidden;
}
#footer-top {
	overflow:hidden;
}
#footer-01 {
	background-image: url(images/frontpage/foot_01.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	margin-left:21px;
	float: left;
	width:252px;
	height: 265px;
}
#footer-02 {
	background-image: url(images/frontpage/foot_02.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	width:220px;
	height: 265px;
}
#footer-03 {
	background-image: url(images/frontpage/foot_03.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	width:240px;
	height: 265px;
}
#footer-04 {
	background-image: url(images/frontpage/foot_04.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	float: left;
	width:241px;
	height: 265px;
}

#footer-bottom {
}
#footer-base {
	background-image:;
	background-repeat:;
	background-position:;
	padding: 0 0 0 25px;
	margin-bottom:60px;
}
#footer-base-credit {
	overflow:hidden;
}
.copy {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	float:left;
}
.credit {float:right;margin-bottom: 3px; font-size:11px;}
.credit a, .credit a:visited {
	color: #FFF;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration:none;
	font-weight:bold;
}
.credit a:hover {text-decoration:underline;}
#footer-menu {
	width:100%;
	overflow:hidden;
	border-top:1px solid #216f8f;
}
#footer-menu ul {
	list-style-type: none;
    display: inline;
	padding:0;
	margin:10px 0 0 0;
	position:relative;
	float:left;
	left: 50%;
}
#footer-menu li {
	display: inline;
	position:relative;
	float:left;
	right: 50%;
	border-right: #175d78 2px solid;
	padding-right: 10px;
	padding-left: 10px;
}
#footer-menu li a{
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	color: #FFF;
	text-decoration: none;
}
/* ---HEADER NAVIGATION--- */

#navcontainer
{
	margin-top:1px;
	height: 43px;
	float:right;
}

#navcontainer ul
{
	border: 0;
	padding: 0 1px 0 0;
	margin: 0;
	float:right;
	list-style-type: none;
}



#navcontainer ul li
{
	display: block;
	float: left;
	padding: 0;
	margin: 0 2px 0 0;
}

#navcontainer ul li a
{
	border: none;
	padding: 0;
	margin: 0 0 0px 0;
	text-decoration: none;
	display: block;
}

#navcontainer ul li a:hover
{
}

#navcontainer a:active
{
}

#navcontainer li#active a
{
}
#navcontainer li ul { /* second-level lists */
	position: absolute;
	z-index:10;
	list-style:none;
	display: block;
	background: #000;
	width: 183px;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	margin-left:0px;
	border-left:1px #000 solid;
	border-right:1px #000 solid;
}
#navcontainer li ul li {
	list-style:none;
	display: block;
	clear:left;
	width:100%;
}


#navcontainer li:hover ul ul, #navcontainer li.sfhover ul ul {
	left: -999em;
}

#navcontainer li:hover ul, #navcontainer li li:hover ul, #navcontainer li.sfhover ul, #navcontainer li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
}
.home-button a{
	background: url(images/frontpage/home-button.jpg) top left no-repeat;
	width:159px;
	height: 43px;
	display: block;
}
.season-button a{
	background: url(images/frontpage/season-button.jpg) top left no-repeat;
	width:185px;
	height: 43px;
	display: block;
}
.menu-button a{
	background: url(images/frontpage/menu-button.jpg) top left no-repeat;
	width:102px;
	height: 43px;
	display: block;
}
.drinks-button a{
	background: url(images/frontpage/drinks-button.jpg) top left no-repeat;
	width:113px;
	height: 43px;
	display: block;
}
.contact-button a{
	background: url(images/frontpage/contact-button.jpg) top left no-repeat;
	width:133px;
	height: 43px;
	display: block;
}
.home-button a:hover{
	background: url(images/frontpage/home-button-roll.jpg) top left no-repeat;
	width:159px;
	height: 43px;
	display: block;
}
.season-button a:hover{
	background: url(images/frontpage/season-button-roll.jpg) top left no-repeat;
	width:185px;
	height: 43px;
	display: block;
}
.menu-button a:hover{
	background: url(images/frontpage/menu-button-roll.jpg) top left no-repeat;
	width:102px;
	height: 43px;
	display: block;
}
.drinks-button a:hover{
	background: url(images/frontpage/drinks-button-roll.jpg) top left no-repeat;
	width:113px;
	height: 43px;
	display: block;
}
.contact-button a:hover{
	background: url(images/frontpage/contact-button-roll.jpg) top left no-repeat;
	width:133px;
	height: 43px;
	display: block;
}
.experience-button a{
	background: url(images/frontpage/experience.jpg) top left no-repeat;
	width:185px;
	height: 30px;
	display: block;
}
.experience-button a:hover{
	background: url(images/frontpage/experience-hover.jpg) top left no-repeat;
	width:185px;
	height: 30px;
	display: block;
}
.event-button a{
	background: url(images/frontpage/event-room.jpg) top left no-repeat;
	width:185px;
	height: 30px;
	display: block;
}
.event-button a:hover{
	background: url(images/frontpage/event-room-hover.jpg) top left no-repeat;
	width:185px;
	height: 30px;
	display: block;
}
.luxury-button a{
	background: url(images/frontpage/luxury.jpg) top left no-repeat;
	width:185px;
	height: 30px;
	display: block;
}
.luxury-button a:hover{
	background: url(images/frontpage/luxury-hover.jpg) top left no-repeat;
	width:185px;
	height: 30px;
	display: block;
}
.families-button a{
	background: url(images/frontpage/families.jpg) top left no-repeat;
	width:185px;
	height: 30px;
	display: block;
}
.families-button a:hover{
	background: url(images/frontpage/families-hover.jpg) top left no-repeat;
	width:185px;
	height: 30px;
	display: block;
}


/* ---SUB PAGE--- */
#sub-header {

}
#sub-header-top {
	background-image: url(images/experience/header-top.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 63px;
}
#sub-header-bottom {
	background-image: url(images/experience/header-bottom.jpg);
	background-repeat: no-repeat;
	background-position: top left;
	height: 91px;
}
.sub-home-button a{
	background: url(images/experience/home-button.jpg) top left no-repeat;
	width:221px;
	height: 43px;
	display: block;
}
.sub-home-button a:hover{
	background: url(images/experience/home-button-roll.jpg) top left no-repeat;
	width:221px;
	height: 43px;
	display: block;
}
/* ---EXPERIENCE PAGE--- */
#content-sub {
	width:946px;
	float:right;
}
#content-exp-top {
	background: url(images/experience/content-top.jpg) top left no-repeat;
	height: 97px;
	margin:0;
	padding:0;
}
#exp-leftfield {
	background: url(images/experience/left-field.jpg) top left no-repeat;
	height: 313px;
	margin:0;
	padding:0;
}
#exp-leftfield p{
	font-size: 13px;
	color: #000;
	padding: 100px 20px 0 477px;
	margin:0;
	line-height: 22px;
}
#exp-luxury {
	background: url(images/experience/luxury.jpg) top left no-repeat;
	height: 323px;
	margin:0;
	padding:0;
}
#exp-luxury p{
	font-size: 13px;
	color: #000;
	padding: 80px 500px 0 77px;
	margin:0;
	line-height: 22px;
}
#exp-team {
	background: url(images/experience/team-room.jpg) top left no-repeat;
	height: 192px;
	margin:0;
	padding:0;
}
#exp-team p{
	font-size: 13px;
	color: #000;
	padding: 60px 40px 0 477px;
	margin:0;
	line-height: 22px;
}
/*#exp-conference {
	background: url(images/experience/conference-room.jpg) top left no-repeat;
	height: 370px;
	margin:0;
	padding:0;
}*/
#exp-conference {
	background: url(images/experience/conference-room.jpg) top left no-repeat;
	height: 438px;
	margin:0;
	padding:0;
}
#exp-conference p{
	font-size: 13px;
	color: #000;
	padding: 170px 500px 0 77px;
	margin:0;
	line-height: 22px;
}
#exp-arcade {
	background: url(images/experience/arcade.jpg) top left no-repeat;
	height: 390px;
	margin:0;
	padding:0;
}
#exp-arcade p{
	font-size: 13px;
	color: #000;
	padding: 75px 40px 0 477px;
	margin:0;
	line-height: 22px;
}
#exp-footer-base {
	background-image:;
	background-repeat:;
	background-position:;
	padding: 0 0 0 0;
	margin-bottom:60px;
}


/* ---CONTACT PAGE--- */
#content-contact-top {
	background: url(images/contact/contact-top.jpg) top left no-repeat;
	height: 97px;
	margin:0;
	padding:0;
}
#con-main {
	background: url(images/contact/contact-main.jpg) top left no-repeat;
	height: 313px;
	margin:0;
	padding:0;
}
#con-main-left {
	width:398px;
	float:left;
}
#con-main-left p {
	font-size: 13px;
	color: #000;
	padding: 65px 80px 0 55px;
	margin:0;
	line-height: 22px;
}
#con-main-left p a, #con-main-left p a:hover, #con-main-left p a:visited {
	text-decoration:none;
	color:#000;
}
#con-main-right {
	width:548px;
	float:right;
}
#con-main-map {
	width: 166px;
	height: 114px;
	margin: 111px 0 0 151px;
}
#con-footer{
	background: url(images/contact/contact-footer.jpg) top left no-repeat;
	height: 156px;
	margin:0;
	padding:0;
}
#con-footer-base {
	background-image:;
	background-repeat:;
	background-position:;
	padding: 0;
	margin:10px 0 60px 0;
}
/* ---MENU PAGE--- */
#content-menu-top {
	background: url(images/menu/coming-soon.jpg) top left no-repeat;
	height: 555px;
	margin:0;
	padding:0;
}
/* ---DRINKS PAGE--- */

#content-drinks-top {
	background: url(images/drinks/header.jpg) top left no-repeat;
	height: 98px;
	margin:0;
	padding:0;
}
#content-drinks-bottom {
	background: url(images/drinks/body-bg.jpg) top left no-repeat;
	height: 1100px;
	margin:0;
	padding:10px 0px 0 60px;
	font-size:13px;
	line-height: 22px;
	color:#000;
}
.wine {
	float:left;
	margin:40px 0 0 480px;
}
.soda {
	float:left;
	margin:230px 0 0 20px;
}
/* ---EVENT ROOM PAGE--- */
#content-event-top {
	background: url(images/eventroom/header.jpg) top left no-repeat;
	height: 98px;
	margin:0;
	padding:0;
}
#content-event-bottom {
	background: url(images/eventroom/body-bg.jpg) top left no-repeat;
	height: 662px;
	margin:0;
	padding:10px 400px 0 60px;
	font-size:13px;
	line-height: 22px;
	color:#000;
}
.beflist {
	margin-bottom:10px;
}
#content-event-bottom ul {
	list-style-image: url(images/bullet.jpg);
}
#content-event-bottom li {
	padding:0 0 2px 0;
}
/* ---FAMILIES PAGE--- */
#content-families-top {
	background: url(images/families/header.jpg) top left no-repeat;
	height: 98px;
	margin:0;
	padding:0;
}
#content-families-bottom {
	background: url(images/families/body-bg.jpg) top left no-repeat;
	height: 1100px;
	margin:0;
	padding:10px 0px 0 60px;
	font-size:13px;
	line-height: 22px;
	color:#000;
}
.families-prime {
	margin:15px 0px 0px 0;
	padding-right:300px;
}
.families-left {
	padding-right:500px;
}
.families-right {
	padding:0 50px 0 430px;
}
/* ---LUXURY BOX PAGE--- */
#content-luxury-top {
	background: url(images/luxury/header.jpg) top left no-repeat;
	height: 98px;
	margin:0;
	padding:0;
}
#content-luxury-bottom {
	background: url(images/luxury/body-bg.jpg) top left no-repeat;
	height: 700px;
	margin:0;
	padding:10px 0px 0 60px;
	font-size:13px;
	line-height: 22px;
	color:#000;
}
.luxury-prime {
	margin:15px 80px 10px 0;
	padding-right:400px;
}
.luxury-right {
	float:right;
	margin:20px 60px 0 430px;
}
#content-luxury-bottom ul {
	list-style-image: url(images/bullet.jpg);
}
#content-luxury-bottom li {
	padding:0 0 2px 0;
}

/* ------ Okay, I'm guilty of these following pages. But I'm only following the design that went above. And I'm under a time constraint ----- */

/* ---WEEKDAY SPECIALS PAGE--- */
#content-specials-top {background: url(images/weekdayspecials/header.jpg) top left no-repeat;height: 98px;margin:0;padding:0;}
#content-specials-bottom {margin:0;padding:0;line-height: 24px;}
#content-specials-bottom h4 {margin:0 auto; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#000000;}
#content-specials-bottom span {color:#cb0808;}
#content-specials-wds01 {background: url(images/weekdayspecials/wds_01.jpg) top left no-repeat; height:213px;padding:0;margin:0;}
#content-specials-wds02 {background: url(images/weekdayspecials/wds_02.jpg) top left no-repeat; height:212px;padding:0;margin:0;}
#content-specials-wds03 {background: url(images/weekdayspecials/wds_03.jpg) top left no-repeat; height:238px;padding:0;margin:0;}
#content-specials-wds04 {background: url(images/weekdayspecials/wds_04.jpg) top left no-repeat; height:291px;padding:0;margin:0;}
#content-tailgate-top {background: url(images/tailgate/header.jpg) top left no-repeat;height: 98px;margin:0;padding:0;}
#content-party-top {background: url(images/party/header.jpg) top left no-repeat;height: 98px;margin:0;padding:0;}
#content-party-pp01 {background: url(images/party/pp_01.jpg) top left repeat-y; height:485px;padding:0;margin:0;}
#content-party-bottom {margin:0;padding:0;line-height: 24px;}
#content-party-bottom h4 {margin:0 auto; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:18px;color:#000000;line-height=28px;}
#content-party-bottom span {color:#cb0808;}
#content-team-bottom {margin:0;padding:0;line-height: 24px;}
#content-team-bottom h4 {margin:0 auto; padding:0;font-family:Arial, Helvetica, sans-serif;font-size:15px;color:#1f5513;line-height=28px;}
#content-team-bottom span {color:#cb0808;}
#content-team-t01 {background: url(images/team/team_01.jpg) top left repeat-y; height:346px;padding:0;margin:0;}
#content-team-top {background: url(images/team/header.jpg) top left no-repeat;height: 98px;margin:0;padding:0;}
#content-team-bottom {margin:0;padding:0;line-height: 22px;color:#000;}
#content-team-t01 {background:url(images/team/team_01.jpg; height:500px;}
#content-tailgate-bottom {margin:0;padding:0;line-height: 22px;color:#000;}
#content-tailgate-tt01 {background:url(images/tailgate/tt_01.jpg;}