/**********************************************\
	Eric Meyer's Global 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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}

/**********************************************\
	CLEAR FIX COURTESY OF: http://www.positioniseverything.net/easyclearing.html
\**********************************************/

/* // clearing floats without adding symantec mark up to your source
CLEAR FIX COURTESY OF: http://www.positioniseverything.net/easyclearing.html
Please refer to the tutorial it will save you many hours of painful testing
and float related issues. -------------------               */

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}
.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

/**********************************************\
	BASE STYLES: Layout
\**********************************************/

html {
	height:100%;
	}

body {
	background:#000;
	text-align:center;
	font-family:arial, lucida sans, myriad, verdana, trebuchet, sans-serif;
	font-size:12px;
	color:#000000;
	height:100%;
	}

body#body_splash {
	background:#f0f0f0;
	height:auto;
	}

body#body_home {
	background:#f0f0f0 url('../img/bg_body_home.gif') center top repeat-y;
	}

body#body_home #wrapper {
	background:none;
	width:942px;
	text-align:left;
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 auto -28px auto; /* the bottom margin is the negative value of the footer's height */
	padding:0 0 0 0;
	}


#wrapper {
	background:#f0f0f0 url('../img/bg_body.gif') center top repeat-y;
	width:100%;
	text-align:left;
	margin: 0 auto;
	padding:0 0 0 0;
	}


/**********************************************\
	BASE STYLES: Typography
\**********************************************/

a, a:link, a:visited {
	color:#8e8d8d !important;
	}

a:hover {
	text-decoration:underline !important;
	color:#92721F;
	}

h1 {
	}

h2 {
	margin:-20px 0 0 0;
	padding:0;
	}

h3.gold {
	width:300px !Important;
	display:inline !Important;
	}

h4 {

	}

h5 {
	}

h6 {
	}

p {
	line-height:16px;
	margin:0 0 10px 0;
	}

.bold {
	font-weight:bold;
	}

.italic {
	font-style:italic;
	}

.allcaps {
	text-transform:uppercase;
	}

.grey {
	color:#858585;
	}

.gold {
	color:#92721f;
	}

.small {
	font-size:10px;
	}

/**********************************************\
	BASE STYLES: Buttons
\**********************************************/

.btn_available {
	position:absolute;
	display:block;
	height:28px;
	width:160px;
	margin:357px 0 0 675px;
	text-indent:-9999px;
	}

.btn_send {
	display:block;
	background:transparent url('../img/btn_send.jpg') left top no-repeat;
	height:40px;
	width:96px !important;
	text-indent:-99999px;
	margin:10px 0 0 220px !important;
	border:0;
	cursor:pointer;
	}

.btn_send:hover {
	background:transparent url('../img/btn_send.jpg') left -44px no-repeat;
	}

.btn_enter {
	display:block;
	position:absolute;
	background:transparent url('../img/btn_enter.jpg') left top no-repeat;
	height:34px;
	width:144px;
	text-indent:-99999px;
	margin:70px 0 0 150px;
	}

.btn_enter:hover {
	background:transparent url('../img/btn_enter.jpg') left top no-repeat;
	}

/**********************************************\
	BASE STYLES: Images
\**********************************************/

img {
	margin-bottom:10px;
	}

img.img_right {
	float:right;
	margin-right:-10px;
	}

/**********************************************\
	BASE STYLES: Lists
\**********************************************/

ol {
	list-style:decimal;
	margin:5px 20px 10px 20px;
	line-height:16px;
	}

ol li {
	padding:3px 0;

	}

ul {
	margin:5px 0 10px 0;
	line-height:16px;
	}

ul li {
	padding:3px 0;

	}

/**********************************************\
	BASE STYLES: Forms
\**********************************************/

form#form_contact fieldset {
	width: 320px;
	}

form#form_contact label {
	width: 110px;
	height:20px;
    float: left;
    margin:0 0 10px 0;
	padding:0;
    display: block;
	text-align: right;
    }

form#form_contact input {
	margin:0 0 15px 0;
	width:200px;
	}

form#form_contact textarea {
	width:200px;
	height:200px;
	}

/**********************************************\
	BASE STYLES: Classes
\**********************************************/

.showcase .content_wrapper {
	height:750px;
	}

.last {
	margin-right:0 !important;
	}

.push {
	height:28px;
	}

.line {
	height:1px;
	width:100%;
	border-bottom:1px solid #ccc;
	margin:0 0 15px 0;
	}

.aboutlink {
	margin-right:13px !important;
	}

/**********************************************\
	HEADER STYLES: Navigation
\**********************************************/

#navigation h1 a {
	position:absolute;
	display:block;
	background:transparent url('../img/logo_sleeman.png') left top no-repeat;
	width:114px;
	height:77px;
	margin:0 0 0 -55px;
	left:50%;
	top:10px;
	z-index:99999 !important;
	text-indent:-9999px;
	}

