@charset "utf-8";
/* TWINS JAZZ STYLESHEET */

body {
	margin:0;
	padding:0;
	background:url(images/page_bg.jpg) no-repeat 50% 0 #190000;
	text-align:center;
}

#wrapper {
	
	margin:0 auto;
	
}

#header {
	height:180px;
	padding:0;
	
	margin:0;
}

#body {
	height:420px;
	background:url(images/body_bg.jpg) no-repeat 0 0;
	margin:0;
	
}

#header-top {
	height:110px;
	width:100%;
	position:relative;
}
#logo_top {
	position:absolute;
	top:0;
	left:0;
	width:422px;
	height:110px;
	overflow:hidden;
	background:url(images/logo_top.jpg) no-repeat;
}
#logo_top a {
	display:block;
	width:422px;
	height:110px;
}
#logo_top a span {
	display:none;
}


#navigation {
	width:100%;
	height:39px;
	background:url(images/nav_bg.png) repeat-x;
	border-bottom:1px solid #222;
	position:relative;
}

#logo_bottom {
	position:absolute;
	top:0;
	left:0;
	width:154px;
	height:39px;
	background:url(images/logo_bottom.png) no-repeat;
}

#page_title {
	position:absolute;
	bottom:0;
	right:0;
	width:260px;
	height:90px;
}
#page_title h1 {
	color:#FC0;
	font-size:52px;
}


ul.menu {
	list-style-type:none;
	margin:0 0 0 154px;
	padding:0;
}
ul.menu li {
	display:inline;
	float:left;
	margin:0;
	padding:0;
}
ul.menu li a {
	display:block;
	width:88px;
	text-align:center;
	height:30px;
	border-right:1px solid #636363;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	font-size:14px;
	padding:10px 0 0 0 ;
}
ul.menu li a.first {
	border-left:1px solid #636363;
}
ul.menu li a span {
	
}
ul.menu li a:hover, ul.menu li#current {
	background:#222;
}








#ticker {
	width:100%;
	height:30px;
	overflow:hidden;
	position:relative;
	background:#000;
	color:#f00;
	font-size:14px;
}
#ticker-left {
	position:absolute;
	top:0;
	left:0;
	width:100px;
	height:30px;
	background:url(images/ticker_left.png) no-repeat;
	z-index:2;
}
#ticker-right {
	position:absolute;
	top:0;
	right:0;
	width:100px;
	height:30px;
	background:url(images/ticker_right.png) no-repeat;
	z-index:2;
}
#tickertape {
	margin:5px 0 0 0;
}


#body_left {
	width:580px;
	margin:10px;
	padding:0 0 0 10px;
	height:400px;
	float:left;
	text-align:left;
	overflow:auto;
}


#body_right {
	margin:10px 10px 10px 0;
	float:left;
	width:240px;
	height:400px;
}
#right-top {
	height:290px;
	margin:0 0 10px 0;
	position:relative;
}

.right_header {
	padding:5px 10px;
	background:#900;
	text-align:left;
	margin:0 0 5px;
}
.right_header h2 {
	font-size:10px;
	color:#fff;
	margin:0;
	padding:0;
}
.right_cell {
	padding:5px 10px;
	background:#eee;
	margin:0 0 5px;
	color:#900;
	font-size:10px;
	line-height:10px;
	text-align:left;
}


#right-bottom {
	height:60px;
	background:url(images/new_bg.png) no-repeat;
	padding:40px 10px 10px 10px;
	font-size:10px;
	color:#fff;
	text-align:right;
}
#right-bottom p {
	margin:0;
	padding:0 0 10px 0;
	line-height:10px;
}
#right-bottom a {
	color:#fff;
	text-decoration:none;
}
#right-bottom a:hover {
	text-decoration:underline;
}

#footer {
	padding:10px 0 0 0;
	color:#fff;
	font-size:11px;
	letter-spacing:0px;
}
#footer img {
	vertical-align:middle;	
}
#footer a {
	color:#fff;
}


/* Menu Mods */

ul.menuabout, ul.menucontact, ul.menustore, ul.menumedia, ul.menuevents {
	margin:0;
	padding:0;
	list-style-type:none;
}
ul.menuabout li, ul.menucontact li, ul.menustore li, ul.menumedia li, ul.menuevents li {
	padding:5px 10px;
	background:url(images/right_nav_bg.png) repeat-y;
	margin:0 0 5px;
	color:#900;
	font-size:10px;
	line-height:10px;
	text-align:left;
	overflow:hidden;
}

ul.menuabout li#current, ul.menucontact li#current, ul.menustore li#current, ul.menumedia li#current, ul.menuevents li#current {
	background:#900;
	color:#fff;
}

