/*==================RESET ==================*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent;}
body {line-height: 1;}
ol, ul {list-style: none;}
blockquote, q {quotes: none;}
blockquote:before, blockquote:after, q:before, q:after {content: ''; content: none;}
:focus {outline: 0;}
ins {text-decoration: none;}
del {text-decoration: line-through;}
table {border-collapse: collapse; border-spacing: 0;}

/*==================GENERAL ==================*/
@font-face {font-family: 'AmperzandRegular'; src: url('../font/amperzand-webfont.eot'); src: url('../font/amperzand-webfont.eot?#iefix') format('embedded-opentype'), url('../font/amperzand-webfont.woff') format('woff'), url('../font/amperzand-webfont.ttf') format('truetype'), url('../font/amperzand-webfont.svg#AmperzandRegular') format('svg'); font-weight: normal; font-style: normal;}
@font-face {font-family: 'AUdimatBold'; src: url('../font/audimat-bold_0-webfont.eot'); src: url('../font/audimat-bold_0-webfont.eot?#iefix') format('embedded-opentype'), url('../font/audimat-bold_0-webfont.woff') format('woff'), url('../font/audimat-bold_0-webfont.ttf') format('truetype'), url('../font/audimat-bold_0-webfont.svg#AUdimatBold') format('svg'); font-weight: normal; font-style: normal;}

