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

/* --------------Setup*/
* {
	border: 0;
	margin: 0;
	padding: 0;
}
body {
	background: url(/images-refinery/page-bgr.png) #2f1001 repeat-x;
	color: #FFF;
	font: 12px Arial, Helvetica, sans-serif;
	line-height: 1.5;
}
a {
	text-decoration: underline;
	color: #FFF;
}
a:hover {
	text-decoration: underline;
}
input, select, textarea {
	border: 1px solid #C8C8C8;
	font-size: .92em;
	padding: 2px;
	color: #AAA;
}
li {
	list-style: none;
}
h2 {
	font-size: 1.25em;
	color: #7b7a63;
}
h3, h4, h5 {
	font-size: 1.17em;
	color: #7b7a63;
}
p.center {
	text-align: center;
}
p.left {
	text-align: left;
}
p.right {
	text-align: right;
}
p {
	padding-bottom: 12px;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
td, th {
	padding: 0;
}
hr {
	border-top: 1px solid #868280;
	clear: both;
	height: 1px;
	margin: 0 0 10px;
	width: 100%;
}

/* --------------page*/
#page {
	width: 1010px;
	margin: 0 auto;
	margin-top: 43px;
	position: relative;
}

/* --------------logo*/
#logo h1 {
	float: left;
	width: 262px;
	background: url(/images-refinery/the-refinery-logo.gif) no-repeat;
	text-indent: -9999em;
}
#logo h1 a {
	display: block;
	height: 135px;
}

/* --------------logox*/
#logox h1 {
	float: left;
	width: 202px;
	background: url(/images-refinery/the_refinery_logo.gif) no-repeat;
	text-indent: -9999em;
}
#logox h1 a {
	display: block;
	height: 135px;
}

/* --------------navlinks*/

#navlinks li {
	float: left;
	display: inline;
	text-indent: -9999em
}
#navlinks li a {
	display: block;
	height: 123px;
}
#navlinks li#concept {
	background: url(/images-refinery/btn_concept.gif) no-repeat;
	width: 88px;
}
#navlinks li#cocktail_kitchen {
	background: url(/images-refinery/btn_cocktail_kitchen.gif) no-repeat;
	width: 173px;
}
#navlinks li#blog {
	background: url(/images-refinery/btn_blog.gif) no-repeat;
	width: 70px;
}
#navlinks li#menus {
	background: url(/images-refinery/btn_menus.gif) no-repeat;
	width: 74px;
}
#navlinks li#gallery {
	background: url(/images-refinery/btn_gallery.gif) no-repeat;
	width: 93px;
}
#navlinks li#events {
	background: url(/images-refinery/btn_events.gif) no-repeat;
	width: 84px;
}
#navlinks li#environment {
	background: url(/images-refinery/btn_environment.gif) no-repeat;
	width: 142px;
}
#navlinks li#contact {
	background: url(/images-refinery/btn_contact.gif) no-repeat;
	width: 84px;
}
/*
#navlinks li#concept {
	background: url(/images-refinery/btn-concept.gif) no-repeat;
	width: 121px;
}
#navlinks li#menus {
	background: url(/images-refinery/btn-menus.gif) no-repeat;
	width: 104px;
}
#navlinks li#gallery {
	background: url(/images-refinery/btn-gallery.gif) no-repeat;
	width: 118px;
}
#navlinks li#events {
	background: url(/images-refinery/btn-events.gif) no-repeat;
	width: 116px;
}
#navlinks li#environment {
	background: url(/images-refinery/btn-environment.gif) no-repeat;
	width: 173px;
}
#navlinks li#contact {
	background: url(/images-refinery/btn-contact.gif) no-repeat;
	width: 116px;
}
*/
/* --------------navlinksx*/
/*#navlinksx li {
	float: left;
	display: inline;
	text-indent: -9999em
}
#navlinks li a {
	display: block;
	height: 123px;
}
*/




