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

html, body, ul, ol, img, a {border:none; outline:none;}

body {
	background:#000;
	margin-top: 49px;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	}

h1, h2, h3 {
	margin: 0;
	text-transform: lowercase;
	font-weight: normal;
	color: #FFF;
}

h1 {
	letter-spacing: -1px;
	font-size: 32px;
}

h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:30px;
	color:#f0ecd8;
	padding-top:20px;
	padding-left:20px;
	border:none;
	text-decoration:none;
	text-align:left;
}

h3 {
	font-size: 18px;
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-weight:bold;
}

h4 {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#CC9;
}

p, ul, ol {
	margin: 0 0 2em 0;
	text-align:left;
	line-height: 18px;
	font-size: 13px;
	color:#CCC;
	padding-left:20px;
	padding-right:20px;
}

a  {
	text-decoration:none;
	border:none;
}

.subtitle{
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-style:italic;
	font-weight:bold;
	font-size:16px;
}

/* Main Container */

#bigbox {
	background-image:url(images/bkgnd.jpg);
	background-repeat:no-repeat;
	background-position:top;
	position: relative;
	width: 1024px;
	height: 768px;
	margin:auto;
}


/* Skip Links in splash page */

#skip {
	float: none;
	width: 860px;
	height: 54px;
}

#skip ul {
	margin: auto;
	padding: 0px 0 0 20px;
	list-style: none;
	line-height: normal;
}

#skip li {
	display: block;
	float: left;
	padding-left:90px;
}

#skip a {
	display: block;
	float: left;
	margin-left: 20px;
	margin-top: 5px;
	margin-right: 20px;
	padding: 12px 0px 3px 0px;
	letter-spacing: -.5px;
	text-decoration: none;
	text-transform: lowercase;
	font: 14px Arial, Helvetica, sans-serif;
	color:#CCC;
}

#skip li a:hover { 
	color: #FC0;
}

#skip .current_page_item a {
	color: #FFFFFF;
}
	
/* Flash Animation */

#flashsplash {
	width: 1200px;
	margin:auto;
}

/* Main Navigation */

#navigation {
	margin:;
}

.kwicks {
	/* recommended styles for kwicks ul container */
	list-style: none;
	position: relative;
	margin: 0;
	padding: 0;
}

.kwicks li{
	/* these are required, but the values are up to you (must be pixel) */
	width: 85px;
	height: 60px;

	/*do not change these */
	display: block;
	overflow: hidden;
	padding: 0;  /* if you need padding, do so with an inner div (or implement your own box-model hack) */
}
.kwicks.horizontal li {
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-right: 5px; /*Set to same as spacing option. */	
	float: left;
}
.kwicks.vertical  li{
	/* This is optional and will be disregarded by the script.  However, it should be provided for non-JS enabled browsers. */
	margin-bottom: 5px; /*Set to same as spacing option. */	
}

#kwick_1 {
	background:url(images/menu_home.png);
}

#kwick_2 {
	background:url(images/menu_about.png);
}
#kwick_3 {
	background:url(images/menu_menu.png);
}
#kwick_4 {
	background:url(images/menu_contact.png);
}
.kwicks.horizontal #kwick_4 {
	margin-right: none; /* cancel margin on last kiwck (if you set a margin above) */
}
.kwicks.vertical #kwick_4 {
	margin-bottom: none; /* cancel margin on last kiwck (if you set a margin above) */
}

/* Header */
#header{
	width:1024px;
	height:300px;
}

/* logo*/
#logo{
	float:left;
	width:300px;
	height:300px;
}

/* slideshow */
.slideshow {
	float:right;
	width: 724px;
	margin:auto;	
}

.reserv{
	margin-top:13px;
	width:200px;
}

.mess {
	background:#eee; 
	color:#000;
	display:none;
	width:300px;
	padding:
	10px;
	}
	
.cont {
	text-align:
	right;
	}
	
.cont ul {
	list-style-type:none;
	width:300px;
	}
	
.cont li {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	font-style:italic;
	font-weight:bolder;
	color:#CC6;
	float:right;
	margin:5px;
	list-style-type:none;
	}
	
.cont input {
	width:200px;
	}
.cont textarea {
	float:right;
	width:260px;
	}
	
.cont li.submitbutton {
	margin-top:50px;
}




/* Divs in the middle of the page */
#centercontent{
	width:1024px;
	height:auto;
}
	
/* Reservation */

#reservation{
	background-image:url(images/rsv_bkgnd.png);
	width:300px;
	height:400px;
	margin-top:35px;
	position:absolute;
	left:5px;
	top:300px;
}

/* Main Content (Toggle)*/
#bodycopy {
	background-image:url(images/cntn_bkgnd.png);
	width:544px;
	height:auto;
	border: none;
	margin-top:35px;
	position:absolute;
	left:298px;
	top:300px;
}

#bodycopy a{
	color:#e5dbaa;
	text-align:left;
	padding-left:5px;
	}
	
#banner {
	margin-top: 35px;
	margin-left:10px;
	width: 180px;
	height: 480px;
	position:absolute;
	top:300px;
	right:0px;
	padding-top:10px;
}

/* About Secition Image Swap (Not working)*/
#aboutimages{
	position:absolute;
	top:265px;
	left:50px;
}

