body { background: #fff url('/content/images/bg.jpg') top left repeat; font: 62.5%/2 "Lucida Grande", Arial, sans-serif; color: #5e6b70; }

h1,h2,h3 { text-transform: uppercase; }
h2 { font-size: 300%; color: #31434a; }
h3,legend { font-size: 200%; color: #31434a; }
h4 { font-size: 110%; color: #648592; }
li,p { font-size: 120%; }
p { margin-bottom: 2em; }
a { text-decoration: none; color:#85b1c0 } a:visited {text-decoration:none;color: #4A1C1A }
button { border: 0; cursor: pointer; }
input,
textarea { background-color: #466c79; padding: 7px 1em; border: 0; -webkit-border-radius: 5px; -moz-border-radius: 5px; font-weight: bold; color: #fff; }
hr { display: none; }

/**
* General Layout Types
**/

.no-cufon { text-transform: none; }
.horizontal-nav a { display: block; float: left; }

.button { float: left; font-size: 160%; background: url(/content/images/button-bg-cap.png) no-repeat; height: 35px; padding-left: 6px; }
button.button { background-position: 0 2px; }
.button .inner { float: left; background: url(/content/images/button-bg.png) top right no-repeat; display: block; height: 40px; padding: 0 16px 0 10px; line-height: 1.5; color: #fff; cursor: pointer; }
.large-button { float: left; font-size: 170%; background: url(/content/images/large-button-bg-cap.png) 0 2px no-repeat; height: 35px; padding-left: 4px; }
.large-button .inner { float: left; background: url(/content/images/large-button-bg.png) top right no-repeat; display: block; height: 40px; padding: 0 15px 0 10px; line-height: 1.5; color: #fff; cursor: pointer; }
p .button { font-size: 140%; }

.intro { font-family: Georgia, "Times New Roman", serif; text-transform: uppercase; }
.map { background-color: #fff; }
.photo { width: 569px; height: 366px; position: relative; }
.photo .frame { background: url(/content/images/photo-frame.png) no-repeat; width: 569px; height: 366px; position: absolute; top: 0; left: 0; }
.photo img { margin: 15px 0 0 10px; }
.column,
.left { float: left; }
.right { float: right; }
.last { margin-right: 0 !important; }
.starfish { background: url(/content/images/starfish.png) no-repeat; width: 107px; height: 109px; position: absolute; bottom: -35px; right: -35px; }
.hr { background-color: #d7d9da; height: 1px; margin-bottom: 2em; }
.inline-form .intro { float: left; margin-right: 10px; font-weight: bold; font-weight: bold; color: #31434a; font-size: 160%; }
.inline-form input { float: left; margin-right: -10px; margin-top: 5px; }
.inline-form label { display: none; }
.solo { display: block; margin-bottom: 2em; }

.radio input { background-color: transparent; border: none; }

/**
* Header  
**/

#page-wrapper { background: url(/content/images/bg-overlay.png) top center no-repeat; width: 100%; min-height: 100%; margin: 0 auto; }
#header { background: url(/content/images/header-bg.png) right bottom  no-repeat;  width: 925px; height: 135px; margin: 0 auto; position: relative; }
#header {background-repeat:no-repeat;}
.logo { display: block; width: 925px; margin: 0 auto; position: relative; z-index: 120; }
.logo a { display: block; background: url(/content/images/logo.png) no-repeat; width: 372px; height: 179px; position: absolute; left: -10px; text-indent: -10000px; z-index: 120; }

#main-nav a { text-indent: -10000px; position: absolute; bottom: 0; }
#main-nav .menu { background: url(/content/images/navigation/menu.png) no-repeat; width: 68px; height: 46px; left: 370px; }
#main-nav .menu:hover, #main-nav .selected .menu { background-position: 0 -46px; }
#main-nav .locations { background: url(/content/images/navigation/locations.png) no-repeat; width: 114px; height: 51px; left: 438px; }
#main-nav .locations:hover, #main-nav .selected .locations { background-position: 0 -51px; }
#main-nav .gift-cards { background: url(/content/images/navigation/gift-cards.png) no-repeat; width: 122px; height: 55px; left: 552px; }
#main-nav .gift-cards:hover,#main-nav .selected .gift-cards{ background-position: 0 -55px; }
#main-nav .rewards { background: url(/content/images/navigation/rewards.png) no-repeat; width: 102px; height: 60px; left: 674px; }
#main-nav .rewards:hover, #main-nav .selected .rewards { background-position: 0 -60px; }
#main-nav .contact-us { background: url(/content/images/navigation/contact-us.png) no-repeat; width: 120px; height: 65px; left: 776px; }
#main-nav .contact-us:hover, #main-nav .selected .contact-us{ background-position: 0 -65px; }

#newsletter { width: 480px; position: absolute; top: 10px; right: 0; }
#newsletter label { display: none; }
#newsletter input { border: 1px solid #ccdae1; }

/**
* Content Area  
**/

#content { position: relative; width: 956px; min-height: 600px; margin: 0 auto; }

#directions { margin-left: 35px; }
#directions input { width: 185px; }

#current-location { width: 923px; background-color: #ead3a2; border: 4px solid #d3b87e; color: #595751; margin: 0 0 2em -23px; }
#current-location-inner { padding: 6px 23px; line-height: 1.5; }
#current-location .intro { color: #595751; text-transform: uppercase; font-weight: bold; display: block; }
#current-location h3 { color: #4a1c1a; line-height: 1; margin-bottom: 0.2em; font-size: 240%; }
#current-location h4 { color: #4a1c1a; text-transform: uppercase; font-family: Georgia, "Times New Roman", serif; font-size: 160%; margin-bottom: 0.25em; }
#current-location p { margin-bottom: 0.5em; }
#current-location li a { background-image: none; padding: 0; color: #595751; }
#current-location .column { width: 170px; margin-top: 0; margin-right: 5px; }
#current-location .address { width: 450px; margin-top: 0; }
#current-location .change { width: 230px; }
#current-location .change .intro { color: #4a1c1a; margin-bottom: 0.25em; font-size: 160%; }
#current-location .find-another { background: #9caf92 url('../images/buttons/find-another.png') no-repeat; height: 28px; width: 172px; }

#menu-nav { width: 230px; }
#menu-nav li { font-size: 100%; }
#menu-nav a { background-color: #ead3a2; display: block; padding: 8px 20px 12px; color: #31434a; font-weight: bold; font-size: 160%; line-height: 1; }
#menu-nav .active > a { background: #648592 url(/content/images/menu-active.png) center right no-repeat; width: 200px; color: #fff; }
#menu-nav li li a { background: #f3e7cc url(/content/images/arrow-bg.png) 20px 15px no-repeat; padding: 7px 20px 14px 35px; color: #31434a; text-transform: lowercase; font-size: 160%; }
#menu-nav li li a:hover,
#menu-nav li li.selected a { background-color: #b49d6b; background-position: 20px -39px; color: #fff; }

.home #content { z-index: 110; color: #fff; height: 610px; }
.home .frame-overlay { background: url(/content/images/home/frame.png) no-repeat; width: 950px; height: 610px; position: absolute; top: -10px; left: 0; z-index: 60; }
.home .shadow { background: url(/content/images/home/shadow.png) no-repeat; width: 500px; height: 300px; position: absolute; bottom: 25px; left: 20px; z-index: 50; }
.home #content img { position: absolute; top: 20px; left: 25px; z-index: 10; }
.home #content h2 { font-size: 600%; position: absolute; top: 250px; right: 100px; color: #fff; z-index: 300; }
.home #content h3 { color: #fff; }
.home #content p { margin-bottom: 1em; }
.home #content-inner { position: absolute; top: 380px; left: 60px; width: 350px; z-index: 1000;}
.home #content-inner a { color: #fff; }
.home #footer { margin-top: 9em; }

.secondary #content { background: #f5f3ec url(/content/images/content-bg.png) no-repeat; border: 1px solid #ebdeb8; border-top: 0; padding-bottom: 30px; }
.secondary #content-inner { width: 880px; margin: 0 auto; padding-top: 6em; }
.secondary #content-inner .left { width: 420px; margin: 20px 0 0 0; }
.secondary #content-inner .right { width: 430px; }

#content-inner h3>img, #content-inner p>img {padding-left:15px;padding-right:15px}
.secondary .indented { margin: 0 30px 0; }
.secondary .boxed { background-color: #b1d5e1; padding: 0.5em 3em; }
.secondary .boxed h4 { color: #31434a; }
.secondary .boxed p { font-size: 120%; }

.map-frame { background: url(/content/images/map-frame.png) no-repeat; width: 426px; height: 522px; margin-bottom: 1em; position: relative; }
.map-frame .map { width: 392px; height: 470px; position: absolute; top: 26px; left: 15px; }

.menu #content .left { width: 300px; margin: 0 !important; }
.menu #content .right { width: 580px; }
.menu h2 { float: left; }
.menu .print { margin: 1.2em 0 0 1.5em; }
.menu .right h3 { clear: both; text-transform: none; font-size: 140%; color: #648592; }

.contact .column { margin-right: 50px; margin-top: -40px; }
.contact .field { margin-bottom: 1em; }
.contact label { font-weight: bold; font-size: 125%; }
.contact fieldset input, .contact fieldset textarea { background-color: #fff; border: 1px solid #466c79; color: #000; }
.contact select { display: block; }
.contact .radio span.label { width: 150px; display: block; font-weight: bold; font-size:125% }
.contact .radio label { font-weight: normal; }
.contact .radio input { background-color: transparent; border:medium none; }
.contact textarea { width: 300px; height: 100px; }

/**
* Pre-Footer 
**/

.home #pre-footer-wrapper { width: 956px; margin: -50px auto; }
.home #pre-footer { background: url(/content/images/home/pre-footer-bg.png) no-repeat; width: 988px; height: 328px; margin: -30px 0 0 -25px; }
.home #pre-footer-inner { width: 960px; padding-top: 50px; margin-left: 35px; }
.home .announcement { float: left; margin-right: 30px; width: 290px; color: #1a1a1a; }
.home .announcement h3 a{ color: #1a1a1a; }
.home .announcement img { border: 3px solid #deb869; margin-bottom: -1em; }
.home .announcement p{ font-size: 100%; }
.home .announcement a{ font-size: 100%;color: #1a1a1a; }

#pre-footer .social { float: left; width: 599px; }
#pre-footer .social li { display: inline; }
#pre-footer .social li a { height: 41px; margin: 15px 10px 0 0; float: left; display: block; text-indent: -10000px; }
#pre-footer .social .twitter { background: url(../images/twitter.png) center center no-repeat; width: 104px; }
#pre-footer .social .facebook { background: url(../images/facebook.png) no-repeat; width: 105px; }
#pre-footer .social .callout { background: url(../images/callout.png) no-repeat; width: 330px; height: 69px; padding: 24px 0 0 30px; float: left; }

/**
* Footer
**/

#footer { background-color: #4b4840; margin: 5em 0 0; padding: 2em 0; color: #a6c0cb; }
#footer-inner { width: 960px; margin: 0 auto; }
#footer .logo { float: left; background: url(/content/images/rui-logo.png) no-repeat; width: 36px; height: 37px; margin-right: 15px; display: block; text-indent: -10000px; }
#footer .copyright { float: left; margin-top: 1em; }
#footer .horizontal-nav { width: 170px; margin-top: 1em; }
#footer li { font-size: 100%; }
#footer ul a { margin-right: 10px; padding-right: 10px; border-right: 1px solid #a6c0cb; color: #a6c0cb; font-size: 100%; }
#footer .last { border-right: 0 !important; }

/**
* Modal Windows
**/

#overlay { display: none; background-color: #000; position: fixed; top: 0; left: 0; z-index: 1001; width: 100%; height: 100%; min-height: 100%; -moz-opacity: 0.8; opacity: 0.8; filter: alpha(opacity=80); }
.modal { display: none; background-color: #e7d0a0; border: 10px solid #afd2de; position: fixed; top: 5%; left: 50%; z-index: 1002; width: 844px; padding: 30px; margin-left: -452px; overflow-y: auto; }
.modal .left, #location-modal .left { clear: left; width: 320px ! important; margin-top:0px ! important}
.modal .right, #location-modal .right{ width: 470px ! important; margin-top: 20px;  }
.modal h2 { float: left; color: #466c79; margin-bottom: 1em; font-size: 240%; }
.modal h2, .modal h3 { font-family: Georgia, "Times New Roman", serif; }
.modal a { color: #841818; font-weight:bold; }
.modal .hr { background-color: #ccb687; float: left; width: 100%; margin: 1em 0 0; }
.modal .change-location { float: right; width: 380px; }
.modal input { float: left; background-color: #f5f6ef; border-color: #1d1105; color: #466c79; width: 300px; }
.modal .field { background: transparent url('/content/modal-field-bg.png') bottom left repeat-x; padding: 1em 0; }
.modal .buttons { margin-top: 2em; }
.modal .buttons .button { float: right; }
.modal .cancel { margin-top: 2px; }
.modal p { margin-bottom: 0; }

#newsletter-modal { width: 500px; margin-left: -290px; }
#newsletter-modal h2 { float: none; clear: both; }
#newsletter-modal label { display: block; font-weight: bold; font-size: 140%; color: #466c79; }

#location-modal input { width: 128px; }
#location-modal .change-location .intro { font-size: 100%; }
#locaiton-modal .change-location input { margin-right: 10px; }
#location-modal .map { width: 470px; height: 500px; margin-bottom: 1em; }
#location-modal .cancel { margin-top: 23px; margin-right: 10px; }

/**
* CSS HACKS
**/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
.clearfix { display: block; }
/**/
#joinus
{
	display: none;
}
@-moz-document url-prefix() {
  button.button { padding-left: 3px; }
  button.large-button { margin-top: 1px; padding-left: 1px; }
  button.button .inner,
  button.large-button .inner { margin-top: 1px; }
}