/* --------------flash */
#flash {
	margin-top: 31px;
	float: left;
}
#flash-mainvideo {
	float: left;
	margin-top: 31px;
	margin-bottom: 31px;
	width: 1010px;
	text-align: center;
}
/* --------------make-reservations-new*/
#flash #make-reservations-new h2 {
	display: block;
	text-indent: -9999em;
	background: url(/images-refinery/refinery-reservations-newx.png) no-repeat;
}
#flash #make-reservations-new h2 a {
	display: block;
	position: relative;
	z-index: 3;
	background: url(/images-refinery/refinery-reservations-new.png) no-repeat;
	width: 315px;
	height: 186px;
	margin-top: -155px;
	margin-left: 723px;
}
#flash #make-reservations-new p {
	display: none;
}
#flash #blurb h2 {
	font-size: 24px;
	font-weight: bold;
	margin: 0; padding: 0;
	
}
#flash #blurb h2 a {
	text-decoration: none;
	color: #9f9078;
}

#flash #blurb-pos{
   margin-top:-40px;
}
#flash #blurb {
	float: left;
	display: inline;
	margin: -40px 0 8px 0;
	overflow: hidden;
}
#flash #blurb img a{
	display: block;
	position: relative;
	z-index: 3;
	width: 560px;
	height: 40px;
	/*margin: -40px 0 8px 0;*/
}

/* --------------content-left*/
#home_col1 {
	clear: both;
	float: left;
	width: 322px;
	height: 232px;
	padding-top: 8px;
	text-align: left;
}
#home_col2 {
	float: left;
	width: 366px;
	height: 240px;
	overflow: hidden; 
}
#home_col2 p {
	padding: 5px 14px 10px;
}
#home_col3 {
	float: left;
	width: 322px;
	height: 232px;
	padding-top: 8px;
	text-align: right;
}


/* --------------content-left*/
#content-left {
	clear: both;
	float: left;
	padding-bottom: 20px;
}
#content-left #video-left {
	float: left;
	width: 376px;
	text-align: center;
	padding-top: 8px;
}

#content-left #make-reservations h2 {
	float: left;
	width: 376px;
	background: url(/images-refinery/refinery-reservations.png) no-repeat;
	text-indent: -9999em;
}
#content-left #make-reservations h2 a {
	display: block;
	height: 209px;
}
#content-left #make-reservations p {
	display: none;
}

/* --------------content-right*/
#content-right {
	float: left;
	width: 634px;
	height: 209px;
}
#content-right h2 a {
	display: block;
	background: url(/images-refinery/btn-about.png) no-repeat;
	width: 634px;
	height: 46px;
	text-indent: -9999em;
}
#content-right #scroll {
	width: 603px;
	height: 158px;
	overflow: auto;
	padding: 0 18px 5px 13px;
}

/* --------------footer*/
#footer {
	clear: both;
	background: url(/images-refinery/footer-bgr.gif) repeat-x;
	width: 1010px;
	height: 41px;
	margin-bottom: 100px;
}
#footer #copyright {
	float: left;
	background: url(/images-refinery/footer-copyright.gif) repeat-x;
	width: 167px;
	height: 41px;
	margin-right: 648px;
	text-indent: -9999em;
}
#footer #home {
	float: left;
	background: url(/images-refinery/footer-home.gif) no-repeat;
	width: 66px;
	height: 41px;
	text-indent: -9999em;
}
#footer #home a {
	display: block;
	height: 41px;
}
#footer #reservations {
	float: left;
	background: url(/images-refinery/footer-reservations.gif) no-repeat;
	width: 129px;
	height: 41px;
	text-indent: -9999em;
}
#footer #reservations a {
	display: block;
	height: 41px;
}
#footer #w3c {
	clear: both;
	padding-top: 15px;
	text-align: right;
}

/* --------------navcategory*/
#navcategory {
	clear: both;
	overflow: hidden;
	margin-bottom: 15px;
	margin-left: 279px;
}
#navcategory li{
	float: left;
	display: inline;
	text-indent: -9999em;
	margin-right: 43px;
}
#navcategory li span {
	display: none;
}
#navcategory li img {
	display: block;
}
/*#navcategory li a{
	float: left;	
	font-size: 1.58em;
	color: #837d64;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'Courier New', Courier, monospace;
	padding: 0 30px 0 0;
}*/
#navcategory li a:hover{
	text-decoration: underline;
}


