* { margin: 0; padding: 0; }

body {
	background-color: #000;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
}

a { text-decoration: none; outline: none; color: #000;}
a:hover {text-decoration: underline; outline: none; }
a img { border: 0 none; }
ul { list-style: none; list-style-type: none; }

#flash-overlay {
	background: #000;	
	color: #fff;
	position: absolute; width: 100%; height: 100%; z-index: 1000;
}
#flash-container  {
	border: #FFF; 
	background: #000 url(../images/lightbox/assets/loading.gif) no-repeat center 33%;
	height: 470px;
    margin: 50px auto 0; 
    width: 625px;
} 
#flash-overlay p { text-align: center; font-size: 20px; font-weight: bold; margin-top: 10%;}
#flash-overlay p { color: #fff; margin-top: 20px; }

img.bg { position: absolute; width: 100%; height: 100%; }


#bgscreen {
	background: #000; 
	position: absolute; 
	width: 100%; height: 100%; 
	opacity: 0; filter: alpha(opacity = 0);
}
	

#wrapper {
	padding: 16px 0 0 28px;
	position: relative;
	top: 0;
	left:0;
	margin: 0;
	z-index: 10;
}

#header  {
	background: transparent url(../images/header.png) no-repeat top left;
	height: 122px;
	width: 942px
}

#box-nav-reservations {
	background: #000;
	position: absolute;
	display: block;
	top: 22px; left: 875px; 
	height: 27px;
	width: 94px;
}
#btn-nav-reservations {
	background: transparent url(../images/reservations_butt.gif) no-repeat 0 0;
	display: block;
	height: 27px;
	width: 94px;
	text-indent: -9999px;
}
#btn-nav-reservations:hover, #btn-nav-reservations.on {
	background: transparent url(../images/reservations_butt.gif) no-repeat 0 -29px;
}

#header #topnav {
	background-color: #000;
	float:left;
	margin: 44px 0 0 125px;
	height: 36px;
}
#header #topnav ul li {
	display: block;
	float:left;
	margin: 1px 0 0 0;
	/*padding: 5px 2px;*/
	border:none;
}
/*
li#nav-reservations a { background: transparent url(../images/nav.gif) no-repeat -608px 0; width: 85px; }
li#nav-reservations a:hover, li#nav-reservations a.on { background: transparent url(../images/nav.gif) no-repeat -608px -33px; }
*/

#header #topnav ul li a { color: #FFF; display: block; height: 32px; text-indent: -9999px;}
#header #topnav ul li a:hover { color: #666; display: block; }

li#nav-about a { background: transparent url(../images/nav.gif) no-repeat 0 0; width: 55px; }
li#nav-about a:hover, li#nav-about a.on { background: transparent url(../images/nav.gif) no-repeat 0 -33px; }

li#nav-menus a { background: transparent url(../images/nav.gif) no-repeat -55px 0; width: 48px; }
li#nav-menus a:hover, li#nav-menus a.on { background: transparent url(../images/nav.gif) no-repeat -55px -33px; }

li#nav-wine a { background: transparent url(../images/nav.gif) no-repeat -103px 0; width: 44px; }
li#nav-wine a:hover, li#nav-wine a.on { background: transparent url(../images/nav.gif) no-repeat -103px -33px; }
li#nav-cocktails a { background: transparent url(../images/nav.gif) no-repeat -147px 0; width: 68px; }
li#nav-cocktails a:hover, li#nav-cocktails a.on { background: transparent url(../images/nav.gif) no-repeat -147px -33px; }

li#nav-service a { background: transparent url(../images/nav.gif) no-repeat -215px 0; width: 55px; }
li#nav-service a:hover, li#nav-service a.on { background: transparent url(../images/nav.gif) no-repeat -215px -33px; }

li#nav-pvtdining a { background: transparent url(../images/nav.gif) no-repeat -270px 0; width: 96px; }
li#nav-pvtdining a:hover, li#nav-pvtdining a.on { background: transparent url(../images/nav.gif) no-repeat -270px -33px; }

li#nav-events a { background: transparent url(../images/nav.gif) no-repeat -366px 0; width: 51px; }
li#nav-events a:hover, li#nav-events a.on { background: transparent url(../images/nav.gif) no-repeat -366px -33px; }

li#nav-press a { background: transparent url(../images/nav.gif) no-repeat -417px 0; width: 43px; }
li#nav-press a:hover, li#nav-press a.on { background: transparent url(../images/nav.gif) no-repeat -417px -33px; }