h1, h2, h3, h4 {font-family: 'AUdimat', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: normal; text-transform: uppercase; color: #063460;}
h2.pagetitle {font-family: 'AmperzandRegular', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: normal; text-transform: none; color: #9f1c20; padding-right: 8px;}
h3.admintitle {font-family: 'AmperzandRegular', Arial, Helvetica, sans-serif; font-style: normal; font-weight: normal; line-height: normal; text-transform: none; color: #063460; padding-right: 8px;}

h1 {font-size: 60px; line-height: 24px;}
h2 {font-size: 45px; line-height: 20px;}
h3 {font-size: 28px;}
h4 {font-size: 24px; line-height: 18px;}
h5 {font-size: 16px; color: #002C54;}

html {height: 100%;}
body, p, ul, ol, span, form {font: 12px Arial, Helvetica, sans-serif; line-height: 18px; color: #3b3b3b;}
p {margin-bottom: 18px;}
a {outline: none;}
a {text-decoration: none; color: #9f1c20; font-weight: bold;}
a:hover {text-decoration: underline;}
.clear {clear: both; height: 0; overflow: hidden;}

/*==================BODY==================*/
body {background-image: url("../img/bg.jpg"); background-repeat: repeat-x; background-position: top left; background-attachment: scroll; background-color: #371508; height: 100%;}

/*==================PAGECONTAINER==================*/
#container {width: 1280px; min-height: 100%; margin: 0 auto -100px; position: relative;}

/*==================HEADER==================*/
header {background-image: url("../img/bg_woodtopbar.jpg"); background-repeat: no-repeat; background-position: top center; width: 1280px; margin: 0 auto; position: relative; display: block;}

#sitelogo {float: left; background-image: url("../img/bg_logo.png"); background-repeat: no-repeat; background-position: top center; width: 284px; height: 225px; position: relative; left: 166px;}
#sitelogo h1 {background: url("../img/logo.png"); background-repeat: no-repeat; background-position: top center; position: relative; top: 8px; left: 1px;}
#sitelogo h1 a {display: block; width: 255px; height: 129px; text-indent: -9999px;}

#navigations {float: right; width: 660px; position: relative; right: 170px;}

ul#nav {float: right; text-decoration: none;}
ul#nav li {float: left; margin-left: 24px;}
ul#nav li a {line-height: 51px;}

/*
ul#nav li a#home {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: 0 0; display: block; width: 46px; height: 51px; text-indent: -9999px;}
ul#nav li a#home:hover, ul#nav li a#home.active {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: 0 -51px;}

ul#nav li a#aboutus {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: -72px 0; display: block; width: 79px; height: 51px; text-indent: -9999px;}
ul#nav li a#aboutus:hover, ul#nav li a#aboutus.active {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: -72px -51px;}

ul#nav li a#getlisted {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: -175px 0; display: block; width: 88px; height: 51px; text-indent: -9999px;}
ul#nav li a#getlisted:hover, ul#nav li a#getlisted.active {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: -175px -51px;}

ul#nav li a#advertise {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: -288px 0; display: block; width: 159px; height: 51px; text-indent: -9999px;}
ul#nav li a#advertise:hover, ul#nav li a#advertise.active {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: -288px -51px;}

ul#nav li a#contactus {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: -473px 0; display: block; width: 98px; height: 51px; text-indent: -9999px;}
ul#nav li a#contactus:hover, ul#nav li a#contactus.active {background: url("../img/nav.png"); background-repeat: no-repeat; background-position: -473px -51px;}
*/

#topad {float:left; position: relative; top: 5px; left: 20px; width: 468px; height: 60px;}
#topad img {display: block;}

#login, #logout {float: right; position: relative; top: 14px;}
#login a, #logout a {background: url("../img/button_accountlogin.png"); background-repeat: no-repeat; background-position: 0 0; display: block; width: 158px; height: 45px; text-indent: -9999px;}
#logout a {background: url("../img/button_accountlogout.png")}
#login a:hover, #logout a:hover {background-position: 0 -45px;}

/*==================HOMEHEADER==================*/
#homeheader {background-image: url("../img/bg_homeheading.png"); background-repeat: no-repeat; background-position: top center; width: 1156px; height: 419px; margin: 0 auto -74px; position: relative; top: -74px; z-index: 1000;}

#intro {float: left; background-image: url("../img/bg_rippedpaper.png"); background-repeat: no-repeat; background-position: top center; width: 287px; height: 314px; position: relative; top: 32px; left: 105px;}
#intro h2 {background: url("../img/tagline.png"); background-repeat: no-repeat; background-position: top center; display: block; width: 235px; height: 75px; text-indent: -9999px; margin: 35px auto 5px;}
#intro p {font-size: 13px; padding: 0 30px;}

#searchnav {float: right; width: 630px; position: relative; top: -15px; right: 125px; margin-bottom: -50px;}
#searchstate {background-image: url("../img/bg_locatestate.png"); background-repeat: no-repeat; background-position: top center; width: 623px; height: 70px;}
#searchstate select {float: right; width: 195px; padding: 4px; position: relative; top: 19px; right: 35px; border: 4px solid #d3a887;}
#searchmap {text-align: center; position: relative; top: -5px; right: 8px;}

/*==================CONTENT==================*/
#content {background-image: url("../img/bg_contentbox.jpg"); background-repeat: repeat-x; background-position: top left; background-color: #fff; width: 940px; margin: 0 auto -40px; padding-bottom: 20px; position: relative; top: -68px; z-index: 1000;}
#contentcal {background-color: transparent; width: 100%; margin: 0 auto; padding-bottom: 20px;}
#contentcontainer {padding: 0 20px;}

#headingtitle {float: left; background-image: url("../img/bg_headingtitle.png"); background-repeat: no-repeat; background-position: top center; width: 378px; height: 104px; text-align: center;}
#headingtitle h2 {line-height: 104px; margin-top: 6px;}
#headingtitleleft {float: right; width: 500px; margin-left: 10px;}

#searchotherstate {float: right; background-image: url("../img/bg_otherstate.png"); background-repeat: no-repeat; background-position: top center; width: 422px; height: 76px; position: relative; top: -24px; margin-bottom: -15px;}
#searchotherstate select {float: right; width: 195px; padding: 4px; position: relative; top: 19px; right: 35px; border: 4px solid #d3a887;}

#adminsubhead {float: right; background-image: url("../img/bg_blankscrap.png"); background-repeat: no-repeat; background-position: top center; width: 382px; height: 36px; position: relative; top: -24px; margin-bottom: -15px; padding: 20px;}

#maincontent {float: left; width: 686px; padding-bottom: 20px; padding-top: 20px;}
#maincontent h3 {font-weight: bold; margin-bottom: 10px;}

#statemap {margin-bottom: 8px;}

.craftbrewpublist {float: left; width: 332px; margin-right: 20px;}
.craftbrewpublistcol2 {margin-right: 0;}
.craftbrewpublist li {line-height: 20px; width: 332px; margin-bottom: 3px;}
.craftbrewpublist li a {background-color: #ecf4fb; display: block; padding: 10px 30px;}
.craftbrewpublist li a:hover {background-color: #d4eaf1; text-decoration: none;}

#sidecontent {float: right; width: 200px; margin-top: 10px;}

.sidead {margin: 0 auto 10px;}

#bottomad {background-image: url("../img/bg_bottomad.jpg"); background-repeat: no-repeat; background-position: top center; width: 936px; height: 159px; margin: 0 auto; text-align: center;}
#bottomad img {margin-top: 42px;}

/*==================HOMEBOXES==================*/
#homeboxes {width: 980px; height: 279px; margin: 0 auto; z-index: 1000; position: relative; /*top: -73px; margin-bottom: -150px;*/}

.boxlink {float: left;}
.boxlink p {margin-bottom: 0;}
.boxlink a:hover {position: relative; top: 2px;}

#box_joinnow p a {background: url("../img/box_joinnow.png"); background-repeat: no-repeat; background-position: top center; display: block; width: 322px; height: 279px; text-indent: -9999px;}
#box_planatrip p a {background: url("../img/box_planatrip.png"); background-repeat: no-repeat; background-position: top center; display: block; width: 306px; height: 279px; text-indent: -9999px; margin: 0 15px;}
#box_rate p a {background: url("../img/box_rate_hold.png"); background-repeat: no-repeat; background-position: top center; display: block; width: 322px; height: 279px; text-indent: -9999px;}

/*==================BOTTOMCONTENT==================*/
#bottomcontent {background-image: url("../img/bg_bottom.jpg"); background-repeat: repeat-x; background-position: bottom left; background-color: #371508; height: /*403px;*/221px;}
#bottomwrapper {background-image: url("../img/bg_woodbottom.jpg"); background-repeat: no-repeat; background-position: bottom center; width: 1280px; height: /*403px;*/221px; margin: 0 auto;}

/*==================FOOTER==================*/
#footer {width: 940px; margin: 140px 0 0 170px; position: absolute;}
#footer img#footlogo {float: right; width: 120px;}
#footer img#logos {float: right; margin-right: 10px; margin-top: -10px;}

#footerlinks {float: left; width: 360px; margin-top: 10px;}
#footerlinks ul {text-decoration: none; font-size: 11px;}
#footerlinks ul li {display: inline;}
#footerlinks ul li a {border-right: 1px dotted #242424; padding-right: 4px;}
#footerlinks ul li.last a {border-right: none;}
#footerlinks p {color: #242424; font-size: 11px; margin-bottom: 0;}

/*==================FORMS==================*/
.formlayout {display: block; border: 1px dashed #ccc; padding: 10px 20px 20px 20px; margin: 15px 0; float: left;}
.formlayout label {display: block; margin-top: 10px;}
.formlayout .submit {display: block; margin-top: 10px;}

.detaillisting {margin-left: 35px; font-size: 16px; line-height: 22px;}
/* .nodetaillisting {margin-left: 35px; font-size: 16px; line-height: 22px;} */



/*==================STARS==================*/
.starbox { width: 200px; height: 39px; background-color: #eee; float: right; position: relative; margin-left: 15px;}
.starvalue {height: 39px; background-color: #FCB040;}
.staroverlay {width: 200px; height: 39px; background: transparent url(../img/stars200x.png) no-repeat; position: absolute; top: 0; left: 0;}
.starrate {height: 100%; display: block; position: absolute; top: 0; left: 0;}
.starrate:hover {background: #9E1C20 url(../img/stars200x.png)}
.star1 {width: 20%;}
.star2 {width: 40%;}
.star3 {width: 60%;}
.star4 {width: 80%;}
.star5 {width: 100%;}

/*==================STARS OFF==================*/
.starbox {background-color: white;}
.starvalue {display: none;}

/*==================ADMIN==================*/
.cms {border: 1px solid #00284B; width: 100%;}
.cms th, .cms td {padding: 2px 5px; text-align: center; line-height: 18px;}
.cms th {background-color: #00284B; color: white; border-right: 1px solid white;}
.txtbtn {border: 1px solid #999; color: #999; background-color: #eee; padding: 0px 8px;}
.txtbtn {border: 1px solid #999; color: #999; background-color: #eee; padding: 0px 8px;}
.add {margin-bottom: 2px; display: block; float: right;}
.cms th.left, .cms td.left {text-align: left;}
.odd {background-color: #fff;}
.even {background-color: #eee;}

.form {width: 100%}
.form td {padding: 2px 8px;}
.form label {display: block;}
.form input {width: 100%}
.form input.check {width: 12px;}
.form input.submit {width: 100px; margin-top: 15px;}


div#navigations ul#nav li a {font: 18px/50px AUdimatBold; padding: 17px 0; font-family: 'AUdimatBold'; text-transform: uppercase; color: white;}
div#navigations ul#nav li a:hover {color: #FCB040; text-decoration: none;}


#blackout {display: block; position: fixed; top: 0; left: 0; width: 100%; height: 100%; background-color: black; opacity: .7; z-index: 9998;}
#confirm {display: block; position: absolute; top: 50px; left: 270px; font-size: 14px; line-height: 22px; color: white; background-color: #aa0000; width: 680px; padding: 30px; z-index: 9999;}
#confirm:hover {text-decoration: none;}
#confirm.confirmText {background-color: white; color: black;}

/*==================GOOGLE MAPS==================*/
#map_canvas { height: 600px; width: 686px; }