/* --------------inner-page*/
/* --------------inner-main*/
#inner-main {
	clear: both;
	width: 1010px;
	height: 504px;
	padding-top: 8px;
}

/* --------------inner-left-column*/
#inner-left {
	float: left;
	width: 376px;
}
#inner-left p {
	padding: 0;
}
#inner-left #top {
	float: left;
	padding-bottom: 10px;
}
#inner-left #bottom {
	float: left;
}
#inner-left #bottom h2 {
	float: left;
	width: 376px;
	background: url(/images-refinery/inner-refinery-reservations.png) no-repeat;
	text-indent: -9999em;
}
#inner-left #bottom h2 a {
	display: block;
	height: 209px;
}
#inner-left #bottom p {
	display: none;
}

/* --------------inner-right-column*/
#inner-right {
	float: left;
	width: 634px;
}
#inner-right #inner-header p {
	clear: both;
	float: left;
	padding: 0;
}
#inner-right #inner-header h2 {
	clear: both;
	float: left;
	padding: 0;
	padding: 0 0 15px 15px;
}

#inner-right #inner-scroll {
	clear: both;
	float: left;
	width: 614px;
	height: 425px;
	overflow: auto;
	padding: 0 5px 5px 15px;
}
.event_read-more {
	margin-bottom: 1em;
}
/* --------------inner-three-column-layout*/
#inner-right #col {
	clear: both;
	float: left;
	width: 560px;
	padding-right: 5px;
}

#inner-right #col1 {
	float: left;
	width: 190px;
	padding-right: 5px;
}
#inner-right #col2 {
	float: left;
	width: 190px;
	padding-right: 5px;
}
#inner-right #col3 {
	float: left;
	width: 190px;
	padding-right: 5px;
}

#hr-inner {
	clear: both;
	margin-top: 10px;
}

/* --------------gallery-page*/
#gallery-header{
	clear: both;
	float: left;
}
#gallery-slideshowpro{
	clear: both;
	float: left;
}

/* --------------our-crew*/
#inner-right #our-crew {
	float: left;
	width: 610px;
	height: 400px;
	position: relative;
}

#inner-right #our-crew .rollover {
	z-index: 0;
}
#inner-right #our-crew .rollover a{
	display:inherit;
	width: 250px;
	height: 25px;
	text-decoration: none;
}
#inner-right #our-crew .rollover a:hover {
	white-space: normal;
	text-decoration: none;
}
#inner-right #our-crew .rollover a span{
	display: none;
}
#inner-right #our-crew .rollover a:hover span{
	display: block;
	z-index: 50;
	position: absolute;
	top: 0px;
	left: 240px;
}
#inner-right #our-crew .rollover a:hover span img{
	border: none;
}

/* --------------Menu*/
.menu-section {
	text-align: center;
	font-size: 1.083em;
}
h2.title-1 {
	font-size: 1.5em;
}
h2.title-2 {
	font-size: 1.167em;
	font-weight: normal;
}
h2.title-3 {
	font-size: 1.083em;
	font-weight: normal;
	color: #FFFFFF;
}
h3.menu-title {
	font-size: 1.333em;
	margin-bottom: 0.833em;
	margin: 0; padding: 0;
}
span.menu-description {
	font-size: 0.833em;
	font-style: italic;
}
a.news-link {
	font-size: 1.333em;
	margin-bottom: 0.833em;
	margin: 0; padding: 0;
	color: #7b7a63;
	text-decoration: none;
}
a.news-link:hover {
	color: #efefef;
}

/*-- Refinery Feedback Form --*/
.form_left {
	clear: both;
	float: left;
	display: inline;
	margin: 0 10px 10px 50px;
	width: 175px;
	height: 22px;
	font-weight: bold;
}
.form_right {
	float: left;
	display: inline;
	margin-bottom: 10px;
	width: 289px;
	height: 22px;
	height: auto !important;
	min-height: 22px;
}
.submit {
	clear: both;
	float: left;
	display: inline;
	margin-top: 10px;
	width: 523px;
	text-align: center;
}
.submit input[type="submit"] {
	color: #000000;
	border: 2px outset black;
	font-family: Arial, Helvetica, sans-serif;
	padding: 4px;
}

h2.title {
	font-size: 20px;
}