* { margin: 0; padding: 0 }
.clearfix {clear: both; display: block;}
noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
noscript a { color: #a00; text-decoration: underline }
noscript ol { margin-left: 25px; }

a:focus { outline:none }

a:link,
a:visited {color:#d6621d;}
a:hover,
a:active {text-decoration:none;}

img { border: 0 }

body {
	font:normal 12px/18px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	background: #695844;
	color: #151311;
	/*width: 800px;*/
	margin: auto;
}

.stripViewer .panelContainer .panel ul {
	text-align: left;
	margin: 0 15px 0 30px;
}

.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
	margin: 0;
	position: relative;
	overflow:hidden;
	_width: 100%;
}

/* These 2 lines specify style applied while slider is loading */
.csw {width: 100%; height: 966px; background: #695844; overflow: hidden;}
.csw .loading {
	text-align: center;
	color:#a59b8f;
	height:796px;
	padding-top: 200px;
	background:#695844;
	position:relative;
	z-index:15;
}
.csw .panelContainer {display:none;}

.stripViewer { /* This is the viewing window */
	position: relative;
	overflow: hidden; 
/*	border: 5px solid #000; /* this is the border. should have the same value for the links */
	margin: 0 0 0 140px;
	width: 721px; /* Also specified in  .stripViewer .panelContainer .panel  below */
	height: 966px;
	clear: both;
	background: #FFF url('img/image-loader.gif') no-repeat 50% 50%;
}

.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
	position: relative;
	left: 0; top: 0;
	width: 100%;
	list-style-type: none;
	/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
}

.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
	float:left;
	height: 836px;
	padding-top:130px;
	position: relative;
	width: 721px; /* Also specified in  .stripViewer  above */
}

.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
	padding: 0px 42px 10px 95px;
}



.stripNavL, .stripNavR { /* The left and right arrows */
	position: absolute;
	top: 230px;
	text-indent: -9000em;
	display:none;
}

.stripNavL a, .stripNavR a {
	display: block;
	height: 40px;
	width: 40px;
}

.stripNavL {
	left: 0;
}

.stripNavR {
	right: 0;
}

.stripNavL {
	background: url("images/arrow-left.gif") no-repeat center;
}

.stripNavR {
	background: url("images/arrow-right.gif") no-repeat center;
}