li#nav-guestprog a { background: transparent url(../images/nav.gif) no-repeat -460px 0; width: 154px; }
li#nav-guestprog a:hover, li#nav-guestprog a.on { background: transparent url(../images/nav.gif) no-repeat -460px -33px; }

li#nav-gallery a { background: transparent url(../images/nav.gif) no-repeat -614px 0; width: 58px; }
li#nav-gallery a:hover, li#nav-gallery a.on { background: transparent url(../images/nav.gif) no-repeat -614px -33px; }

li#nav-contact a { background: transparent url(../images/nav.gif) no-repeat -672px 0; width: 59px; }
li#nav-contact a:hover, li#nav-contact a.on { background: transparent url(../images/nav.gif) no-repeat -672px -33px; }

li#nav-directions a { background: transparent url(../images/nav.gif) no-repeat -731px 0; width: 78px; }
li#nav-directions a:hover, li#nav-directions a.on { background: transparent url(../images/nav.gif) no-repeat -731px -33px; }

.subnav { background: #000; position:absolute; top: 0; left: 0; z-index: 500; }
.subnav li { margin: 5px; width: 120px; }
.subnav a { color: #FFF; }
.subnav a.on, .subnav a:hover { color: #FE6F2B;}


#contentopen {
	background-color: transparent;
	border: solid 1px transparent;
	cursor: pointer;
	position: absolute;
	height: 310px;
	top: 160px;
	left: 0;
	width: 300px;
	z-index: 99;
}
#contentopen.showbutton { background: transparent url(../images/open.gif) no-repeat scroll -1px center; }

#contentscreen {
	background-color: #FFF;
	height: 310px; 
	opacity: .68; filter: alpha(opacity = 68);
	position: absolute;
	top: 160px;
	left: 0;
	width: 750px;
	z-index: 100;
}

#content {
	background: transparent;
	position:absolute;
	left: 0px;
	top: 160px;
	width: 750px;
	z-index: 200;
}

#closebox {
	position: absolute;
	height: 16px; width: 38px;
	top: 160px;
	left: 712px;
	z-index: 210;
}
#closebutton {
	background: transparent url(../images/close.gif) no-repeat top left;
	display: block;
	height: 16px;
	width: 38px;
	text-indent: -9999px;
}