ul.menuabout li a, ul.menucontact li a, ul.menustore li a, ul.menumedia li a, ul.menuevents li a {
	color:#900;
	text-decoration:none;
}
ul.menuabout li#current a, ul.menucontact li#current a, ul.menustore li#current a, ul.menumedia li#current a, ul.menuevents li#current a {
	color:#fff;

}
ul.menuevents li:hover, ul.menuevents li.selected {
	background:url(images/right_nav_over.jpg) repeat-y;
	color:#fff;
}
ul.menuevents li:hover a, ul.menuevents li a:hover {
	color:#fff;
}
ul.menuevents li.selected a {
	color:#fff;
}

/* JQuery Pagination buttons */
#page_navigation {
	display:block;
	width:100%;
	clear:both;
	text-align:right;
	position:absolute;
	bottom:0;
	right:0;
	height:20px;
}

.previous_link, .next_link {
	
	padding:0 2px;
	height:18px;
	background:#900;
	border:1px solid #500;
	color:#fff;
	text-decoration:none;
	font-size:9px;
}
.previous_link span, .next_link span {
	
}
.next_link {
	
}
.page_link {
	
	padding:0 2px;
	background:#fff;
	color:#000;
	font-size:9px;
	text-decoration:none;
	margin:0 2px;
	border:1px solid #ccc;
}
.active_page {
	background:#900;
	border:1px solid #500;
	color:#fff!important;
	font-weight:bold;
}
.active_page a {
	color:#fff;
}

/* History page */

.history_top {
}
.history_carousel {
	padding:10px 0 0 0;
	text-align:center;
	}
.history_text {

}

/* Menu Page */

.menutop {
	width:565px;
	height:260px;
	overflow:hidden;
	background:#000;
	margin:10px 0 0 0;
}
.menubottom {
	clear:both;
	width:565px;
	height:100px;
}

/* Clothing Page */

div.clothing {
	width:565px;
	height:370px;
	overflow:hidden;
}
div.clothing-top {
	height:150px;
	padding:20px 0;
	text-align:center;
	background:#000;
}
div.clothing-top img {
	margin:0 auto;
}
div.clothing-bottom {
	text-align:left;
	height:100px;
}

/* Dining Room Page */

div.dining-holder {
	width:575px;
	height:370px;
	overflow:hidden;
}
div.dining-left {
	float:left;
	width:390px;
	height:370px;
	padding:0 10px 0 0;
	overflow:hidden;
}
div.dining-right {
	float:right;
	width:150px;
	height:370px;
	overflow:hidden;
	background:#eee;
	text-align:center;
}
div.dining-right img {
	margin:10px auto 0 auto;
	border:1px solid #900;	
}

/* History Page */

div.history-holder {
	width:575px;
	height:370px;
	overflow:hidden;
}
div.history-left {
	float:left;
	width:390px;
	height:370px;
	padding:0 10px 0 0;
	overflow:hidden;
}
div.history-right {
	float:right;
	width:150px;
	height:370px;
	overflow:hidden;
	background:#eee;
	text-align:center;
}
div.history-right img {
	margin:10px auto 0 auto;
	border:1px solid #900;	
}


#jFlowSlide{ color:#000;}
#myController { margin:5px 0 0 0; padding:5px 0;  width:565px; border-top:1px solid #ccc;}
#myController span.jFlowSelected { background:#900;margin-right:0px; color:#fff;}

.slide-wrapper { padding: 5px; }
.wine-wrapper { padding:5px; background:url(images/wine_bg.jpg) no-repeat 0 0; height:310px;}
.slide-thumbnail { width:100%; float:left; background:#000; height:200px;}
.slide-thumbnail img {}
.slide-details { width:290px; float:right; margin-left:10px;}
.slide-details h2 { position:absolute; top:210px; left:10px; font-size:1.5em; font-weight:normal; line-height: 1; margin:0; }
.slide-details .description { position:absolute; top:240px; left:10px; font-size:.9em; }

.jFlowControl, .jFlowPrev, .jFlowNext { color:#000; cursor:pointer; padding-left:5px; padding-right:5px; padding-top:2px; padding-bottom:2px; }
.jFlowControl:hover, .jFlowPrev:hover, .jFlowNext:hover { background: #fff; }

div.body {
	width:565px;
}
div.body img.border {
	border:1px solid #900;
	padding:2px;
	margin:5px;
}

.clothing-wrapper { padding: 40px 5px 0 5px;height:200px; background:#000;}
.clothing-thumbnail { width:100%; float:left;  height:200px; color:#fff; }
.clothing-thumbnail img {}