/*=Panel Backgrounds
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.home {background: url('img/bg-main-home.jpg') no-repeat center top;}
div.bizerca {background: url('img/bg-main-bizerca.jpg') no-repeat center top;}
div.menu-01 {background: url('img/bg-main-menu01.jpg') no-repeat center top;}
div.menu-02 {background: url('img/bg-main-menu02.jpg') no-repeat center top;}
div.menu-03 {background: url('img/bg-main-menu03.jpg') no-repeat center top;}
div.wine-list {background: url('img/bg-main-winelist.jpg') no-repeat center top;;}
div.press {background: url('img/bg-main-press.jpg') no-repeat center top;;}
div.reservations {background: url('img/bg-main-reservations.jpg') no-repeat center top;;}
div.contact {background: url('img/bg-main-contact.jpg') no-repeat center top;;}

/*=Menu Navigation
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
div.inlineSidebar {
	width:208px;
	height:300px;
	padding-left:15px;
	float:left;
}
.stripViewer .panelContainer .panel .menuNav ul {
	margin: 0px 0px 0px 0px;
}
.menuNav li {
	list-style: none;
	display:block;
	height:24px;
	line-height:24px;
	clear:right;
}
.menuNav li a {
	display:block;
	height:24px;
	line-height:24px;
	text-indent:-9999px;
	_position:relative;
}
.menuNav li a.classics {background: transparent url('img/menuNav01.png') no-repeat;}
.menuNav li a.lunch {background: transparent url('img/menuNav02.png') no-repeat;}
.menuNav li a.dinner {background: transparent url('img/menuNav03.png') no-repeat;}

*html .menuNav li a.classics {background: transparent url('img/menuNav01.gif') no-repeat;}
*html .menuNav li a.lunch {background: transparent url('img/menuNav02.gif') no-repeat;}
*html .menuNav li a.dinner {background: transparent url('img/menuNav03.gif') no-repeat;}

.menuNav li.view a.classics {background: transparent url('img/menuNav01-on.gif') no-repeat;}
.menuNav li.view a.lunch {background: transparent url('img/menuNav02-on.gif') no-repeat;}
.menuNav li.view a.dinner {background: transparent url('img/menuNav03-on.gif') no-repeat;}

.menuNav li a.classics:hover {background: transparent url('img/menuNav01-on.gif') no-repeat;}
.menuNav li a.lunch:hover {background: transparent url('img/menuNav02-on.gif') no-repeat;}
.menuNav li a.dinner:hover {background: transparent url('img/menuNav03-on.gif') no-repeat;}

/*=Header + Footer Layout
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#header {
	background:transparent url('img/header-repeat.png') repeat-x;
	_background-image: none;
	_background-color:#000;
	position:absolute;
	z-index:20;
	top:0px;
	width:100%;
	height:130px;
	overflow:hidden;
}
#footer {
	background: transparent url('img/footer-repeat.png') repeat-x;
	_background-image: none;
	_background-color:#000;
	position:absolute;
	z-index:10;
	bottom:0px;
	width:100%;
	height:124px;
}
#footer .inner {
	width:810px;
	padding-right:50px;
}
h1#logo {
	position:absolute;
	top:0px;
	left:139px;
	width:424px;
	height:130px;
	text-indent:-9999px;
	display:block;
	z-index:50;
	background: transparent url('img/logo.png') no-repeat left top;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/logo.png', sizingMethod='crop');
}

/*=Typography
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
#footer p {
	font:normal 11px/22px 'Lucida Sans Unicode', 'Lucida Grande', sans-serif;
	text-align: right;
	display:block;
	width:230px;
	height:94px;
	padding: 20px 16px 10px;
	margin:0;
	float:right;
	background:#000;
	color:#fff;
}
a.hide {
	display:block;
	float:right;
	background: #fff url('img/hide-link.gif') no-repeat right -14px;
	height:14px;
	position:absolute;
	top:130px;
	right:42px;
	line-height:14px;
	font-size:1px;
	text-indent:-9999px;
}
a.hide:hover {
	background-color:#000;
	background-position:100% 0px;
}
a.hide.show {
	background: #fff url('img/show-link.gif') no-repeat right -14px;
}
a.hide.show:hover {
	background-color:#000;
	background-position:100% 0px;
}
.orange {color:#d6621d;}

.press-item {
	display:block;
	padding:5px;
	margin-right:5px;
/*	position:relative;
	z-index:503;*/
}