#navigation {
  	position: absolute;
	height: auto;
	width:100%;
	left:0;
	overflow: visible;
	}

#navigation div {
  	position: absolute;
	height:55px;
  	z-index:0;
	background:#000;
	left:0;
}

#navigation div.sub_nav-wrapper {
  width: 941px;
  height: 55px;
  z-index:99999 !important;
  position:relative;
}

#navigation div.sub_nav {
  width: 100%;
  height: auto;
  background:transparent;
  margin:0 auto;
  z-index:99999 !important;
  position:relative;

}

#navigation div.navigation {
  	width: 100%;
	background:#000 url('../img/bg_header.gif') left bottom repeat-x;
  	margin:-40px auto 0 auto;
	height:100px;
	position:absolute;
	z-index:1 !important;
}


ul#nav_main {
	width:941px;
	height:auto;
	min-height:62px;
	margin:0 auto;

	}

ul#nav_main li {
	background:#000 url('../img/nav/nav_divider.gif') left 24px no-repeat;
	float:left;
	}

ul#nav_main a {
	display:block;
	float:left;
	height:12px;
	text-indent:-9999px;
	margin:20px 32px 0 32px;
	}

a#link_home {
	background:#000 url('../img/nav/nav_home.gif') left top no-repeat;
	width:38px;
	}

a#link_home:hover {
	background:#000 url('../img/nav/nav_home.gif') left -24px no-repeat;
	}

a#link_history {
	background:#000 url('../img/nav/nav_history.gif') left top no-repeat;
	width:94px;
	}

a#link_history:hover {
	background:#000 url('../img/nav/nav_history.gif') left -24px no-repeat;
	}

a#link_beers {
	background:#000 url('../img/nav/nav_beers.gif') left top no-repeat;
	width:79px;
	margin-right:150px !important;
	}

a#link_beers:hover {
	background:#000 url('../img/nav/nav_beers.gif') left -24px no-repeat;
	}

a#link_barspubs {
	background:#000 url('../img/nav/nav_barspubs.gif') left top no-repeat;
	width:94px;
	}

a#link_barspubs:hover {24px no-repeat;
	}

a#link_events {
	background:#000 url('../img/nav/nav_events.gif') left top no-repeat;
	width:53px;
	}

a#link_events:hover {
	background:#000 url('../img/nav/nav_events.gif') left -24px no-repeat;
	}

a#link_about {
	background:#000 url('../img/nav/nav_about.gif') left top no-repeat;
	width:71px;
	margin-right:25px !important;
	}

a#link_about:hover {
	background:#000 url('../img/nav/nav_about.gif') left -24px no-repeat;
	}

ul.nav_sub {
	float:left !important;
	text-align:left;
	width:auto;
	text-transform:uppercase;
	margin:0 57px 0 0;
	}
ul.nav_sub.last {
	width: 130px;
	margin-left: -9px;
	margin-right: 10px;
	padding-right: 4px;
	float:right !important;

}
ul.nav_sub a {
	display:inline;
	font-size:10px;
	color:#92721f !important;
	text-decoration:none;
	}

ul.nav_sub a:hover {
	color:#fff !important;
	text-decoration:none !important;
	}

ul.nav_sub li {
	padding:0;
	margin:0;
	}


ul#nav_history {
	margin-left:154px;
	}

ul#nav_beers {
	margin-right:160px;
	}

ul#nav_barspubs {
	margin-right:40px;
	}

ul#nav_events {
	margin-right:18px;
	}

/**********************************************\
	HEADER STYLES: Mastheads
\**********************************************/

body#body_tour #masthead, body#body_contact #masthead {
	background:transparent url('../img/mastheads/mast_coppervats.jpg') left top no-repeat;
	height:171px;
	width:940px;
	}

body#body_events #masthead {
	background:transparent url('../img/mastheads/mast_events.jpg') left top no-repeat;
	height:115px;
	width:939px;
	}

body#body_eventgallery #masthead {
	background:transparent url('../img/mastheads/mast_eventgallery.jpg') left top no-repeat;
	height:171px;
	width:939px;
	}

body#body_history #masthead {
	background:transparent url('../img/mastheads/mast_history.jpg') left top no-repeat;
	height:171px;
	width:939px;
	}

body#body_beers #masthead {
	background:transparent url('../img/mastheads/mast_beers.jpg') left top no-repeat;
	height:171px;
	width:939px;
	}

/**********************************************\
	CONTENT STYLES: Splash Page
\**********************************************/

#form_splash {
	background:transparent url('../img/bg_splash.jpg') left top no-repeat;
	height:401px;
	width:800px;
	margin:60px auto 0 auto;
	text-align:left;
	}

