/* CSS Document */
* 
{	
	border:0 none;
	padding:0;
	margin:0;
}

html, body 
{
	height:100%
}

html 
{
	background: url(images/bg_repeat.jpg) repeat-x;
}
	
body 
{
	padding: 0;
	margin: 0;
	background: url(images/header_bg.jpg) center top no-repeat;
	width: 100%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#272827;
	display: table;
}


/***********************  CONTAINERS  ************************************************/


#mainWrapper
{
	position:relative;
	margin: 0 auto;
	width: 1000px;
	height: 100%;
}

#headerWrapper
{
	position: absolute;
	width:1000px;
	height: 230px;
}

#flash
{
	position:absolute;
	width:354px;
	height:230px;
	top: 0px;
	left:303px;
}

#logo
{
	position:absolute;
	width:197px;
	height:230px;
	top: 0px;
	left:399px;
}


#contentWrapper
{
	position:absolute;
	top: 230px;
	left:0px;
	background:url(images/content_corners.jpg) center top no-repeat; 
	background-color:#d8d9d3;
	width:1000px;
	min-height:445px;
}

#rightContainer
{
	position:absolute;
	right:0;
	top:0;
	background-image:url(images/welcome.jpg);
	background-repeat:no-repeat;
	width:590px;
	padding-top:345px	
}

#leftContainer
{
	position:absolute;
	left:30px;
	top:55px;
	width:360px;
	display:block;
}

#leftContainer img
{
	display:block;
	margin-bottom:10px
}

#rightContainerInt
{
	float:right;
	width:376px;
	height:257px;
	margin-right:25px;
	margin-top:55px;	
}

#leftContainerInt
{
	float:left;	
	margin-top:55px;
	margin-left:25px;
	width:545px;
	display:block;
}

#leftContainerInt img
{
	display:block;
	margin-bottom:10px
}

#footer
{
	position:absolute;
	bottom:-94px;
	left:0px;
	background-color:#bec0b7;
	height:79px;
	width:1000px;
	padding-top:15px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-left-radius: 5px 5px;
	border-bottom-right-radius: 5px 5px;
}

#footer img
{
	float:left;
	margin-right:5px;
}


#bottles
{
	position:absolute;
	bottom:-93px;
	right:38px;
	width:250px;
	height:501px;
}


.rest
{
	float:left;
	position:relative;
	border-right:#999999 1px solid;
	width:265px;
	margin:50px 0px 25px 35px;
	padding-right:25px;
	min-height:360px;
}

.rest.first
{
	float:left;
	position:relative;
	border-right:#999999 1px solid;
	width:265px;
	margin:50px 0px 25px 45px;
	padding-right:25px;
	min-height:360px;
}

.rest.last
{
	float:left;
	position:relative;
	border-right:none;
	width:265px;
	margin:50px 0px 25px 35px;
	padding-right:25px;
	min-height:360px;
}




/***********************  Buttons  ************************************************/

a.harmon
{
	position:absolute;
	bottom:0px;
	right:10px;
	width:123px;
	display:block;
	float:right;
	height:89px;
	text-decoration: none;    
	background-image: url(images/restaurants_harmon_logo.jpg);
}

a.harmon:hover
{
	background-position:-123px;
}

a.harmonFoot
{
	width:70px;
	display:block;
	float:left;
	height:54px;
	text-decoration: none;    
	background-image: url(images/harmon_icon.jpg);
	margin-right:10px;
	margin-top:10px;
}

a.harmonFoot:hover
{
	background-position:-70px;
}


a.hubbig
{
	position:absolute;
	bottom:0px;
	right:10px;
	width:109px;
	display:block;
	float:right;
	height:94px;
	text-decoration: none;    
	background-image: url(images/restaurants_hub_logo.jpg);
}

a.hubbig:hover
{
	background-position:-109px;
}

a.tapbig
{
	position:absolute;
	bottom:0px;
	right:10px;
	width:78px;
	display:block;
	float:right;
	height:95px;
	text-decoration: none;    
	background-image: url(images/restaurants_tap_logo.jpg);
}

a.tapbig:hover
{
	background-position:-78px;
}




a.whatsbrewing
{
	width:277px;
	display:block;
	float:left;
	height:52px;
	text-decoration: none;    
	background-image: url(images/whats_brewing.jpg);
	margin-left:10px;
}

a.whatsbrewing:hover
{
	background-position:-277px;
}

a.hub
{
	width:82px;
	display:block;
	float:left;
	height:65px;
	text-decoration: none;    
	background-image: url(images/footer_hub.jpg);
}

a.hub:hover
{
	background-position:-82px;
}

a.tap
{
	width:49px;
	display:block;
	float:left;
	height:65px;
	text-decoration: none;    
	background-image: url(images/footer_tap.jpg);
	margin-left:0px;
}

a.tap:hover
{
	background-position:-49px;
}


/***********************  TYPE  ************************************************/

a
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bb1200;
	text-decoration:none;
}

a:hover
{
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#bb1200;
	text-decoration: underline;
}