a.press-item:link,
a.press-item:visited {
	clear:both;
	text-decoration:none;
	color:#000;
}
a.press-item:hover,
a.press-item:active {background:#fff;}

a.press-item span {color:#d6621d; font-weight:bold; text-decoration:underline;}
a.press-item:hover span {color:#000; font-weight:bold; text-decoration:none;}

.press-item img{
	float: left;
	border: 3px solid white;
	margin-right:10px;
}

/*=Headings
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.home h2 {
	display:block;
	text-indent:-9999px;
	margin-top:20px;
	height:240px;
	background: transparent url('img/heading-home.png') no-repeat right top;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/heading-home.png', sizingMethod='crop');
}
.bizerca h2 {
	display:block;
	text-indent:-9999px;
	margin-top:20px;
	height:240px;
	background: transparent url('img/heading-bizerca.png') no-repeat left top;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/heading-bizerca.png', sizingMethod='crop');
}
.wine-list h2 {
	display:block;
	text-indent:-9999px;
	margin-top:20px;
	height:240px;
	background: transparent url('img/heading-wine.png') no-repeat right top;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/heading-wine.png', sizingMethod='crop');
}
.press h2 {
	display:block;
	text-indent:-9999px;
	margin-top:20px;
	height:240px;
	background: transparent url('img/heading-press.png') no-repeat right top;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/heading-press.png', sizingMethod='crop');
}
.reservations h2 {
	display:block;
	text-indent:-9999px;
	margin-top:20px;
	height:240px;
	background: transparent url('img/heading-reservations.png') no-repeat right top;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/heading-reservations.png', sizingMethod='crop');
}
.contact h2 {
	display:block;
	text-indent:-9999px;
	margin-top:20px;
	height:240px;
	background: transparent url('img/heading-contact.png') no-repeat right top;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/heading-contact.png', sizingMethod='crop');
}
.menu-01 h2,
.menu-02 h2,
.menu-03 h2 {
	display:block;
	text-indent:-9999px;
	height:160px;
	width:230px;
	background: transparent url('img/heading-menu.png') no-repeat right top;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/heading-menu.png', sizingMethod='crop');
	_float:left;
}

.content h4 {
	display:block;
	text-indent:-9999px;
	height:25px;
	line-height:25px;
	padding-bottom:10px;
	background-position:left top;
	background-repeat: no-repeat;
	background-color:transparent;
}

.content h4.contact-details {background-image:url('img/h4-contact-details.gif');}
.content h4.map-directions {background-image:url('img/h4-map-directions.gif');}
.content h4.reservations-tel {background-image:url('img/h4-reservations.gif');}
.content h4.lunch-dinner {background-image:url('img/h4-lunch-dinner.gif');}
.content h4.dessert {background-image:url('img/h4-dessert.gif');}
.content h4.entree {background-image:url('img/h4-entree.gif');}
.content h4.mains {background-image:url('img/h4-mains.gif');}

/*=Containers
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.trans {
	background:transparent url('img/trans-white-40.png'); float:right; margin-top:13px;
	_background-image: none;
	_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/trans-white-40.png', sizingMethod='scale');
}
.content {
	background-image:url('img/trans-white-70.png');
	background-color:transparent;
	_background-image: none;
	_background-color:#fff;
	margin: 0 14px 14px 14px;
	padding: 25px 25px 0 25px;
	height:342px;
	line-height:19px;
	overflow:auto;
	_position:relative;
}
.hasLayout {width:94%;}
/*html .hasLayout a {position:relative; z-index:259;}*/

.content p {margin-bottom:15px;}

.home .trans,
.home .hide {width:254px;}
.bizerca .trans,
.bizerca .hide {width:400px;}
.wine-list .trans,
.wine-list .hide {width:310px;}
.press .trans,
.press .hide {width:400px;}
.reservations .trans,
.reservations .hide {width:310px;}
.contact .trans,
.contact .hide {width:420px;}
.menu-01 .trans,
.menu-02 .trans,
.menu-03 .trans,
.menu-01 .hide,
.menu-02 .hide,
.menu-03 .hide {width:575px;}
.menu-01 .content,
.menu-02 .content,
.menu-03 .content {width:270px; _width:250px; height:600px; float:right; margin-top:15px;}
.home .content {height:370px;}
.contact .content {height:360px;}

*html .press .hide {width:416px;}
*html .contact .hide {width:427px;}

/*=Nav
----------------------------------------------------------------------------------------------------------------------------------------------------------*/
.stripNav ul { /* This is the div to hold your nav (the UL generated at run time) */
	position:absolute;
	z-index:20;
	top:175px;
	left:0px;
	height:215px;
	width:230px;
}

.stripNav ul li {
	list-style: none;
	display:block;
	background:transparent url('img/trans-white-40.png');
	_background-image: none;
	_background-color:#fff;
	/*_filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/trans-white-40.png', sizingMethod='scale');*/
}
/*html .menuBg {
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='css/img/trans-white-40.png', sizingMethod='scale');
	position:absolute;
	z-index:1;
	top:175px;
	left:0px;
	height:215px;
	width:230px;
}*/
.stripNav a { /* The nav links */
	display:block;
	line-height:30px;
	height:30px;
	text-indent:-9999px;
	position:relative;
	z-index:300;
}

.stripNav li.tab1 a {background:transparent url('img/menu-home.png') no-repeat;}
*html .stripNav li.tab1 a {background:transparent url('img/menu-home.gif') no-repeat;}

.stripNav li.tab2 a {background:transparent url('img/menu-bizerca.png') no-repeat;}
*html .stripNav li.tab2 a {background:transparent url('img/menu-bizerca.gif') no-repeat;}

.stripNav li.tab3 a {background:transparent url('img/menu-menu.png') no-repeat;}
*html .stripNav li.tab3 a {background:transparent url('img/menu-menu.gif') no-repeat;}

.stripNav li.tab4 {display:none;}
.stripNav li.tab5 {display:none;}

.stripNav li.tab6 a {background:transparent url('img/menu-wine.png') no-repeat;}
*html .stripNav li.tab6 a {background:transparent url('img/menu-wine.gif') no-repeat;}

.stripNav li.tab7 a {background:transparent url('img/menu-press.png') no-repeat; height:35px; line-height:35px;}
*html .stripNav li.tab7 a {background:transparent url('img/menu-press.gif') no-repeat; height:35px; line-height:35px;}

.stripNav li.tab8 a {background:transparent url('img/menu-reserv.png') no-repeat;}
*html .stripNav li.tab8 a {background:transparent url('img/menu-reserv.gif') no-repeat;}

.stripNav li.tab9 a {background:transparent url('img/menu-contact.png') no-repeat;}
*html .stripNav li.tab9 a {background:transparent url('img/menu-contact.gif') no-repeat;}

.stripNav li.tab1 a.current {background:#fff url('img/menu-home-o.png') no-repeat;}
*html .stripNav li.tab1 a.current {background:#fff url('img/menu-home-o.gif') no-repeat;}

.stripNav li.tab2 a.current {background:#fff url('img/menu-bizerca-o.png') no-repeat;}
*html .stripNav li.tab2 a.current {background:#fff url('img/menu-bizerca-o.gif') no-repeat;}

.stripNav li.tab3 a.current {background:#fff url('img/menu-menu-o.png') no-repeat;}
*html .stripNav li.tab3 a.current {background:#fff url('img/menu-menu-o.gif') no-repeat;}

.stripNav li.tab6 a.current {background:#fff url('img/menu-wine-o.png') no-repeat;}
*html .stripNav li.tab6 a.current {background:#fff url('img/menu-wine-o.gif') no-repeat;}

.stripNav li.tab7 a.current {background:#fff url('img/menu-press-o.png') no-repeat; height:35px; line-height:35px;}
*html .stripNav li.tab7 a.current {background:#fff url('img/menu-press-o.gif') no-repeat; height:35px; line-height:35px;}

.stripNav li.tab8 a.current {background:#fff url('img/menu-reserv-o.png') no-repeat;}
*html .stripNav li.tab8 a.current {background:#fff url('img/menu-reserv-o.gif') no-repeat;}

.stripNav li.tab9 a.current {background:#fff url('img/menu-contact-o.png') no-repeat;}
*html .stripNav li.tab9 a.current {background:#fff url('img/menu-contact-o.gif') no-repeat;}

*html .stripNav li.tab1 a:hover {background:#fff url('img/menu-home-o.gif') no-repeat;}
*html .stripNav li.tab2 a:hover {background:#fff url('img/menu-bizerca-o.gif') no-repeat;}
*html .stripNav li.tab3 a:hover {background:#fff url('img/menu-menu-o.gif') no-repeat;}
*html .stripNav li.tab6 a:hover {background:#fff url('img/menu-wine-o.gif') no-repeat;}
*html .stripNav li.tab7 a:hover {background:#fff url('img/menu-press-o.gif') no-repeat; height:35px; line-height:35px;}
*html .stripNav li.tab8 a:hover {background:#fff url('img/menu-reserv-o.gif') no-repeat;}
*html .stripNav li.tab9 a:hover {background:#fff url('img/menu-contact-o.gif') no-repeat;}

.stripNav li a.whitehover {
	background-color: #FFF;
}