#form_splash form {
	margin:265px 0 0 120px;
	float:left;
	position: relative;
	}

#language_splash {
    top: 15px;
	left: 40px;
	float: left;
	position: relative;
	text-align:left;
}



/**********************************************\
	CONTENT STYLES: Wrapper
\**********************************************/

.content_wrapper {
	padding:55px 0 0 0;
	margin:0 auto 4px auto;
	width:939px;
	}

#flashcontent {
	margin:5px 0 0 -1px;
	}

#alternate_content {
	border: solid 1px #92721f;
	height: 340px;
	background: #ccc;
	}

#alternate_dialog {
	font-family: Georgia,serif;
	text-align: center;
	border: solid 1px #92721f;
	width: 941px;
	height: 340px;
	background: #f0f0f0;
	}

#alternate_dialog p.top_line {
	font-size: 2.0em;
	line-height: 1em;
	font-variant: small-caps;
	color: #555;
	}

#alternate_dialog p.bottom_line {
	font-size: 1.2em;
	}

#alternate_dialog input {
	font-variant: small-caps;
	color: white;
	background: #a00;
	border: 1px solid #92721f;
	font-family: Georgia,serif;
	font-size: 1.0em;
	width: 100px;
	padding: 0.5em;
	}

body.thin_thick .content_wrapper {
	background:#fff url('../img/bg_content_thin_thick.gif') left bottom repeat-y;
	}

body.thick_thin .content_wrapper {
	background:#fff url('../img/bg_content_thick_thin.gif') left bottom repeat-y;
	}

body.thicker_thinner .content_wrapper {
	background:#fff url('../img/bg_content_thicker_thinner.gif') left top repeat-y;
	}

body.thinner_thicker .content_wrapper {
	background:#fff url('../img/bg_content_thinner_thicker.gif') left top repeat-y;
	}

/**********************************************\
	CONTENT STYLES: Content Modules
\**********************************************/

.content {
	background:transparent;
	padding:20px;
	}

.full_top {
	background:transparent url('../img/bg_content_thicker_thinner_top.gif') left top no-repeat;
	width:939px;
	height:9px;
	border-top:3px solid #fff;
	}

.full_btm {
	background:transparent url('../img/bg_content_thicker_thinner_btm.gif') left bottom no-repeat;
	width:939px;
	height:9px;
	}

body.thinner_thicker .full_top {
	background:transparent url('../img/bg_content_thinner_thicker_top.gif') left top no-repeat;
	width:939px;
	height:9px;
	border-top:3px solid #fff;
	}

body.thinner_thicker .full_btm {
	background:#fff url('../img/bg_content_thinner_thicker_btm.gif') left top no-repeat;
	width:939px;
	height:9px;
	}

.thick_top {
	background:transparent url('../img/bg_thicker_top.gif') left top no-repeat;
	width:686px;
	height:9px;
	}

.thick_btm {
	background:#fff url('../img/bg_thicker_btm.gif') left top no-repeat;
	width:686px;
	height:9px;
	border-bottom:3px solid #fff;
	}

/**********************************************\
	CONTENT STYLES: Left Column
\**********************************************/

body.thin_thick #content_left {
	float:left;
	width:320px;
	margin:-40px 0 0 -1px;
	background:transparent url('../img/bg_top_left.gif') 1px top no-repeat;
	}

body.thick_thin #content_left {
	float:left;
	width:552px;
	margin:0 0 0 -1px;
	border-top:2px solid #fff;
	background:transparent url('../img/bg_top_right.gif') 1px -1px no-repeat;
	}

body.thicker_thinner #content_left {
	float:left;
	width:686px;
	background:transparent;
	}

body.thicker_thinner #content_left .content {
	padding:10px 20px 0 20px;
	}


body.thinner_thicker #content_left {
	float:left;
	width:246px;
	background:transparent;
	}

body.thinner_thicker #content_left .content {
	padding:20px 20px 0 20px;
	}

body#body_contact #contact_left {
	margin:-40px 0 0 -1px !important;
	}

/**********************************************\
	CONTENT STYLES: Right Column
\**********************************************/

body.thin_thick #content_right {
	margin:0 0 0 357px;
	background:transparent url('../img/bg_top_right.gif') 1px top no-repeat;
	border-top:3px solid #fff;
	}

body.thick_thin #content_right {
	margin:0 0 0 584px;
	background:transparent url('../img/bg_top_left.gif') 1px -1px no-repeat;
	}

body.thicker_thinner #content_right {
	margin:0 0 0 689px;

	}

body.thinner_thicker #content_right {
	margin:0 0 0 233px;
	padding-top:0;
	}

body.thinner_thicker #content_right .content {
	padding-top:10px;
	}
