body { background: url(../images/bg-overlay.jpg) top center #976030; font: 62.5%/1.8 Georgia, "Times New Roman", serif; color: #e8e6d7; height: 100%; margin-top: 40px; }

h2 { color: #fcc177; font-size: 320%; line-height: 1; margin-bottom: 0.5em; font-weight: normal; }
h3 { color: #bf8833; font-size: 160%; }
legend { font-size: 200%; } 
p { font-size: 120%; margin-bottom: 1.5em; }
a { color: #e8e6d7; text-decoration: none; }
label,span.label { display: block; font-size: 120%; }
input { width: 340px; padding: 0 5px; margin-right: 10px; }
input,textarea { background-color: #e8e6d7; border: none; height: 20px; padding-top: 4px; font-weight: bold; font-style: italic; font-family: Georgia, "Times New Roman", serif; }
textarea { font-size: 110%; padding: 0.5em; }
fieldset input { width: 230px; }

.left { display: inline; float: left; }
.right { display: inline; float: right; }
ul.horizontal li { display: inline; }
ul.horizontal a { float: left; }
ul.horizontal li.last { padding-right: 0 !important; margin-right: 0 !important; border-right: 0 !important; }
img.framed { border: 3px solid #fbc077; margin-bottom: 1em; }
.hr { background: url(../images/divider.png) no-repeat; width: 626px; height: 8px; margin-bottom: 2em; }
.hr hr { display: none; }
.lead-in { display: block; margin-bottom: 0.5em; font-size: 140%; color: #fbc077; }

.field { margin-bottom: 1em; }
.radio input { position: relative; top: 0.25em; width: auto; margin-right: 0.5em; background-color: transparent; }
.experience .radio span.label { width: 200px; display: block; float: left; }
.radio label { display: inline; position: relative; top: -0.6em; }
.experience textarea { width: 400px; height: 200px; }

.button { background-color: #e4a64f; height: 24px; padding: 0 0.5em 0.4em; border: none; color: #9a5500; font-style: italic; font-size: 120%; font-weight: bold; cursor: pointer; }

#content-top,
#content,
#content-bottom { width: 968px; margin: 0 auto; }
#content-top, 
#content-bottom { background: url(../images/content-cap-bg.png) 14px 0 no-repeat; height: 1px; }
#content { position: relative; background: url(../images/content-bg.png) 14px 0 repeat-y; padding-top: 16px; }
#content-inner { background: url(../images/content-shadow-bg.png) repeat-y; width: 968px; margin-bottom: 24px; }
#content-shadow-top { position: absolute; top: -10px; left: 0; background: url(/content/images/content-shadow-top-bg.png) no-repeat; height: 26px; width: 968px; z-index: -1;}
#content-shadow-bottom { position: absolute; bottom: -10px; left: 0; background: url(/content/images/content-shadow-bottom-bg.png) no-repeat; height: 34px; width: 968px; z-index: -1; }

.content-left,
.footer .left { margin: 0 0 20px 67px; padding-top: 25px; width: 230px; }
.content-right,
.footer .right { margin: 0 45px 20px 0; padding-top: 100px; width: 561px; position: relative; }
.footer .left { padding-top: 30px; margin-bottom: 10px; }
.footer .right { padding-top: 30px; margin-bottom: 10px; width: 150px; }
.footer { clear: both; }
.footer .logo { background: url(../images/rui-logo.png) no-repeat; width: 39px; height: 39px; display: block; text-indent: -10000px; float: left; margin-right: 10px; }
.footer .copyright {float: left; display: block;}
.footer .horizontal { margin-top: 1em; }
.footer .horizontal li { line-height: 1.3; }
.footer .horizontal a { color: #e8e6d7; padding-right: 0.5em; margin-right: 0.5em; border-right: 1px solid #e8e6d7; }
.footer .horizontal .last a { border: 0; padding: 0; margin: 0; }

h1 .logo { background: url(../images/logo.png) no-repeat; width: 244px; height: 193px; margin-left: -20px; margin-bottom: 4em; display: block; text-indent: -10000px; }
.content-left .buttons { margin-bottom: 1.5em; }
.content-left .buttons a { background: url(../images/button-bg.png) no-repeat; width: 186px; height: 45px; text-align: center; font-weight: bold; padding-top: 9px; font-style: italic; color: #2f2a3f; display: block; font-size: 140%; } 
.content-right p { font-size: 140%; }
.content-right .hr { position: relative; left: -30px; }
.content-right .photo { height: 400px; margin-bottom: 1em; text-align:center;}
.content-right .photo .caption { color: #fbc077; font-size: 120%; font-style: italic; display: block; }
.content-right .photo .cycle li { background-color: transparent !important; }

#main-nav { width: 640px; margin-bottom: 2em; position: absolute; left: -25px; top: 50px; }
#main-nav li { float: left; display: block; padding: 0 7px; border-right: 1px solid #e8e6d7; line-height: 1; }
#main-nav li.selected a { color: #fcc177; }
#main-nav a { color: #e8e6d7; font-size: 130%; font-weight: bold; }

#sub-nav { width: 610px; margin-bottom: 2em; position: absolute; left: -25px; top: 78px; }
#sub-nav li { float: left; display: block; padding: 0 7px; margin-bottom: 8px; border-right: 1px solid #acacac; line-height: 1; }
#sub-nav a { color: #acacac; font-size: 100%; font-weight: bold; }
#content .sub-nav .selected a { color: #fcc177; }
#shells { position: absolute; bottom: 20px; right: 20px; background: url(../images/shell-overlay.png) no-repeat; width: 239px; height: 166px; }
.content-left .sub-nav a { font-size:140%; }

.menu #content .content-right { padding-top: 160px; }

.entree { margin-bottom: 2em; }
.entree h4 { font-size:140% }
.entree p { display: inline; margin-bottom: 0; }
.entree .price { font-size: 100%; }

/**
*Google Maps
**/
#map 
{
    width: 530px;
    height: 350px;
    margin-bottom: 2em;
    overflow: hidden;
    border: 3px solid #fbc077;
}
/**
* 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) {
  input { height: 24px; padding-top: 0; }
  .button { padding: 0 0.8em; }
}