#slider-wrap {
	height: 270px;
	margin: 0 0 0 28px;
	position:relative;
	overflow: hidden;	
	width: 722px;
}
#slider  {
	position: absolute;
	top: 0;
	left: 0;	
	width: 5000px;
}
.slider-page {
	display: block;
	float: left;
	/*padding: 20px 20px 10px 30px;*/
	width: 722px;
}
.slider-page .title  {
	color: #FFF;
	height: 20px;
	padding: 15px 0;
	text-align: left;
}
.slider-page .title h4 { color: #000; float: left; font-size: 20px; height: 20px; text-indent: -15999px; }
.slider-page .title .pagemenu{ color: #F37229; float: right; font-size: 11px; width: 170px; }
.slider-page .title .pagemenu a {color: #F37229; font-weight: bold; }

#page-about .title h4 { background: transparent url(../images/title_images/about_title.png) no-repeat center left; width: 438px; }
#page-menusavona .title h4 { background: transparent url(../images/title_images/menus_savona_titles.png) no-repeat center left; width: 312px; }
#page-menubarsavona .title h4 { background: transparent url(../images/title_images/menus_barsavona_titles.png) no-repeat center left; width: 362px; }
#page-menubarsavonatakeout .title h4 { background: transparent url(../images/title_images/bar_savona_take_out.png) no-repeat center left; width: 362px; }
#page-service .title h4 { background: transparent url(../images/title_images/service_title.png) no-repeat center left; width: 99px; }
#page-wine .title h4 { background: transparent url(../images/title_images/wine_title.png) no-repeat center left; width: 99px; }
#page-cocktails .title h4 { background: transparent url(../images/title_images/cocktails_title.png) no-repeat center left; width: 131px; }
#page-pvtdining .title h4 { background: transparent url(../images/title_images/privatedining_title.png) no-repeat center left; width: 187px; }
#page-press .title h4 { background: transparent url(../images/title_images/press_title.png) no-repeat center left; width: 73px; }
#page-events .title h4 { background: transparent url(../images/title_images/events_title.png) no-repeat center left; width: 99px; }
#page-pgprogram .title h4 { background: transparent url(../images/title_images/preferred_title.png) no-repeat center left; width: 344px; }

#page-reservations-savona .title h4 { background: transparent url(../images/title_images/savona_reservations.png) no-repeat center left; width: 279px; }
#page-reservations-barsavona .title h4 { background: transparent url(../images/title_images/bar_savona_reservations.png) no-repeat center left; width: 334px; }

#page-gallery .title h4 { background: transparent url(../images/title_images/gallery_title.png) no-repeat center left; width: 110px; }
#page-gallery .page-content h4 { clear: both; display: block; font-size: 14px; font-weight: bold; float:left; margin-top: 20px; width: 750px; }
#page-gallery .page-content h4.first { margin-top: 0 !important; } 
#page-gallery .page-content a { border: solid 1px transparent; height: 40px; width: 40px; margin: 6px 6px 0 0; float: left; }
#page-gallery .page-content a:hover { border: solid 1px #000; } 
#page-contact .title h4 { background: transparent url(../images/title_images/contact_title.png) no-repeat center left; width: 110px; }
#page-directions .title h4 { background: transparent url(../images/title_images/directions.png) no-repeat center left; width: 143px; }

.slider-page .page-content  {
	text-align: left;
	line-height: 17px;
	float: left;
	height: 205px;
	overflow: hidden;
	width: 680px;
}
p {
  margin-top: 0em;
  margin-bottom: 1em;
}

#page-contact .page-content p a { color: #000; font-weight: bold;}
#page-press .page-content p a { color: #000; font-weight: bold;}

.slider-page .page-content p { margin-bottom: 20px; }
#page-about .page-content p { margin-bottom: 16px; }
.slider-page .scroller { background-color: #000; cursor:pointer; float: right; margin: 0 20px 0 0; height: 180px; width: 10px; }
.slider-page .scroller .knob { background-color: #FE6F2B; height: 20px; width: 10px}

#slider-nav {
	height: 43px;
}
#slider-nav ul {
	width: 100px;
	float: right;
	margin-top:0;
}
#slider-nav ul li { display: block; float: left; margin: 0 2px; width: 37px; }
#slider-nav ul li a { display: block; height: 31px; width: 37px; text-indent: -9999px; }
#slider-nav ul li a.prev {background: transparent url(../images/minus.png) no-repeat center left;}
#slider-nav ul li a.next {background: transparent url(../images/plus.png) no-repeat center left;}

#footer {
	background: transparent url(../images/footer_bkgd.jpg) repeat-x center left;
	color: #FFF;
	font-size: 10px;
	height: 40px;
	position: fixed;
	bottom: 0;
	margin-left: -28px;
	width: 100%;
}
#footer div.awards { float:left; height: 40px; margin-left: 5px; }
#footer div.awards.blank { background: transparent ; width: 23px; }
#footer div.awards.award1 { background: transparent url(../images/footer_images/award1.gif) no-repeat center center; width: 36px; }
#footer div.awards.award2 { background: transparent url(../images/footer_images/award2.gif) no-repeat center center; width: 57px; }
#footer div.awards.award3 { background: transparent url(../images/footer_images/award3.gif) no-repeat center center; width: 20px; }
#footer div.awards.award4 { background: transparent url(../images/footer_images/award4.gif) no-repeat center center; width: 51px; }
#footer div.awards.award5 { background: transparent url(../images/footer_images/award5.gif) no-repeat center center; width: 120px; }

#footer ul { margin-left: 20px; float: left; }
#footer ul li { border: none; display: block; float: left; padding: 5px 0; margin: 8px 0 8px 8px;}
#footer ul li a { color: #FFF; }
#footer ul li a:hover {  }
#footer ul li.last a { border-right: none !important; }


#page-reservations-savona .page-content, #page-reservations-barsavona .page-content { height: 240px }


form { width: 310px; margin: 0 auto; }
form h4 { height: 105px; width: 306px; float: left; clear: both; margin: 10px 0; text-indent: -9999px; }
#page-reservations-savona div form h4 { background: transparent url(../images/title_images/title_savona_reservations.png) no-repeat left top; }
#page-reservations-barsavona div form h4 { background: transparent url(../images/title_images/title_bar_savona_reservations.png) no-repeat left top; }
form ul { list-style: none; width: 310px; padding: 0; }
form ul li { list-style: none; display: block; clear: both; height: 30px; padding-left: 26px; }
form label { width: 100px; float: left; }
form input[type=text] { float: left; border: solid 1px #000; padding: 3px; }
form select { float: left; border: solid 1px #000; padding: 3px; width: 50px; margin-right: 5px; }
form input.formdate { background: #fff url(../images/calendar/calendar.gif) no-repeat 141px center; width: 152px; }
form input[type=submit], form input[type=button] {
	background: transparent url(../images/search.gif) no-repeat left top; 
	border: none; cursor: pointer; float: right; margin-right: 24px;
	width: 60px; height: 20px; text-indent: -9999px;
}