body { background: #744735 url('../images/bg.png') top left repeat; font: 62.5%/2 Georgia, "Times New Roman", serif; color: #fff; }

h2,h3,h4,legend { color: #ffc16b; line-height: 1; text-transform: uppercase; }
h2 { font-size: 560%; margin-bottom: 0.2em; }
h3,legend { font-size: 220%; margin-bottom: 0.7em; }
h4 { font-size: 160%; }

a { text-decoration: none; color: #ffc16b; }
a:hover { text-decoration: underline; }
input,textarea { background-color: #221a0d; width: 210px; border: 0; display: block; float: left; margin: 0 0.3em 1em 0; padding: 0.85em 1em 0.7em; -webkit-border-radius: 5px; -moz-border-radius: 5px; color: #fff; }
input[type="hidden"]  { display: none; }
textarea { width: 400px; height: 180px; }
label,span.label { display: block; font-size: 200%; }
p,fieldset { margin-bottom: 1.8em; }
button { cursor: pointer; }
fieldset { clear: both; }

/**
* General Layout Types
**/
.form-error-message{clear:both; color:Red;font-size:10px;}
.short { width: 100px; }
.horizontal-nav li { float: left; }
.horizontal-nav a { display: block; }

.button { height: 31px; margin-right: 15px; border: 0; text-indent: -10000px; }
.button:hover { background-position: 0 -31px !important; }
.buttons { margin-top: 2em; clear: both; }

a.button { display: block; }
a.bar { background: #080603 url('../images/buttons/bar.png') top left no-repeat; width: 56px; }
a.lounge { background: #080603 url('../images/buttons/lounge.png') top left no-repeat; width: 78px; }
a.dining { background: #080603 url('../images/buttons/dining.png') top left no-repeat; width: 74px; }
a.reservations { background: transparent url('../images/buttons/reservations.png') top left no-repeat; width: 123px; float: left;}
a.printmenu { background: transparent url('../images/buttons/print-menu.png') top left no-repeat; width: 120px;height: 30px; float: left; margin-top: 0.7em; margin-left: 3em; z-index:100000000000000;}
a.our-menu { background: transparent url('../images/buttons/our-menu.png') top left no-repeat; width: 96px; }
a.our-location { background: transparent url('../images/buttons/our-location.png') top left no-repeat; width: 122px; }
a.cancel { background: transparent url('../images/buttons/cancel.png') top left no-repeat; width: 74px; float: left; }
a.order-online { background: transparent url('../images/buttons/order-online.png')top left no-repeat; width: 120px; height: 30px; float: left; }
button.submit { display: block; background: transparent url('../images/buttons/submit.png') top left no-repeat; width: 74px; }

fieldset.column { float: left; clear: none; margin-right: 20px; }

/**
* Header  
**/

#header { background: transparent url('../images/header-bg.png') top center no-repeat; height: 248px; position: relative; width: 960px; margin: 0 auto; }

#main-nav { position: absolute; top: 142px; left: 0; }
#main-nav a { height: 38px; text-indent: -10000px; margin: 0 20px; }
#main-nav a:hover,
#main-nav .selected a { background-position: 0 -38px; }
#main-nav .beer-list { background: transparent url('../images/buttons/main-nav/beer-list.png') top center no-repeat; width: 82px; margin-left: 30px; }
#main-nav .food { background: transparent url('../images/buttons/main-nav/food.png') top center no-repeat; width: 44px; }
#main-nav .history { background: transparent url('../images/buttons/main-nav/history.png') top center no-repeat; width: 71px; }
#main-nav .gift-cards { background: transparent url('../images/buttons/main-nav/gift-cards.png') top center no-repeat; width: 91px; margin: 0 9px 0 310px; }
#main-nav .rewards { background: transparent url('../images/buttons/main-nav/rewards.png') top center no-repeat; width: 77px; margin: 0 9px; }
#main-nav .contact-us { background: transparent url('../images/buttons/main-nav/contact-us.png') top center no-repeat; width: 96px; margin: 0 9px; }

#content-wrapper h1 a { background: transparent url('../images/logo.png') top center no-repeat; width: 322px; height: 306px; display: block; position: absolute; top: 0; left: 50%; z-index: 100; margin-left: -161px; text-indent: -10000px; }
.home #content-wrapper h1 a { top: -248px; }

/**
* Content Area  
**/

.home #content-wrapper { background: transparent url('../images/home/content-top-bg.png') top center no-repeat; position: relative; width: 960px; margin: 0 auto; border-bottom: 1px solid #000;}
#content { margin: 0 23px; }

.home #content { height: 425px; }
.home #content h2 { background: transparent url('../images/home/portland-crafted.png') top left no-repeat; position: absolute; top: 25px; left: 673px; width: 248px; height: 88px; text-indent: -10000px; }
.home #content p { float: right; width: 260px; margin: 125px 3px 0 0; font-size: 120%; }
.home #content .slider { background-color: #000; position: absolute; top: 21px; left: 23px; z-index: -99; width: 625px; height: 381px; overflow: hidden; }
.home #content .arrow-left,
.home #content .arrow-right { display: block; width: 48px; height: 48px; position: absolute; top: 180px; z-index: 99; text-indent: -10000px; }
.home #content .arrow-left:hover,
.home #content .arrow-right:hover { background-position: 0 -48px; }
.home #content .arrow-left { left: 44px; background: transparent url('../images/arrow-left-large.png') top left no-repeat; }
.home #content .arrow-right { left: 576px; background: transparent url('../images/arrow-right-large.png') top left no-repeat; }

.secondary #content-wrapper { background: #080603 url('../images/secondary/content-bg.png') top center no-repeat; width: 960px; margin: 0 auto; border-bottom: 1px solid #000;}
.secondary #content h3,.secondary #content legend { font-size: 280%; line-height: 1.5; margin-bottom: 0; }
.secondary #content .right { float: right; width: 550px; padding: 40px 0 3em 0; }
.secondary #content .left { float: left; width: 300px; padding: 23px 0 3em 0; }
.secondary #content img { margin-bottom: 1em; }
.secondary #content .slider { background-color: #080603; margin-bottom: 1em; }
.secondary #content .slider li { font-size: 120%; }
.secondary #content p { font-size: 130%; }
.secondary #content .arrow-left,
.secondary #content .arrow-right { display: block; width: 24px; height: 24px; text-indent: -10000px; float: left; margin-right: 10px	; }
.secondary #content .arrow-left { background: transparent url('../images/arrow-left-small.png') top left no-repeat; }
.secondary #content .arrow-right { background: transparent url('../images/arrow-right-small.png') top left no-repeat; }
.secondary #content select { margin-bottom: 2em; }

#menu-nav a { float: left; display: block; font-size: 160%; text-transform: uppercase; color: #fff; line-height: 1; margin-bottom: 1em;  width: 200px; }
#menu-nav a:hover { opacity: 0.50; }
#menu-nav .selected a { background: transparent url('../images/cap-small.png') top right no-repeat; }
#menu-nav .menuselected a { clear: both; width: 100%; color: #ffc16b;}
#menu-nav .menulist a { clear: both; }
#menu-nav .tabbed { margin-left: 30px; }
#menu-nav li img {  clear: left; margin-top: 0px;  margin-left: -28px; display: block; float: left; }

.menu #content h2 { font-size: 510%; }
.menu #content .right { float: left; width: 634px; }
.menu #content .left { width: 280px; }
.menu #content h3 { float: left; background: transparent url('../images/slashes.png') 0 0.35em no-repeat; color: #fff; margin-bottom: 1em; padding-left: 0.9em; }
.menu #content .reservations { margin: 0.6em 0 0 2em; }
.entrees { clear: both; }
.entree { float: left; width: 280px; margin-right: 25px; }

.contact h3 { margin-top: 1em; }
.radio { margin-bottom: 1.5em; }
.radio span.label { margin-right: 1em; }
.radio label { float: left; font-size: 160%; margin: 0.5em 0 0 0; background-color: #221a0d; padding: 0.1em 0.7em 0.1em; -webkit-border-radius: 5px; -moz-border-radius: 5px; }
.radio input { width: auto; margin: 0.7em 0.5em 0 0; }

/**
* Pre-Footer 
**/

#pre-footer-wrapper,
#footer-wrapper { width: 960px; margin: 0 auto; border-top: 1px solid #332716; border-bottom: 1px solid #000; background-color: #080603;  }
#pre-footer,
#footer { margin: 23px 23px; }
#pre-footer .left { float: left; width: 317px; margin-right: 50px; }
#pre-footer .right { float: left; width: 547px; }
#pre-footer p { font-size: 120%; margin-bottom: 1em; }
#pre-footer .newsletter { float: left; }
#pre-footer input { width: 160px;}
#pre-footer button,
#news-modal button { background: transparent url('../images/buttons/sign-up.png') top left no-repeat; width: 80px; } 
#pre-footer button:hover,
#news-modal button:hover { cursor: pointer; }

#pre-footer .horizontal-statements { clear: both; }
#pre-footer .horizontal-statements li { margin-right: 1em; padding-right: 1em;  font-size: 120%; }
#pre-footer .facebook,
#pre-footer .flickr,
#pre-footer .twitter { width: 32px; height: 32px; margin-right: 5px; text-indent: -10000px; }
#pre-footer .facebook { background: #080603 url('../images/buttons/social/facebook.png') top left no-repeat; }
#pre-footer .flickr { background: #080603 url('../images/buttons/social/flickr.png') top left no-repeat; }
#pre-footer .twitter { background: #080603 url('../images/buttons/social/twitter.png') top left no-repeat; }

/**
* Footer
**/

.caps { background: transparent url('../images/caps.png') top left no-repeat; width: 127px; height: 92px; position: absolute; top: -30px; right: -50px; z-index: 99; }
#footer { font-size: 120%; }
#footer .horizontal-nav { float: right; margin-top: 0.7em; }
#footer .horizontal-nav a { padding-right: 0.5em; margin-right: 0.5em; border-right: 1px solid #999493; }
#footer .horizontal-nav .last a { border-right: 0; }
#footer .copyright { background: #080603 url('../images/rui.png') top left no-repeat; float: left; display: block; height: 37px; padding: 10px 0 1em 50px; }

#footer-cap { background: transparent url('../images/footer-lights.png') top center no-repeat; height: 131px; position: relative; z-index: 9; width: 960px; margin: 0 auto; }

/**
* Modal Window (form)
**/

#news-modal,
#blackout { display: none; }
#news-modal { background-color: #786657; width: 300px; height: auto; position: fixed; top: 5%; left: 50%; z-index: 999; overflow-y: auto; margin: 0 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; }

/**
*Google Maps
**/
#map 
{
    width:560px;
    height:600px;
    margin-bottom:20px;
}

#map #mapdiv 
{
    margin:7px;
    width:400px;
    height:622px;
    overflow:hidden;
}


/**
* CSS HACKS
**/

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
/*\*/
.clearfix { display: block; }
/**/

#joinus
{
	display: none;
}