html, body {
	margin: 0;
	text-align:left;
}

/*----- text style -----*/
body {
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#222;
	background:url(../images/template_images/background1.jpg) center top no-repeat #341b17 fixed;
	font-style: normal;
	
}

h1, h2, h3, h4, h5, h6 {font-weight:normal;}
h1 {font-size:3em;line-height:1;margin-bottom:0.5em; color:#960}
h2 {font-size:1.5em;margin-bottom:0.75em;
padding-bottom:3px;
	border-bottom:1px solid #BCBCBC; 
	margin:0px 0 20px 0; 
	}

h3 {font-size:1.5em;line-height:1;margin-bottom:0.25em;}
h4 {font-size:1.2em;line-height:1.25;margin-bottom:.25em;}
h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}
h6 {font-size:1em;font-weight:bold;}


a { color:#C60; text-decoration:none }

a:hover {text-decoration:underline }

ul { margin:0 0 0 10px }

li { list-style-type:disc }

.content-right table {margin-bottom:25px }



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


#header {
	margin:0;
	height:371px;
	width:772px;
	text-align:center;
	margin:0 auto;

}

#header ul
{ 	padding:0 0 0 0;
	list-style: none;
	margin: 0 auto;
}

#header li
{
list-style: none;
float: left;
margin:0 0 0 0;

}

#header img {border:0; margin:0 } 

#menu {
width:772px;
margin:0 auto;
background-image:url(../images/template_images/nav_off_middle.png); background-repeat:repeat-x;
}

#banner {
	margin:0;
	text-align:center;
	background: no-repeat center;
	border-top: 1px solid #555;
	width:772px;
	margin:0 auto;
}

#wrapper {
	width:772px;
	margin:0 auto;
	text-align:left;  background:#ffffff;
}


#content-top {
	margin:0;
	padding:0;
	text-align:center;
	letter-spacing:2px;
	font-weight:normal;
	width: 768px;
}


#content-top h1 { 
	font-size:18px;
	padding:0;
	margin:0;	
	}




#content {
	width:772px;
	margin:0 auto;
	padding:18px 0;
	border-top:0;
	float:left;
	line-height:20px; margin:auto;
	background-color:#ebe3cc;
}


#contentRed {
	width:772px;
	margin:0 auto;
	padding:18px 0;
	border-top:0;
	float:left;
	line-height:20px; margin:auto;
	background-color:#ebe3cc;
	background-repeat:repeat-y;
}

.sectionDiv {
	width:100%;
	margin:0 0 10px 0; 
	padding: 5px 0 0px 0;
	border-bottom:1px solid #BCBCBC;
	border-top:0; float:left
}


.last {
	border-bottom:0;
}


.contactDivider
{
	 border-bottom:none; margin:20px 0 0 0; padding:0 }


.events {background:url(../images/template_images/events_background.png) top no-repeat; border-bottom:none; margin:0 0 10px 0}


.first {
	border-top:none;
}


.eventHead {
	color:#fff;
	border: 1px solid #c0c0c0;
	padding: 10px 0;
	/*background:#5e4b21;*/
	
	text-align:center;
	margin-bottom:10px;
	background-color: #42322E;
	background-image: url(../Images/template_images/heading_back2.jpg);
	background-repeat: repeat-x;
	background-position: center top;
}


.eventHead h3 {font-size:20px; }

.eventHead h4 {color:#d62b50; font-size:14px; padding:5px 0 0 0;  }

.subEvents {background:url(../images/template_images/sub_events_background.png) top no-repeat; border-top:1px solid #c0c0c0; border-bottom:none; margin-bottom:0; padding:9px 0 0 0  }


#headwrap {
	
}


#content:after { 
  content: "."; 
  clear: both; 
  display: block; 
  visibility: hidden; 
  height: 0; 
}

#content-top h1 {
	margin:0;
	padding:0;
	

}

.content-left {
	padding:4px 0 0 30px;
	float:left;
	width:335px;
	text-align:left;
	float:left;
}

.content-leftEvents {
	padding:0 0 0 30px;
	float:left;
	width:490px;
	text-align:left;
	float:left;
}

.content-leftEventsSub {
	padding:0 0 0 60px;
	float:left;
	width:460px;
	text-align:left;
	float:left;
}

.content-leftEvents img {border:1px solid #666}

.content-left table {margin-bottom:25px }

.content-left table td {padding:0 10px 0 0  }

.content-right {
	margin:0 30px 0 0;
	float:right;
	width:350px;
	padding:4px 0 0 0; text-align:left
}

.content-rightEvents {
	margin:0 30px 0 0;
	float:right;
	width:200px;
	padding:0 0 0 0;
}

.content-rightEvents H2 {
	color:#4b3114;
	padding:0 0 0px 0;
	text-align:left;
	font-size: 20px;
	margin-bottom:10px;
	font-variant: small-caps;
	border-bottom:none;
	font-weight:bold;
}

.content-right img  {
	border:1px solid #BCBCBC
}

#facebook {margin:20px 0 0 0  }

#facebook img {border:none; }


#slide-images{
	position:relative;
	display:block;
	margin:0px auto;
	padding:0px;
	width:772px;
	height:235px;
	overflow:hidden;
}

