/******************* reset css ***************************/


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, font, img, ins, kbd, q, s, samp,
small, strike, 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;
}

tr {border: none;}
td {border: none;}
td {border: 0px;}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1.1;
	/*color: #fff;*/
	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;
	border: none;
	border: 0px;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/*****************************************************************/



body 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	text-align: left;
	color: #fff;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 80%;
    background: url("../images/body-bg.jpg") #dfc398 0px 0px repeat;
}

p 
{
	padding: 0px 0px 6px 0px;
	margin: 0px 0px 0px 0px;
	/*line-height: 130%;
	font-size: 12px;*/
}

p.small 
{
	font-size: 10px;
	margin: 5px 0px 5px 0px;
	line-height: 12px;
}

#content-bg p {color: #000;}

h1
{
    /*font-size: 170%;*/
    color: #fff;
    padding: 6px 0 0px 0;
    font-size: 26px;

}


h1.large
{
    font-size: 400%;
    color: #fff;
}

h2
{
    font-size: 150%;
    color: #555;
    padding: 6px 0 0px 0;
    font-weight: bold;
}

h3
{
    font-size: 130%;
    color: #611c19;
    padding: 6px 0 0px 0;
    font-weight: bold;
}

h4
{
    font-size: 120%;
    color: /*#333*/#fff;
    padding: 6px 0 0px 0;
    font-weight: bold;
}

h5
{
    font-size: 130%;
    color: #fff;
    padding: 4px 4px 4px 4px;
    font-weight: bold;
    margin: 10px 0 5px 0;
    /*background-color: #274c67;*/
}

tr, td
{
	border: none;
	border: 0px;
	/*font-size: 10px;*/
}

hr
{
color: #eee;
    background-color: #444;
    height: 1px;
}

img { border: 0;}

