body { background: #120603 url(../images/bg.png); font: 62.5%/1.5 Georgia, "Times New Roman", serif; color: #e8e6d7; height: 100%; }

a { color: #9c600e; text-decoration: none; }
h2,h3,h4 { line-height: 1; }
h2,h3.greater { color: #9c600e; font-size: 220%; margin-bottom: 0.8em; }
h2 span { display: block; }
h4,legend { color: #9c600e; font-size: 180%; margin-bottom: 0.5em; }
legend { padding-bottom: 1em; }
p,li { font-size: 120%; }
p,ul,ol { margin-bottom: 2em; }

label { font-weight: bold; }
label,span.label { font-size: 120%; display: block; margin-bottom: 0.5em; }
input,
textarea,
button,a.cancel { float: left; padding: 0.5em; font: 120% Georgia, "Times New Roman", serif; font-style: italic; font-weight: bold; }
button,a.cancel { cursor: pointer; padding: 0.41em 0.5em; color: #120603; background-color: #c3beb1; border: 1px solid #d8d6c9; }
a.cancel { margin-top: 2px; padding: 0.5em 0.5em; }
input { margin-right: 10px; }
input,textarea { color: #120603; background-color: #e8e6d7; border: 1px solid #53504b; }
textarea { width: 420px; height: 200px; }
fieldset { padding: 0; }

ul.horizontal a { float: left; display: block; margin-right: 1em; }
ul.horizontal li.last { border-right: 0 !important; margin-right: 0 !important; }
ul.horizontal li.last a { margin-right: 0 !important; }

.column,
.left { float: left; display: inline; }
.right { float: right; display: inline; }

div.photo img { position: absolute; top: 29px; left: 31px; }

div.photo { position: relative; margin-left: -9px; width: 550px; height: 435px; }
div.photo .slider { position: absolute; top: 10px; left: 15px; }
div.photo .slider li { background-color: transparent !important; width: 550px; height: 435px; }
div.photo .slider li img { position: absolute; top: 18px; left: 15px; width: 530px; }
div.photo .frame { background: url(../images/frame.png) no-repeat; width: 587px; height: 396px; position: absolute; top: 0;  left: 0; z-index: 1000; }
div.photo .slider li .caption { background: url(../images/quote-bg.gif) top center no-repeat; position: absolute; bottom: 0; left: 30px; font-style: italic; width: 499px; height: 69px; }
div.photo .slider li .inner { display: block; margin-top: 9px; text-align: center; color: #1f0800; font-size: 240%; }

div.hr { background: url(../images/divider.png) no-repeat; width: 669px; height: 17px; margin: 1em auto 3em; clear: both; }
div.hr hr { display: none; }

#page-wrapper { position: absolute; top: 0; left: 0; z-index: -1; background: url(../images/bg-overlay.jpg) top center no-repeat; width: 100%; min-height: 100%; }

#content { background: url(../images/content-bg.png) repeat-y; width: 968px; min-height: 700px; margin: 0 auto; }
#content-top { background: url(../images/content-bg-top.png) no-repeat; width: 966px; height: 5px; margin: 80px auto 0; }
#content-bottom { background: url(../images/content-bg-bottom.png) no-repeat; width: 968px; height: 15px; margin: 0 auto; }
#content-inner { width: 920px; margin: 0 auto; position: relative; }

#content-inner .left { width: 200px; margin-left: 65px; clear: left; margin-bottom: 3em; }
#content-inner .right { width: 585px; margin-right: 25px; margin-bottom: 3em; }
#content-inner .left-header .logo { background: url(../images/logo.png) no-repeat; width: 185px; height: 259px; display: block; text-indent: -10000px; margin: -5px 0 0 -7px; }
#news-modal button { background: transparent url('../images/buttons/sign-up.png') top left no-repeat; width: 80px; } 
#news-modal button:hover { cursor: pointer; }
#content .actions a { background: url(../images/button-bg.png) no-repeat; color: #120603; width: 271px; height: 38px; margin: 0 0 1em -88px; padding: 17px 0 0 0; text-align: right; display: block; font-size: 120%; font-style: italic; font-weight: bold; }
#content .actions a span.inner { margin-right: 20px; }
#content .sub-nav a { color: #e7e5d6; font-weight: bold; font-size: 120%; }
#content .sub-nav .selected a { color: #9c600e; }
#content .prices { display: block; }
#content .column { margin-right: 30px; }
#content fieldset,
#content .field { margin-bottom: 1em; }
#content .radio input { background-color: transparent; border: none; }
#content .radio label { float: left; margin-right: 10px; font-weight: normal; }
#content .radio span.label { width: 100%; float: left; font-weight: bold; }
#content .experience span.label { width: 160px; }
#content .experience { clear: both; }
#content .experience .textarea { margin-top: 2em; }

.secondary #content .right-body { margin-top: 2em; }
#content .right-body h4 { color: #fff; }

#main-nav { width: 569px; margin-top: 120px; }
#main-nav li { float: left; display: inline; border-right: 1px solid #b4b1a6; margin-right: 9px; margin-bottom: 10px; }
#main-nav a { margin-right: 9px; height: 11px; text-indent: -10000px; }
#main-nav .menu { background: url(../images/nav/menu.png) no-repeat; width: 33px; }
#main-nav .reservations { background: url(../images/nav/reservations.png) no-repeat; width: 91px; }
#main-nav .showcase { background: url(../images/nav/showcase.png) no-repeat; width: 66px; }
#main-nav .gift-cards { background: url(../images/nav/gift-cards.png) no-repeat; width: 74px; }
#main-nav .rewards { background: url(../images/nav/rewards.png) no-repeat; width: 57px; }
#main-nav .rewards { background: url(../images/nav/rewards.png) no-repeat; width: 57px; }
#main-nav .catering { background: url(../images/nav/catering.png) no-repeat; width: 60px; }
#main-nav .contact-us { background: url(../images/nav/contact-us.png) no-repeat; width: 74px; }

#sub-nav { width: 580px; }
#sub-nav li { float: left; display: inline; margin-right: 9px; padding: 0 9px 0 0; border-right: 1px solid #58390f; padding-bottom: 0.4em; margin-bottom: 0.5em; }
#sub-nav a { margin-right: 0; font-size: 110%; text-transform: uppercase; color: #9c600e; }
#sub-nav li.last a { border-right: none; }

#pre-footer label { display: none; }
#pre-footer input,
#pre-footer button { margin-bottom: 2em; }
#pre-footer input { width: 240px; color: #000 !important; }
#pre-footer #name { color: #e8e6d7; background-color: #120603; border: 1px solid #6c6a63; width: 160px; }
#pre-footer #EmailSignupRegistration {color:White;} 
#pre-footer h4 { background: url(../images/sign-up.png) no-repeat; width: 396px; height: 14px; text-indent: -10000px; }

#news-modal,
#blackout { display: none; }
#news-modal { background-color: #786657; width: 300px; position: absolute; top: 450px; left: 50%; z-index: 999; margin: -20% 0 0 -170px; padding: 20px; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
#news-modal button { display: block; float: left; }
#news-modal select { margin-bottom: 1em; }
#blackout { background: transparent url('../images/blackout.png') top left repeat; height: 100%; width: 100%; position: fixed; top: 0; left: 0; z-index: 900; }

#pre-footer,
#footer { width: 800px; margin: 0 auto; }
#footer .logo { float: left; display: block; background: url(../images/rui-logo.png) no-repeat; width: 39px; height: 39px; margin: 0 1.2em 2.5em 0; text-indent: -10000px; }
#footer .text { float: left; margin-right: 3em; }
#footer .text .copyright { display: block; margin-top: 0.9em; width: 300px; }
#footer .horizontal { float: left; width: 430px; margin-top: 1em; }
#footer .horizontal li { display: block; float: right; border-right: 1px solid #47443d; margin-right: 9px; }
#footer .horizontal a { color: #e8e6d7; margin-right: 9px; }


#overlay { display: none; background-color: #000; position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.modal { display: none; background-color: #222; border: 10px solid #111; position: fixed; top: 5%; left: 50%; z-index: 1002; width: 824px; padding: 30px; margin-left: -452px; color: #fff; overflow-y: auto; }
.modal h2,.modal h3,.modal h4 { font-family: Georgia, "Times New Roman", serif; }
.modal .left { clear: left; width: 320px; }
.modal .right { width: 488px; }

#newsletter-modal { width: 500px; margin-left: -290px; }
#newsletter-modal h2 { float: none; clear: both; font-size: 240%; color: #e28e32; }
#newsletter-modal button,
#newsletter-modal a.cancel { float: right; }
#newsletter-modal button { margin-right: 10px; }

#newsletter-modal .field { margin-bottom: 1em; }

/**
*Google Maps
**/
#map 
{
    width: 530px;
    height: 350px;
    margin-bottom: 2em;
    overflow: hidden;
    border: 20px solid #c2bbaf;
}




/**
* CSS HACKS
**/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
.clearfix { display: block; }
/**/
#joinus
{
	display: none;
}
@media screen and (-webkit-min-device-pixel-ratio:0) {
  button { padding: 0.5em; }
}