#slide-images li{
	display:block;
	list-style-type:none;
	margin:0px;
	padding:0px;
	background-color:#FFF;
}

#slide-images li img{
	display:block;
	background-color:#FFF;
}




.whatTable {
	color:#fff;  
	padding:8px 0 ;  
	background:#060;
	background-image:url(../images/template_images/bar.png);
	text-align:center; 
	margin:0 12px 0 10px;
	font-size:18px;
	font-weight:bold;
	
}


.phoneDetails, .faxDetails { background:url(http://common.alhgroup.info/a_cat/icons/phone.png) left no-repeat;  }

.emailDetails { background:url(http://common.alhgroup.info/a_cat/icons/email.png) left no-repeat;  }

.downloads { background:url(http://common.alhgroup.info/a_cat/icons/menu.png) left no-repeat; padding:4px 0  }

.contact { background:url(http://common.alhgroup.info/a_cat/icons/info.png) left no-repeat; padding:4px 0  }

.hours { background:url(http://common.alhgroup.info/a_cat/icons/clock.png) left no-repeat; padding:4px 0  }

.contactFront { background:url(http://common.alhgroup.info/a_cat/icons/info.png) left no-repeat; padding:4px 0; margin-bottom:28px }

#map { background:url(http://common.alhgroup.info/a_cat/icons/map.png) left no-repeat }


a.emailDetails, a#map, .phoneDetails, .faxDetails, a.downloads , a.contact , a.hours , a.contactFront {  display:block; padding:2px 0 2px 30px;  }

h4.contact{
	display:block;
	padding:2px 0 2px 30px;
	font-weight: bold;	
}

/* - - - - - - What's on icons - - - -  */

.showIcons {border:1px solid #C0C0C0; padding:2px 0}

.id, .price, .dressCode, a.viewSite, a.contactVenue, a.bookOnline, .times { 
display:block; 
padding:7px 0 7px 55px; 
font-size:13px; 
font-weight:900;
margin:3px 0}

.id { 
background:
url(http://common.alhgroup.info/a_cat/icons/id.png) left no-repeat;  
}

.price { 
background:
url(http://common.alhgroup.info/a_cat/icons/price.png) left no-repeat;  
}

.dressCode { 
background:
url(http://common.alhgroup.info/a_cat/icons/dress.png) left no-repeat;  
}

a.viewSite { 
background:
url(http://common.alhgroup.info/a_cat/icons/www.png) left no-repeat;  
}

a.contactVenue {
	background-image: url(http://common.alhgroup.info/a_cat/icons/ticket.png);
	background-repeat: no-repeat;
	background-position: left;
}

a.bookOnline { 
background:
url(http://common.alhgroup.info/a_cat/icons/click.png) left no-repeat;  
}

.times { 
background:
url(http://common.alhgroup.info/a_cat/icons/time.png) left no-repeat;  
}









/* - - - - - - Features Box- - - -  */ 


#features { padding:10px; background-color:#eee; border:1px solid #BCBCBC}

#featuresScroll {
	padding:0 0 40px 80px;
	background-image:url(../Images/content/home/scroll3.jpg);
	;
	background-repeat:no-repeat
}

#features ul { padding:0 0 0 30px; }

#features li { list-style-image:url(http://common.alhgroup.info/a_cat/icons/tick.png); padding:0 0 0 3px }


#contactUs { line-height:20px; width:740px; margin:0 30px }

#contactUs H2 { line-height:26px; padding:0 }


#footer {
	clear:both;
	color:#999;
	text-align:center;
	padding-top:5px;
	font-size:11px;
	line-height:20px;
}

#footer a {
	color:#C90;
  text-decoration:none;
  padding:0 10px
 
}

#footer a:hover {
  color:#444;
  text-decoration:underline;
}


/* - - Navigation   - - */
#navigation ul{
margin:0;
padding:0;
}

#navigation a
{
color: #fff;
background: url(../images/template_images/nav_off_left.png) left top no-repeat;
text-decoration: none;
padding-left: 3px;
height:30px;
}

#navigation a span.outerSpan
{

background: url(../images/template_images/nav_off_right.png) right top no-repeat;
padding-right: 3px;
height:30px; cursor: pointer;

}

#navigation a, #navigation a span.outerSpan
{
display: block;
float: left;
}

/* Hide from IE5-Mac \*/
#navigation a, #navigation a span.outerSpan
{
float: none;
}
/* End hide */

#navigation a:hover
{
color: #fff;
background: url(../images/template_images/nav_on_left.png) left top no-repeat;
padding-left: 3px
}

#navigation a:hover span.outerSpan
{
background: url(../images/template_images/nav_on_right.png) right top no-repeat;
padding-right: 3px
}

#navigation a span.innerSpan
{
	background-image: url(../images/template_images/nav_off_middle.png);
	background-repeat:repeat-x;
	background-position:top;
	margin:0 0px;
	padding:6px 8px 0 8px;
	height:21px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	display:block;
}

#navigation a:hover span.innerSpan
{
	background-image: url(../images/template_images/nav_on_middle.png);
	background-repeat:repeat-x;
	background-position:top;
}




/* - - - This code does the live page  - - - - */


#navigation a.current span.innerSpan
{
	background-image: url(../images/template_images/nav_on_middle.png);
	background-repeat:repeat-x;
	background-position:top;
}

#navigation a.current
{
color: #fff;
background: url(../images/template_images/nav_on_left.png) left top no-repeat;
padding-left: 3px
}

#navigation a.current span.outerSpan
{
background: url(../images/template_images/nav_on_right.png) right top no-repeat;
padding-right: 3px
}


/* - - - - - - - -End of navigation styles - - - - - - - - - - - */


/* - - - - - - - -gallery styles- - - - - - - - */

#slide-header
{ 
        position:relative; 
        display:block; 
        margin:0px; 
        padding:0px; 
        width:772px; 
        height:232px; 
        overflow:hidden; 
} 
#slide-header img
{ 
        position:absolute; 
        left:0px;
		
} 










#slide-show
{ 
        position:relative; 
        display:block; 
        margin:0px; 
        padding:0px; 
        width:348px; 
        height:500px; 
        overflow:hidden; 
} 
#slide-show img
{ 
        position:absolute; 
        left:0px;
		border:none;
} 


#slide-show-bars
{ 
        position:relative; 
        display:block; 
        margin:0px; 
        padding:0px; 
        width:350px; 
        height:310px; 
        overflow:hidden; 
} 
#slide-show-bars img
{ 
        position:absolute; 
        left:0px;
		
}


#slide-show2
{ 
        position:relative; 
        display:block; 
        margin:10px auto 0 auto; 
        padding:0px; 
        width:750px; 
        height:183px; 
        overflow:hidden; 
} 
#slide-show2 img
{ 
        position:absolute;
        left:0px;
		text-align:center;
		
} 

.rates, .features {width:325px; margin:10px 0 0 0 }

.rates th, .features th { background:#960; padding:10px 0 10px 15px; text-align:left; color:#FFF }

.rates td {  border-bottom:1px solid #2D6983; }

.rates h4, .features h4 {padding:10px 0 8px 30px; font-size:100% }

.features img {  border:0; }

.featuresShaded {background:#e0e0e0 }


.pageDivider {
	display:block;
	float:left;
	background:#222;
	color:#FFF;
	width:100%;
	
	font-size:26px;
	padding:10px;
	margin:20px 0 0 0
}

.pageDivider img { border:1px solid #FFF; margin:5px 10px 0px 0 }
	

.bannerDiv {
	padding: 0;
	border: 0;
	text-align: center;
	}
.banneradvert { }


/*- - - - - - - - - From old site  - - - - - - - - - */

#highlight_top_section img{
	border: 0;
	margin: 0 4px 4px 0 ;
}

.last_image {margin-right:0 }


#right_image_holder{
	text-align: center;	
	padding-top:3px;
}

#right_image_holder img{
	border: 3px solid #FFFFFF;
	margin: 3px;
}

/*- - - - - - - - - The classes above should be styles because they're repeated on the page, I've left them in for now to make the build easier  - - - - - - - - - */

.right_image_holder{
	text-align: center;	
	padding-top:3px;
}

.right_image_holder img{
	border: 3px solid #FFFFFF;
	margin: 3px;
}


/* BEER PAGE STYLES */
.beer_div{
	text-align:center;
}

.beer_thumb_div{
	margin:2px;
	width:72px;
	height:72px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: top center;
	border: 2px solid #FFFFFF;	
	float: left;
}

.beer_thumb_div:hover{
	border: 2px solid #333333;	
}

.beer_thumb_overlay{
	background-image: url(../Images/content/beer/beer_back72.png);
	background-position: 0px 100px;
	background-repeat: no-repeat;
}


#beer_thumb_holder{
	text-align:center;
	/*background-color: #ADA583;*/
	display: inline-block;
	padding-bottom: 8px;
}

.beer_thumb_div_wide{
	margin:4px;
	width:160px;
	height:130px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: top center;
	border: 3px solid #FFFFFF;	
	float: left;
}

.beer_thumb_overlay_wide{
	background-image: url(../Images/content/beer/beer_back160.png);
	background-position: 0px 130px;
	background-repeat: no-repeat;
}

.beer_thumb_div_wide_left{
	margin:4px;
	width:144px;
	height:130px;
	overflow:hidden;
	background-repeat: no-repeat;
	background-position: top left;
	border: 3px solid #FFFFFF;	
	float: left;
}

.beer_thumb_overlay_wide_left{
	background-image: url(../Images/content/beer/beer_back160.png);
	background-position: 0px 130px;
	background-repeat: no-repeat;
}
/* END BEER PAGE STYLES */