a 		{ text-decoration: none; color: #013394; }
a:link 		{ text-decoration: none; color: #6382be/*#013394*/; }
a:visited 	{ text-decoration: none; color: #6382be; }
a:hover 	{ text-decoration: underline; color: #6382be; }
a:active 	{ text-decoration: none; color: #013394; }

a.back {
    float: right;
    font-weight: bold;
}
a.back:hover {
    text-decoration: none;
}


/********************* main layout items **************************/


.clear { clear:both; }
.no-text { line-height: 0px; font-size: 0px; }

div#header 
{
    height: 102px;
    padding-top: 40px;
    background-color: #000;
    /*background: url("../images/header-bg.jpg") #133b5a repeat-x;*/
}

div#header-inner 
{
	padding: 0px 0px 0px 0px;
	margin: 0px auto;
	width: 930px;
	height: 85px;
    /*background: url("../images/header-title.png") no-repeat;*/
}

div.beers {width: 150px; float: right; height: 85px;}

div#header-inner h1
{
	/*text-indent: -3000px;*/
	 font-family: /*helvetica,georgia,garamond,serif*/ Arial, sans-serif;
	font-size: 46px;
	padding: 30px 0px 0px 30px;
	color: #fff;
	font-weight: normal;
	width: 400px;
	float: left;
}

div#nav-outer 
{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
    height: 34px;
    background: url("../images/nav-bg.gif") repeat-x;
}

div#nav-div 
{
	margin: 0px auto;
	width: 950px;
    height: 34px;
}

div#main 
{
	margin: 0px auto;
	width: 950px;
}

div#main-left 
{
    padding: 13px 0 0 0;
	margin: 0px;
	/*width: 217px;*/
	width: 189px;
	float:left;
}

a.left-button
{
    margin-top: 11px;
    display:block;
    width:189px;
    height:63px;
}

a.mustard
{
    background: url("../images/left-btn-mustard.png") 0 0 no-repeat;
}

a.cot-sh
{
    background: url("../images/left-btn-cottage-salthill.png") 0 0 no-repeat;
}

a.oslo
{
    background: url("../images/left-btn-cottage-moy.png") 0 0 no-repeat;
}

a.salthouse
{
    background: url("../images/left-btn-salthouse.png") 0 0 no-repeat;
}

a.mustard:hover, a.mustard-selected
{
    background: url("../images/left-btn-mustard.png") 0 -63px no-repeat;
    cursor: pointer;
}

a.cot-sh:hover, a.cot-sh-selected
{
    background: url("../images/left-btn-cottage-salthill.png") 0 -64px no-repeat;
}

a.oslo:hover, a.oslo-selected
{
    background: url("../images/left-btn-cottage-moy.png") 0 -64px no-repeat;
}

a.salthouse:hover, a.salthouse-selected
{
    background: url("../images/left-btn-salthouse.png") 0 -63px no-repeat;
}

div#main-right 
{
    padding: 21px 0 0 0;
	margin: 0px auto;
	width: 733px;
	float:right;
	/*border: 1px solid blue;*/
}

div#main-right p {font-size: 12px; padding: 0px; margin: 0; line-height: 135%;}


/*************events scroller***************/



div#home-events 
{
	margin: 23px 0 15px 0;
	padding: 36px 10px 0 10px;
	width: 168px;
	height: 215px;
    color: #ffffff;
    background: url("../images/events-bg.png") no-repeat;
}

#news-articles-home div.news-item
{
    padding-bottom: 14px;
    left: 0px;
    position:absolute;
    z-index:1;
}

#news-articles-home div.news-item h2
{
    color: #ffffff;
    padding: 0px 0 2px 0;
    margin: 0;
    font-size: 100%;
    font-weight: bold;
}

#news-articles-home 
{
    width: 165px;
    height: 200px;
    padding: 0px;
    margin: 0px 0px 0px 0px;
    font-size: 11px;
    /*background-color: #333;*/
}

#news-articles-home a 
{
    color:#fff;
    text-decoration:none;
}

#news-articles-home a:hover, #news-articles-home a:hover h2
{
    color:#ccc;
    text-decoration:none;
}

#scrollDiv
{
     position:relative;
     visibility:visible;
     overflow:hidden;
     z-index:1;
     height:200px;
}


/********************************/


div#flash-panel
{
    width: 733px;
    height: 281px;
    margin: 6px 0 8px 0;
    padding: 3px 0px 0px 3px;
    background: url("../images/flash-panel-bg.png") no-repeat;
}

div#home-panel
{
    width: 712px;
    height: 356px;
    margin: 6px 0 0px 0;
    padding: 3px 0px 0px 3px;
    /*background: url("../images/home1.png") no-repeat;*/
}

div#home-text-left
{
    float: left;
    width: 459px;
}

div#home-text-main
{
 width: 708px;   
    
}

div#home-subscribe
{
    width: 712px;
	height: 109px;
	margin: 12px 0 0 0;
	padding: 0px; 
    background: url("../images/background_sub.png") no-repeat;
}

div#home-subscribe-left
{
	float: left;
    width: 510px;
	height: 108px;
	margin: 0px 0px 0px 0px;
}

div#home-subscribe-text	
{
    width: 510px;
	height: 100px;
	margin: 2px 0px 0px 12px;

}

div#home-subscribe-text1	
{
	float: left;
    width: 170px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
}

div#home-subscribe-text2	
{
    float: left;
	width: 170px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
}

div#home-subscribe-text3	
{
    float: left;
	width: 170px;
	height: 50px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
}


div#home-subscribe-right
{
    float: left;
	width: 200px;
	height: 108px;
	margin: 0px 0px 0px 0px;
	font-size: 11px;
}

div#home-subscribe-text4	
{
    float: left;
	width: 170px;
	height: 100px;
	margin: 0px 0px 0px 12px;
	font-size: 11px;
}

div.home-button-large
{
    width: 459px;
    height: 89px;
    margin-top: 16px;
}

div#home-text-right
{
    float: right;
    width: 249px;
    height: 200px;
    margin-top: 8px;
}
/*
div#home-text-right p
{
    margin: 0;
    padding: 0;
}
*/

/************** location page elements **********/

a.info-button
{
    float: left;
    margin-left: 24px;
    margin-top: 19px;
    margin-bottom: 24px;
}

#location-content-mustard
{
    float: left;
    width: 420px;
    font-size: 85%;
}

#location-content-cottage
{
    float: left;
    width: 420px;
    font-size: 85%;
}

#location-content-salthouse
{
    float: left;
    width: 510px;
    font-size: 85%;
}

#location-logo
{
    float: right;
    font-size: 85%;
    /*width: 270px;*/
}

p.location-contact
{
    font-size: 140%;
    line-height: 140%;
    font-weight: bold;
}
p.location-sub
{
    font-size: 120%;
    line-height: 120%;
    font-weight: bold;
}


img.thumb
{
    border: 1px solid #555;
}

a.gallery-thumb
{
    margin-left: 19px;
    margin-bottom: 19px;
    display:block;
    float: left;
}

a.gallery-thumb-first
{
    margin-left: 0px;
}




/************************/



div.function-room
{
    width: 355px;
    /*background-color: #333;*/
    margin: 15px 0px 15px 0px;
    float: left;
    
}
div.function-room ul, ul.function-desc 
{
    list-style: disc;
    
	margin-left: 20px;
	padding: 0px 0px 8px 0px;
}
div.function-room li
{
    
}

/************* footer *****************/

div#footer a {
    font-size: 80%;
}
div#footer a:hover {
    text-decoration: none;
    color: #013394;
}