/*
The Ship & Mitre Main stylesheet
Created by Andrew Holland
www.x-72.com
*/


/*------ undo HTML ------*/

ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input

{
	margin: 0;
	padding: 0;
}

:link,:visited {
	text-decoration: none;
}

ul,ol {
	list-style: none;
}

h1,h2,h3,h4,h5,h6,pre,code {
	font-size: 1em;
}

a img,:link img,:visited img {
	border: none;
}

address {
	font-style: normal;
}

/*------ basic ------*/

html {
	background-image: url(../images/bg.jpg);
}

body {
	text-align: center;
	font-family: calibri,verdana,sans-serif;
	color: #ffffff;
	font-size: 14px;
	line-height: 20px;
	background: url(../images/bg.gif) repeat-y center;
}

html, body, #wrap {height: 100%;}

body > #wrap {height: auto; min-height: 100%;}

/* CLEAR FIX */
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*------ layout ------*/

div#container {
	text-align: left;
	width: 960px;
	margin: 0 auto 50px auto;
	background: url(../images/bg.gif) repeat-y center;
}

div#branding {
	height: 150px;
	background: url(../images/branding.jpg) no-repeat right;
	margin: 0 10px 0 0;
	position: relative;
}

div#content {
	width: 940px;
	margin: 0 0 0 10px;
}

div#content_main {
	width: 620px;
	float: left;
	margin: 0 20px 0 0;
}

div#content_secondary {
	float: left;
	width: 300px;
}

div#beer1 {
	width: 300px;
	float: left;
	margin: 0 10px 0 10px;
}

div#beer2 {
	width: 300px;
	float: left;
	margin: 0 0 0 0;
}

div#malts1 {
	width: 300px;
	float: left;
	margin: 0 10px 0 10px;
}

div#malts2 {
	width: 300px;
	float: left;
	margin: 0 0 0 0;;
}

div.clear {
	clear: both;
}


div#footer {
	position: relative;
	clear: both;
	margin: -60px auto 0 auto;
	height: 60px;
	width: 960px;
	text-align: left;
	background: url(../images/bg.gif) repeat-y center;
}

/*------ navigation ------*/
div#navigation_main {
	height: 50px;
	width: 940px;
}

div#navigation_main ul {
	text-align: left;
	margin-left: 20px;
}

div#navigation_main ul li {
	float: left;
}

div#navigation_main {
	height: 50px;
}

div#navigation_main ul li a {
	margin-right: 20px;
}

/*------ links ------*/
a {
	color: #ebad32;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

a:visited, a:hover {
	color: #e6dd28;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
}

div#navigation_main ul li a {
	color: #ebad32;
	border-bottom-style: none;
}

div#navigation_main ul li a:hover {
	color: #e6dd28;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

div#navigation_main ul li a.active {
	color: #c3272a;
	border-bottom-style: solid;
	border-bottom-width: 2px;
}

/*------ typography ------*/
#logo {
	background: url(../images/logo.gif) no-repeat;
	position: absolute;
	top: 10px;
	left: 20px;
	width: 148px;
	height: 95px;
	text-indent: -9000px;
}

h2 {
	font-family: cambria;
	font-size: 16px;
	padding: 0 0 18px 10px;
	font-weight: normal;
}

div#content_main h3 {
	font-family: cambria;
	font-size: 16px;
	padding: 0 0 18px 10px;
	font-weight: normal;
	font-style: italic;
	color: #c3272a;
}

div#content_secondary h3 {
	font-family: cambria;
	font-size: 16px;
	padding: 0 0 18px 0;
	font-weight: normal;
}

div#content_main h4 {
	padding: 0 0 18px 10px;
}

p {
	padding: 0 0 18px 0;
}

div#content_main p {
	padding: 0 0 18px 10px;
}

div#footer p {
	padding: 0 0 0 20px;
}

div#beer1 dl {
	padding: 0 0 18px 0;
}

div#beer1 dt strong {
	font-family: cambria;
	font-size: 16px;
	padding: 0;
	font-weight: normal;
	font-style: italic;
	color: #c3272a;
}

div#beer2 dl {
	padding: 0 0 18px 0;
}

div#beer2 dt {
	color: #c3272a;
}

div#german_offer h3 {
	padding: 0 0 18px 0;
}

div#german_offer h4 {
	font-size: 14px;
	color: #2c65c4;
}

div#german_offer p {
	font-size: 14px;
	padding: 0;
}

div#belgian_offer h3 {
	padding: 0 0 18px 0;
}

div#belgian_offer h4 {
	font-size: 14px;
	color: #2c65c4;
}

div#belgian_offer p {
	font-size: 14px;
	padding: 0;
}

div#beer2 .fine_print {
	font-size: 10px;
	padding: 0 0 18px 0;
}

div#beer2 h3 {
	padding: 0;
}

div#beer2 dd.fine_print {
	padding: 0;
}

div#malts_offer h3 {
	padding: 0 0 18px 0;
}

div#malts_offer h4 {
	font-size: 14px;
	padding: 0 10px 0 0;
	color: #2c65c4;
}

div#malts_offer p {
	padding: 0 0 18px 0;
}

div#malts_offer p.fine_print {
	font-size: 10px;
}

div#content_secondary ul li strong {
	color: #c3272a;
}

div#content_secondary ul {
	padding: 0 0 18px 0;
}

dl.yearly, dl.weekly {
	margin: 0 0 18px 10px;
}

dl.yearly dt, dl.weekly dt {
	color: #c3272a;
}

dl.yearly dd.last, dl.weekly dd.last {
	margin: 0 0 18px 0;
}

ul.festival_list {
	padding: 0 0 18px 10px;
}

/*------ table ------*/

th {
	color: #2c65c4;
	letter-spacing: 2px;
	text-transform: uppercase;
	text-align: left;
	padding: 6px 6px 6px 10px;
}

td {
	padding: 6px 6px 6px 10px;
	color: #ffffff;
}

/*------ images ------*/

ul.room_thumbs {
	float: left;
	margin: 0 0 18px 10px;
	display: block;
}

ul.room_thumbs li {
	float: left;
	margin-right: 5px;
	display: inline;
}

ul.room_thumbs li.last {
	margin-right: 0;
}

ul.room_thumbs li a {
	border: none;
}

/*------ slimbox ------*/

#lbOverlay {
	position: absolute;
	left: 0;
	width: 100%;
	background-color: #000;
	cursor: pointer;
}

#lbCenter, #lbBottomContainer {
	position: absolute;
	left: 50%;
	overflow: hidden;
	background-color: #fff;
}

.lbLoading {
	background: #fff url(loading.gif) no-repeat center;
}

#lbImage {
	border: 10px solid #fff;
}

#lbPrevLink, #lbNextLink {
	display: block;
	position: absolute;
	top: 0;
	width: 50%;
	outline: none;
}

#lbPrevLink {
	left: 0;
}

#lbPrevLink:hover {
	background: transparent url(prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
	right: 0;
}

#lbNextLink:hover {
	background: transparent url(nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
	font-family: Verdana, Helvetica, sans-serif;
	font-size: 10px;
	color: #666;
	line-height: 1.4em;
	text-align: left;
	border: 10px solid #fff;
	border-top-style: none;
}

#lbCloseLink {
	display: block;
	float: right;
	width: 66px;
	height: 22px;
	background: transparent url(closelabel.gif) no-repeat center;
	margin: 5px 0;
}

#lbCaption, #lbNumber {
	margin-right: 71px;
}

#lbCaption {
	font-weight: bold;
}