ul.thumb {
	float: left;
	list-style: none;
	margin-top:50px;
	width: 120px;
}
ul.thumb li {
	margin: 0; 
	padding: 3px;
	float: left;
	position: relative;  /* Set the absolute positioning base coordinate */
	width: 120px;
	height: 120px;
}
ul.thumb li img {
	width: 120px; 
	height: 120px; /* Set the small thumbnail size */
	-ms-interpolation-mode: bicubic; /* IE Fix for Bicubic Scaling */
	border: none;
	padding: 10px;
	position: absolute;
	left: 0; 
	top: 0;
}
ul.thumb li img.hover {
	background: url(images/about_bg.png)	no-repeat center center;  /* Image used as background on hover effect
	border: none; /* Get rid of border on hover */
}

#aboutbodycopy{
	width:860px;
	height:500px;
	position:relative;
	margin-top:40px;
	margin-left:200px;
	background-image:url(images/cntn_bkgnd2.png);
	background-repeat:no-repeat;
	padding-top:0px;
	padding-left:20px;
}

#aboutcopy1{
	width:440px;
	position:absolute;
	top:0px;
	left:0px;
}
#aboutcopy2{
	width:440px;
	position:absolute;
	top:0px;
	right:0px;
}

/* Flash slideshow in menu page */
#flashmenu{
	position:absolute;
	top:1635px;
	left:287px;
}

/* restaurant Menu */

#menu {
	width:1024px;
	position:absolute;
	top:80px;
	padding:5px;
}

#menu1 {
	width:330px;
	position:absolute;
	top:0px;
	left:0px;
}

#menu2 {
	width:330px;
	position:absolute;
	top:0px;
	left:347px;
}

#menu3 {
	width:330px;
	position:absolute;
	top:0px;
	right:0px;
}

/* This style rules were for the highlight  jquery function of the menu tables, those didn't work

.clickable {
	cursor:pointer;
}

.stripe1 {
	background-color: #00FF00;
}

.stripe2 {
	background-color: #AAFFAA;
}

.highlight {
	background-color: #FFCC00;
	font-weight: bold;
}
*/

#wrapper {
	width:300px;
	position:absolute;
	top:260px;
	left:260px;
	margin:0 auto;
	}
	
.message {
	background:#eee; 
	color:#000;
	display:none;
	width:460px;
	padding:
	10px;
	}
	
.contact {
	text-align:
	right;
	}
	
.contact ul {
	list-style-type:none;
	width:390px;
	}
	
.contact li {
	font-family:"Palatino Linotype", "Book Antiqua", Palatino, serif;
	font-size:18px;
	font-style:italic;
	font-weight:bolder;
	color:#CC6;
	float:right;
	margin:5px;
	list-style-type:none;
	}
	
.contact li.special {
	display:none;
	}
	
.contact input {
	width:260px;
	}
.contact textarea {
	float:right;
	width:260px;
	}
	
.contact li.submitbutton {
	margin:auto;
	position:absolute;
	top:258px;
	left:142px;
}

/* LOUNGE */

#lounge {
	width:1024px;
	height:780px;
	margin:0px auto;
	padding:0px;
}

#loungeHeader {
	width:1024px;
	height:150px;
	margin:0px;
	padding:0px;
	background-image:url(images/header_lounge.jpg);
	background-repeat:no-repeat;
}

#nav {
	width:1024px;
	height:50px;
	margin:0px;
	padding:0px;
	background-image:url(images/nav_lounge.jpg);
	background-repeat:no-repeat;
}

#nav h1 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFF;
	margin:0px;
	margin-left:80px;
	padding:20px;
}

#nav a {
	color:#FFF;
	text-decoration:none;
}

#nav a:hover {
	color:#FC0;
	text-decoration:underline;
}

#content {
	width:1024px;
	height:580px;
	margin:0px;
	padding:0px;
	background-image:url(images/lounge_home_bkgnd.jpg);
	background-repeat:no-repeat;
}

#text {
	width:324px;
	height:480px;
	margin:0px;
	padding:50px;
	float:right;
}

#text p {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CCC;
	text-align:justify;
	padding:0px;
}

/* LOUNGE MENU */

#loungeMenu {
	width:984px;
	height:740px;
	margin:0px;
	padding:20px;
	background-color:#EFDB65;
	background-repeat:no-repeat;
}

.col {
	width:226px;
	height:740px;
	border-right:1px;
	border-right:dotted;
	border-right-color:#900;
	margin-top:0px;
	margin-bottom:0px;
	margin-left:10px;
	margin-right:0px;
	padding:0px;
	padding-right:10px;
	float:left;
	line-height:100%;
}

.col h1 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:16px;
	font-style:italic;
	font-weight:bold;
	color:#900;
	text-align:left;
	text-transform:capitalize;
	text-indent:0px;
}

.col h2 {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#333;
	text-align:left;
	text-transform:capitalize;
}

.col h3 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-style:normal;
	font-weight:normal;
	color:#030;
	text-align:left;
	text-transform:capitalize;
}

.col h4 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	font-style:italic;
	font-weight:normal;
	color:#330;
	text-align:left;
	text-transform:capitalize;
}

.col h5 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	color:#330;
	text-align:left;
	text-transform:capitalize;
}