.button1 { width: 200px; height: 50px; }
.button1 a { display: block; width: 200px; height: 50px; background: url(../images/rollover-example.gif) no-repeat top left;}
.button1 a:hover { background-position: bottom left;}

body {

	margin-top: 0px;

	margin-right: 0px;

	margin-bottom: 0px;

	margin-left: 0px;

	background:#000;

}

*{padding:0px; margin:0px;}

img{border:none;}



.left{float:left;}

.right{float:right;}

.clear{clear:both;}



.wrapper{ width:850px; margin:0px auto;}

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

a:hover{color:#fff; text-decoration:none;}



/*-----------------------------------------------*/

.logo{

position:absolute;

margin-top:45px;

width:212px;

height:213px;

z-index:600;

}



.header_area{

height:176px;

width:850px;

 background:url(../images/header_bg.jpg) left top no-repeat;

}



.twiter_heading{

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:20px;

font-weight:bold;

color:#2db2d5;

padding-bottom:5px;

}



.twiter_text{

width:360px;

height:105px;

float:left;

color:#c2c2c2;

font-family:Helvetica, Arial, Verdana, SansSerif;

padding-left:230px;

padding-top:15px;

font-weight:bold;

font-size:15px;

}

.header_contact_wrap{

width:156px;

height:142px;

float:left;

padding-left:10px;

}

.contact_bg{

background:url(../images/contact_yellow_bg.jpg) center top no-repeat;

width:134px;

height:30px;

font-size:18px;

font-weight:bold;

font-family:Helvetica, Arial, Verdana, SansSerif;

text-align:center;

padding-right:5px;

padding-top:8px;

margin-bottom:8px;

}

.certified_logo{

position:absolute;

width:149px;

height:148px;

margin-left:700px;

margin-top:52px;

z-index:100;

}

.nav_area{

height:30px;

padding-top:0px;

padding-left:230px;

}

.nav_text ul{

padding:0xp;

margin:0px;

list-style-type:none;

}

.nav_text li{

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:20px;

font-weight:bold;

color:#ffc20e;

text-decoration:none;

float:left;

list-style-type:none;

}

.nav_text li a{

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:20px;

font-weight:bold;

color:#ffc20e;

text-decoration:none;

float:left;

list-style-type:none;

padding-right:28px;

}

.nav_text li a:hover{

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:20px;

font-weight:bold;

color:#fff;

text-decoration:none;

float:left;

list-style-type:none;

}

.nav_text li a.pading_naone{

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:20px;

font-weight:bold;

color:#ffc20e;

text-decoration:none;

float:left;

list-style-type:none;

}

.happy_our{

position:absolute;z-index:100;

width:49px;

height:241px;

top:30%;

}





.pramenuarea{

height:30px;

padding-top:0px;

padding-left:230px;

}

















a.pramenu:link{font-family:Helvetica, Arial, Verdana, SansSerif;font-size:20px;font-weight:bold;color:#ffc20e;text-decoration:none;

float:left;list-style-type:none;padding-right:28px;}

a.pramenu:visited{font-family:Helvetica, Arial, Verdana, SansSerif;font-size:20px;font-weight:bold;color:#ffc20e;text-decoration:none;

float:left;list-style-type:none;padding-right:28px;}

a.pramenu:hover{font-family:Helvetica, Arial, Verdana, SansSerif;font-size:20px;font-weight:bold;color:#ffffff;text-decoration:none;

float:left;list-style-type:none;padding-right:28px;}



.prafloatleft{ float:left;}





.pramenuselected{font-family:Helvetica, Arial, Verdana, SansSerif;font-size:20px;font-weight:bold;color:#ffffff;text-decoration:none;

float:left;list-style-type:none;padding-right:28px;}



.dropdown { z-index:500; position:absolute;}

.dropdown dt {width:50px; border:0px solid #9ac1c9; font-family:Helvetica, Arial, Verdana, SansSerif;font-size:20px;font-weight:bold;color:#ffc20e; cursor:pointer; }

.dropdown dt:hover {color:#ffffff;}

.dropdown dd {position:absolute; overflow:hidden; width:136px; display:none; background:#343031; z-index:200; opacity:0}

.dropdown ul {width:130px; border:2px solid #343031; font-size:16px; list-style:none; border-top:none}

.dropdown li {display:inline; font-size:16px;}

.dropdown a, .dropdown a:active, .dropdown a:visited {display:block; padding:5px; color:#ffffff; text-decoration:none; background:#343031; width:122px; font-weight:bold; font-size:16px;}

.dropdown a:hover {background:#f2d97a; color:#000000;}

.dropdown .underline {border-bottom:1px solid #ffc20e;}

















/*--------------------------------------------content-area---------------------------------------------------------------*/



.contant_area{

width:850px;

overflow:hidden;

clear:both;

padding-bottom:15px;

}
.contant_area_left1{

float:left;

width:714px;
overflow:hidden;
padding-left:20px;
padding-bottom:70px;
padding-right:12px;

}
.contant_area_left{

float:left;

width:714px;
overflow:hidden;
position:relative;
padding-left:20px;
padding-bottom:5px;
padding-right:12px;

}

.contant_area_right{

float:right;

width:90px;

padding-top:38px;

}



.home_wood_texture{

position:absolute;

z-index:200;

background:url(../images/headre_wood.png) left top no-repeat;

width:625px;

height:400px;

margin-left:70px;

padding-top:17px;

padding-left:25px;

}

.icon{

width:28px;

height:27px;

padding-bottom:8px;

overflow:hidden;

clear:both;

}

.black_shirt{

position:absolute;

width:221px;

height:352px;

margin-top:416px;

z-index:230;

}



.events{

position:absolute;

width:25px;

height:196px;

margin-top:695px;

z-index:230;

}



.mobile{

position:absolute;

width:192px;

height:366px;

margin-top:361px;

background:url(../images/mobile.png) left top no-repeat;

margin-left:250px;

z-index:225;

}

.mobile_inner_img{

border:1px solid #6d6e71;

width:162px;

height:239px;

margin-top:59px;

margin-left:14px;

}

.mug{

position:absolute;

width:174px;

height:154px;

top:930px;

left:50%;

margin-left:-150px;



}

.subscrip{

position:absolute;

width:262px;

height:42px;

background:url(../images/sign.png) left top no-repeat;

top:?px;

left:?px;
z-index:999;
margin-left: 450px;

margin-top: 416px;

}

.subscrip_text{

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:20px;

color:#fff;

padding-left:10px;

padding-top:10px;

cursor:pointer;

}

.subscrip_text a{

color:#fff;

text-decoration:none;

}

.subscrip_text a span{

color:#ffc20e;

text-decoration:none;

}



.subscrip_text span{

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:20px;

color:#ffc20e;

}

/*---------------------------------------------------------------------------------------------------------------*/



.content_text{

font-family:Helvetica, Arial, Verdana, SansSerif;

color:#999999;

font-size:12px;


width:250px;

text-align:justify;
margin-left:456px;
line-height:16px;
}

.week_list_wrap{

width:229px;
line-height:16px;
height:152px;

float:left;

}

.week_name{

width:120px;

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:15px;

padding-right:23px;

color:#ffc103;

float:left;

padding-bottom:5px;

}

.week_name_1{

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:15px;

padding-right:10px;

color:#fff;

float:left;

padding-bottom:5px;

}

.menu{

width:247px;

height:164px;

float:left;

padding-left:20px;

padding-right:30px;

}

.rnh_thumb{

width:237px;

height:135px;

float:left;

}



.rnh_thumb a{

width:237px;

height:135px;

float:left;

background:url(../images/rnh.jpg) left top no-repeat;

}

.rnh_thumbpoup a:hover{

width:237px;

height:213px;

float:left;

background:url(../images/rnhBig.png) left top no-repeat;

}

.rnh_thumbpopup{

width:237px;

height:135px;

float:left;

background:url(../images/rnh.jpg) left top no-repeat;

}



/*------------------------------------------------------ari-------------------------------------------------------*/



.mainarea {

	width:650px;

	margin:0 auto;

	overflow:hidden;

}



.bodymidbg {

	background:url(../images/midbodybg.jpg) left top repeat-y; overflow:hidden;

	margin-left:65px;

	position:relative;

	z-index:100;

}



.topmidbg {

	background:url(../images/bodymidpart.jpg) left top no-repeat;

}



.bottommidbg {

	background:url(../images/bodybottompart.jpg) left bottom no-repeat;

}



.bodypadding {

	padding:20px 34px;

	width:582px;

	

}



.colorbodybg2 {

	background-color:#f4dc7c;

	opacity:0.98;

	filter: alpha(opacity='98');

	overflow:hidden;

	width:527px;

	padding:0 21px 0 34px;

}













.toptxt {

font-family:"Helvetica Bold", arial;

font-size:55px;

color:#603913;

padding:0 0 0 39px;

font-weight:bold;

line-height:50px;

}



.toptxt span{

font-family:"Helvetica", arial;

font-size:55px;

color:#c69c6d;

font-weight:bold;

}



.toptxtarea {

overflow:hidden;

}



.toptxtleftarea {

padding:0 0 0 38px;

font-family:"Helvetica", arial;

font-size:13px;

color:#8c6239;

padding-right:200px;

padding-bottom:55px;



}




.dogfish_area{width:184px; height:106px; position:absolute; top:0px; left:540px; z-index:300; opacity:1;}


.food_cont_left{width:140px; padding-right:11px; float:left; font-family:'Helvetica', Arial;}

.food_cont_mid{width:184px; padding-right:11px; float:left; font-family:'Helvetica', Arial;}

.food_cont_right{width:150px; padding-right:11px; float:left; font-family:'Helvetica', Arial;}





.food_red_txt{color:#a30600; font-size:13px; font-weight:bold; padding-bottom:16px;}

.food_black_txt1{color:#26140b; font-size:11px; font-weight:bold;}

.food_black_txt2{color:#695548; font-size:10px;}



.food_gap1{height:140px; clear:both;}

.food_gap2{ padding-top:284px;}



.food_disc{width:363px; height:281px; position:absolute; top:295px; margin-left:347px; z-index:101;}

.food_txt{color:#391a08; font-size:12px; font-weight:bold; padding-top:35px; clear:both; font-family:'Helvetica', Arial; text-align:center; padding-bottom:35px;}















/*------------------------------------------------------parties------------------------------------------------------*/

.parties_colorbodybg {

	overflow:hidden;

	width:582px;

}



.event_photos{border:#000000 10px solid; clear:both; overflow:hidden;}

.parties_cont_mid{background:url(../images/parties_cont_bg_mid.png) left top repeat-y; width:582px; overflow:hidden; clear:both;}

.parties_top{background:url(../images/parties_cont_bg1.png) left top no-repeat; width:532px; clear:both; overflow:hidden; padding:34px 23px 65px 27px; }

.parties_bot{background:url(../images/parties_cont_bg1_bot.png) left top no-repeat; clear:both; width:582px; height:120px; }



.parties_pic{width:254px; float:left; padding-right:10px;}

.parties_pic_txtred{color:#a90003; padding-bottom:5px;}

.parties_pic_txt{width:268px; padding-top:20px; line-height:20px; float:left; color:#FFFFFF; font-family:'Helvetica', Arial; font-size:14px; font-weight:bold;}





.parties_txt_area_heading{color:#a90003; font-size:22px; font-family:'Helvetica', Arial; padding-bottom:7px; text-align:left; }

.parties_txt_area1{width:236px; color:#000000; font-size:14px; float:left; padding-right:26px; font-family:'Helvetica', Arial; line-height:20px; text-align:justify;}
.parties_txt_area1 a{color:#a90003; text-decoration:none;}

.parties_txt_area1 a:hover{color:#a90003; text-decoration:underline;}

.parties_txt_area2{width:236px; color:#000000; font-size:14px; float:left; font-family:'Helvetica', Arial; line-height:20px; text-align:justify; }

.parties_txt_area2 a{color:#a90003; text-decoration:none;}

.parties_txt_area2 a:hover{color:#a90003; text-decoration:underline;}



























/*------------------------------------------------------piya--------------------------------------------------*/



.colorbodybg {

	background-color:#dedad8;

	padding:7px 21px 0 34px;

	overflow:hidden;

}



.colorbodybg3 {

	background-color:#f4dc7c;

	padding:7px 21px 0 34px;

	overflow:hidden;

}



.toptxt {

	font-family:"Helvetica Bold", arial;

	font-size:55px;

	color:#603913;

	padding:0 0 0 39px;

	font-weight:bold;

}

.toptxt.small {font-size:45px; text-transform:uppercase;}
.toptxt.small span{font-size:45px; text-transform:uppercase;}


.toptxt span{

	font-family:"Helvetica", arial;

	font-size:55px;

	color:#c69c6d;

	font-weight:bold;

}



.toptxtarea {

	overflow:hidden;

}



.toptxtleftarea {

	padding:0 0 0 38px;

	font-family:"Helvetica", arial;

	font-size:13px;

	color:#8c6239;

	padding-right:200px;

	padding-bottom:45px;



}



.toptxtrightarea {

	width:196px;

	position:absolute;

	margin-left:340px;

	top:0px;

}



.bodylistingarea {

	overflow:hidden;

	padding-bottom:28px;
line-height:18px;
}



.bodylisting{

	overflow:hidden;

	clear:both;

	padding-bottom:7px;

}



.bodylistingleft {

	width:300px;

	float:left;

	font-family:"Helvetica", arial;

	font-size:13px;

	color:#000000;

	font-weight:bold;

}



.bodylistingmid {

	width:50px;

	float:left;

	font-family:"Helvetica", arial;

	font-size:13px;

	color:#000000;

	font-weight:bold;

}

.bodylistingbeer{

	width:70px;

	float:left;

	font-family:"Helvetica", arial;

	font-size:13px;

	color:#000000;

	font-weight:bold;

}

.bodylistingright {

	width:50px;

	float:left;

	font-family:"Helvetica", arial;

	font-size:13px;

	color:#000000;

	font-weight:bold;

	padding-left:

}



.bottomlistingarea {

	overflow:hidden;

	padding-bottom:28px;

}





/*-------------------------------------------------------------psd2---------------------------------------------------------------------------------*/



.toptxtrightarea2 {

	width:196px;

	position:absolute;

	margin-left:375px;

	top:0px;

}



.bodyboxarea {

	padding-bottom:22px;

	padding-right:40px;

	overflow:hidden;

}



.picarea {

	width:210px;

	float:left;

}



.picpad {

	width:13px;

	float:left;

}



.rightarea {

	width:250px;

	float:left;

}



.topboldtxt {

	font-family:Arial, Helvetica, sans-serif;

	font-size:15px;

	font-weight:bold;

	color:#000000;

}



.topsmalltxt {

	font-family:Arial, Helvetica, sans-serif;

	font-size:13px;

	color:#000000;

	line-height:20px;

}





/*--------------------------------------------------------------footer----------------------------------------------------------------------------------------------------*/



.footerarea {

	width:779px;

	overflow:hidden;

	margin:0 auto;

	padding:0 39px 0 32px;

}





.colorarea {

	background-color:#ffc20e;
overflow:hidden;
	height:2px;

}



.footerbottomarea {

	overflow:hidden;

}



.footerbottomleft {

	width:550px;

	padding:32px 0px 12px 19px;

	float:left;

}



.footerbottomright {

	width:123px;

	padding:6px 13px 0 70px;

	float:left;



}



ul.footernav {

	list-style-type:none;

}



ul.footernav li {

	list-style-type:none;

	float:left;

	

}



ul.footernav li a {

	font-family:"Helvetica", arial;

	font-size:13px;

	color:#959595;

	text-decoration:none;

	padding:0 15px 0 15px;



	

}



ul.footernav li a:hover {

	font-family:"Helvetica", arial;

	font-size:13px;

	color:#959595;

	text-decoration:none;

}



.footertoparea {

	width:779px;

	overflow:hidden;

	padding:11px 0 11px 0;

}



.footertopleft {

	width:440px;
line-height:16px;
	padding:14px 0 0 22px;

	float:left;

	font-family:"Helvetica", arial;

	font-size:13px;

	color:#cccccc;

}



.footertopright {

	width:285px;

	padding:0 0 0 15px;

	float:left;

	overflow:hidden;

}



.footertoptxtarea {

	width:80px;

	float:left;

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#cccccc;

	padding:26px 0 0 0;

}



.footertoplogoarea {

	width:170px;

	float:left;



}







/*-----------------------------------------------------happy-hour-popup--------------------------------------------------------*/



.happy_hour_popup_wrap{

position:relative;z-index:1000;
height:241px;

}



.happy_hourpop_up_middle{

float:left;

background:#f26522 url(../images/happy_hour_pop_right.png) right top no-repeat;

padding:21px 10px 10px 10px;

width:625px;

height:210px;

color:#fdc689;

font-family:Helvetica, Arial, Verdana, SansSerif;

font-weight:bold;
padding-right:121px;
font-size:20px;

}

.happy_hour_pop_right{

background:url(../images/happy_hour_pop_right.png) right top no-repeat;

width:121px;

float:left;

height:241px;

}

.close{

font-family:Helvetica, Arial, Verdana, SansSerif;

color:#f26522;

font-weight:bold;

font-size:20px;

margin-top:400px;

margin-left:20px;

}

.close a{

font-family:Helvetica, Arial, Verdana, SansSerif;

color:#f26522;

font-weight:bold;

font-size:20px;



}







/*----------------------------------------------------------subscribe-pop-up-------------------------------------------------------*/



.subscribe_pop_up_wrap{

width:261px;

}

.subscribe_pop_up_middle{

background:#a90003;

overflow:hidden;

width:230px;

padding:0px 15px 0px 15px;

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:20px;

color:#fff;

font-weight:bold;

}

.pop_news{

font-family:Helvetica, Arial, Verdana, SansSerif;

font-size:20px;

color:#ffc20e;

padding-top:5px;

}

.subs_cribe_pop_up_input_wrap{

width:220px;

height:25px;

padding-bottom:10px;

padding-top:5px;

}



.subs_cribe_pop_up_input{

width:220px;

height:25px;

border:none;

}



.subs_cribe_pop_up_bottomarea {

	padding:68px 0 39px 0;

	overflow:hidden;

}



.subs_cribe_pop_up_bottomtxt {

	font-family:"Helvetica", arial;

	font-size:20px;

	color:#FFFFFF;

	padding:0 0 0 20px;

	margin-left:65px;

}



.subs_cribe_pop_up_bottomtxt span {

	font-family:"Helvetica", arial;

	font-size:44px;

	color:#ffc20e;

	margin-left:65px;

}



.closearea {

	text-align:right;

}



.subs_cribe_pop_up_closetxt {

	padding:0 0 10px 0;

	text-align:right;

	color:#FFFFFF;

}



/*----------------------------------------------------------mug-pop-up-------------------------------------------------------*/



.mugarea {

	width:429px;

	overflow:hidden;

}



.mugbg {

	background:url(../images/mug_pop_up.png) left top no-repeat;

	width:429px;

	height:382px;

}



.mugbg_padding {

	padding:21px 23px 0 120px;

}



.mug_closetxt {

	text-align:right;

}



a.mug_closelinktxt:link {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#ebebeb;

	text-decoration:none;

}



a.mug_closelinktxt:visited {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#ebebeb;

	text-decoration:none;



}



a.mug_closelinktxt:active {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#ebebeb;

	text-decoration:none;



}



a.mug_closelinktxt:hover {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#ebebeb;

	text-decoration:none;



}



.mug_topboldtxt {

	font-family:"Helvetica", arial;

	font-size:44px;

	color:#FFFFFF;

	font-weight:bold;

}



.mug_topboldtxt span {

	font-family:"Helvetica", arial;

	font-size:44px;

	color:#e5bb7f;

	font-weight:bold;



}



.mugsmallbodytxt {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#eacead;

	text-align:center;

	padding:0 22px 0 15px;

}



/*----------------------------------------------------------bear miles-------------------------------------------------------*/



.beermiles_area {

	width:436px;

}



.beermiles_boxarea {

	overflow:hidden;

	clear:both;

}



.boxbodybg {

	background:url(../images/boxbodybg.png) left top repeat-y;

	padding:0 15px 0 22px;

}



.beermiles_logo {

	background:url(../images/logo1.png) left top no-repeat;

	width:150px;

	height:150px;

	float:left;

}



.beermiles_smalltxt {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#ebebeb;

	padding-top:10px;

	padding-bottom:14px;

}



.beermiles_logoarea {

	overflow:hidden;

}



.closearea {

	width:210px;

	float:left;

	text-align:right;

}



a.beer_closelinktxt:link {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#ebebeb;

	text-decoration:none;

}



a.beer_closelinktxt:visited {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#ebebeb;

	text-decoration:none;



}



a.beer_closelinktxt:active {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#ebebeb;

	text-decoration:none;



}



a.beer_closelinktxt:hover {

	font-family:"Helvetica", arial;

	font-size:15px;

	color:#ebebeb;

	text-decoration:none;



}



.contactText{

		font-family:"Helvetica", arial;

	font-size:14px;

	color:#000000;

	font-weight:bold;



	}

.contactText a:link{font-family:"Helvetica", arial;

	font-size:14px;

	color:#000000;

	text-decoration:none;font-weight:bold;

}



.contactText a:visited {

	font-family:"Helvetica", arial;

	font-size:14px;

	color:#000000;

	text-decoration:none;font-weight:bold;



}

.contactText a:hover {

	font-family:"Helvetica", arial;

	font-size:14px;

	color:#000000;

	text-decoration:underline;font-weight:bold;



}

.contactText a:active {

	font-family:"Helvetica", arial;

	font-size:14px;

	color:#000000;

	text-decoration:none;font-weight:bold;

}

.popup_yourname {

	background:url(../images/popup_yourname.png) left top no-repeat;

	width:465px;

	height:307px;

}

#Layer1 {

	position:absolute;

	width:350px;

	left:30%;

	top:30%;

	height:115px;

	z-index:5000;

}

.beerpopup_input{ background-color:#fcd004; border:0px; width:155px; height:20px; padding:0 5px;}

.beerpopup_inputsize{ background-color:#fcd004; border:0px; width:85px; height:20px; padding:0 5px;}

.beerpopup_input:hover{ background-color:#ffffff; border:0px;}

.beerpopup_inputsize:hover{ background-color:#fff; border:0px;}

.submit_btn {

	background:url(../images/submit_btn.png) left top no-repeat;

	width:82px;

	height:36px;

	cursor:pointer;

	border:0px;

}


#contactbox{width:465px; padding-top:5px;}
.imgbox{width:104px; float:left;}
.contactbox{width:465px; padding-bottom:15px;}
.imgboxcon{width:358px; float:left; font-family:Helvetica, sans-serif; font-size:12px; }
#contactbox .imgboxcon h3{margin:0; padding:0; font-size:16px; margin-bottom:2px;}
#contactbox .imgboxcon  a{text-decoration:none; color:#731719;}
#contactbox .imgboxcon  a:hover{text-decoration:underline; color:#731719;}