/**********************************************\
	CONTENT STYLES: Badge Row
\**********************************************/

body#body_home .badge_row {
	border-bottom:1px solid #dedcdc;
	border-top:0;
	background:#fff;
	padding:3px 0;
	width:938px;
	margin-left:-1px;
	}

.badge_row {
	border-top:1px solid #fff;
	margin:0 auto;
	width:938px;
	background:#fff;
	}

.badge a {
	float:left;
	display:block;
	height:129px;
	text-indent:-99999px;
	}

#badge1 a {
	background:transparent url('../img/bdg_pour.jpg') left top no-repeat;
	width:239px;
	}

#badge1 a:hover {
	background:transparent url('../img/bdg_pour.jpg') left -134px no-repeat;
	}

#badge2 a {
	background:transparent url('../img/bdg_history.jpg') left top no-repeat;
	width:230px;
	}

#badge2 a:hover {
	background:transparent url('../img/bdg_history.jpg') left -134px no-repeat;
	}

#badge3 a {
	background:transparent url('../img/bdg_tour.jpg') left top no-repeat;
	width:231px;
	}

#badge3 a:hover {
	background:transparent url('../img/bdg_tour.jpg') left -134px no-repeat;
	}

#badge4 a form {
	text-indent:0;
	}

body#body_home a form input {
	top:67px;
	left:40px;
	}

#badge4 a form input {
	top:50px;
	left:40px;
	position:relative;
	height:13px;
	width:140px;
	font-size:11px;
	color:#767676;
	border:0;
	background:transparent;
	cursor:text;
	}

#badge4 a {
	background:transparent url('../img/bdg_events.jpg') left top no-repeat;
	width:238px;
	}

#badge4 a:hover {
	background:transparent url('../img/bdg_events.jpg') left -134px no-repeat;
	text-decoration:none !important;
	}

input#news_submit {
	border:1px solid red;
	text-indent:-9999px;
	width:32px !important;
	outline:none !important;
	cursor:pointer !Important;
	margin:0 0 0 10px;
	}

/**********************************************\
	FOOTER STYLES: Layout
\**********************************************/

#footer {

	background:#000 url('../img/bg_footer.gif') left top repeat-x;
	height:28px;
	font-size:10px;
	z-index:9999;
	}

#footer ul {
	width:941px;
	margin:0 auto;
	padding-top:10px;
	color:#fff;
	}

#footer ul li {
	display:inline;
	float:left;
	padding:0 5px;
	}

#footer ul li a {
	color:#fff !important;
	text-decoration:none;
	text-transform:uppercase;
	}
	
.footer_lastli {
	padding-right:255px;
	}





/**********************************************\
	STYLES: Select Replacement
\**********************************************/

select {
	display: block;
    width: 178px;
    }

select.replaced {
	display: none;
    }

#select_month ul.selectReplacement {
    background: transparent url('../img/drop_month.jpg') left top no-repeat;
    padding: 0 0 0 0;
	margin-right:20px;
    width: 128px;
	float:left;
	}

#select_month ul.selectReplacement li {
	width:105px;
	}

#select_day input {
	width:27px;
	float:left;
		margin-right:20px;

	}

#select_day ul.selectReplacement {
	background: transparent url('../img/drop_day.jpg') left top no-repeat;
    padding: 0 0 0 0;
	margin-right:20px;
    width: 98px;
	float:left;
    }

#select_day ul.selectReplacement li {
	width:75px;
	}

#select_year input {
	width:35px;
	float:left;
		margin-right:20px;

	}

#select_year ul.selectReplacement {
	background: transparent url('../img/drop_year.jpg') left top no-repeat;
    padding: 0 0 0 0;
	margin-right:20px;
    width: 98px;
	float:left;
    }

#select_year ul.selectReplacement li {
	width:75px;
	}


ul.selectReplacement {
	background: transparent url('../img/bg_select.gif') left top no-repeat;
    margin: 0 0 0 0;
    padding: 2px 0 0 0;
    height: 25px;
    width: 178px;
	position:relative;
	z-index:99999;
	float:left;
    }

ul.selectReplacement li {
	background: #fff;
    color: #767676;
    cursor: pointer;
    display: none;
    font-size: 11px;
    line-height: 1.7em;
    list-style: none;
    margin: 0;
    padding: 1px 12px;
    width: 154px;
    }


ul.selectOpen li {
	display: block;
    }

ul.selectReplacement li.selected {
	background:transparent;
    display: block;
	border:none;
    }

ul.selectOpen li.selected {
	background: #fff;
    display: block;
    }

ul.selectOpen li:hover,
ul.selectOpen li.hover,
ul.selectOpen li.selected:hover {
	background: #fff;
    color: #9e0000;
    }