/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */


h1 { position: absolute; width: 158px; 	height: 105px;	left: 368px; top: 14px;}
h2 {font: bold 18px Georgia, "Times New Roman", Times, serif; color: #382717; text-transform: uppercase; letter-spacing: .10em; margin: 0 0 5px 0; border-bottom: 1px solid #dcdcdc;}
h3 {font: bold 18px Verdana, Arial, Helvetica, sans-serif;color: #000;}
h4 {font:14px Verdana, Arial, Helvetica, sans-serif;color: #867a6f;text-transform: uppercase;}
h5 {font: bold 12px Verdana, Arial, Helvetica, sans-serif;color: #000;}
h6 {font: bold 16px Georgia, "Times New Roman", Times, serif;color: #a6a293;}
p { font:12px Verdana, Arial, Helvetica, sans-serif;margin-bottom: 10px;}



.caption {font-size: 10px;}

a {	color: #948758;}



em {
font-style: italic;


}


div.alert {
border: 3px solid #f00;
padding: 10px;
margin: 0 0 10px 0;


}


/* grid.css */


body {background-color:#000;background-image:url(../imgs/wood_2.jpg);background-repeat: no-repeat;background-position: 50% 0;}

#container {margin:10px auto;width:984px;border: 0px solid #fff;background-position: 40px 33px; position: relative;}




/* Header */ 
#header {
	position: relative;
	margin: 0px 0 0 40px;
	height: 141px;
	width: 904px;
	background-image:url(../imgs/header_bg2.jpg);
	background-repeat: no-repeat;
}


#yards_logo img, a { border: 0px;}

#header_contact { position: absolute; top: 14px; right: 50px;}

#header_contact a {
	color: #ece8b2;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-decoration: none;
}

#header_contact a:hover {	text-decoration: underline;}




/* Horizontal Navigation */


#horizontal_navigation {
	position: absolute;
	top: 130px;
	margin: 0 auto;
/*	left: 185px;  positioning for full nav */  
	left: 330px;	/* temp positioning for shortened nav */
	height: 22px;
	z-index: 10;
}

#horizontal_navigation ul {
	text-align:left;
	list-style: none;
}

#horizontal_navigation li {
	display: inline;
	float: left;
}

#horizontal_navigation li a {
	float: left;
	height: 0px;
	overflow: hidden;
	padding-top: 22px;
	width: 73px;
}

#horizontal_navigation li#hn-left {
	background-image:url(../imgs/hn_left.png);
	background-position: 0px 0px;
	width: 12px;
	height: 22px;
	float: left;
}



#horizontal_navigation li#hn-right {
	background-image:url(../imgs/hn_right.png);
	background-position: 0px 0px;
	width: 12px;
	height: 22px;
	float: left;
}



#horizontal_navigation li#hn-ales a {
	background-image:url(../imgs/hn_ales.png);
	background-position: 0px 0px;
	width: 73px;
}
#horizontal_navigation li#hn-about a {
	background-image:url(../imgs/hn_about.png);
	background-position: 0px 0px;
	width: 73px;
}
#horizontal_navigation li#hn-shop a {
	background-image:url(../imgs/hn_shop.png);
	background-position: 0px 0px;
	width: 73px;
}
#horizontal_navigation li#hn-tours a {
	background-image:url(../imgs/hn_tours.png);
	background-position: 0px 0px;
	width: 73px;
}
#horizontal_navigation li#hn-events a {
	background-image:url(../imgs/hn_events.png);
	background-position: 0px 0px;
	width: 73px;
}
#horizontal_navigation li#hn-blog a {
	background-image:url(../imgs/hn_blog.png);
	background-position: 0px 0px;
	width: 73px;
}
#horizontal_navigation li#hn-games a {
	background-image:url(../imgs/hn_games.png);
	background-position: 0px 0px;
	width: 73px;
}


#horizontal_navigation #hn-ales a:hover, 
#horizontal_navigation #hn-about a:hover,
#horizontal_navigation li#hn-tours a:hover,
#horizontal_navigation li#hn-events a:hover
{ background-position: 0px -23px; }



#horizontal_navigation li#hn-ales a:active,
#horizontal_navigation li#hn-about a:active,
#horizontal_navigation li#hn-tours a:active,
#horizontal_navigation li#hn-events a:active
{ background-position: 0px -46px; }




/* Horizontal Navigation */

























#wrapper {
	margin: 0 0 0 40px;
	width: 904px;
	background-image: url(../imgs/container_bg.gif);
	background-repeat:repeat-y;
	overflow: auto;
}
#primary-content {
	width: 457px;
	float: left;
	margin: 53px 0px 10px 222px;
	display: inline;
}
#secondary-content {
	width: 181px;
	float: left;
	padding: 0px;	
	margin: 53px 0 10px -679px;
}


#tertiary-content {
	width: 178px;
	float: left;
	margin: 53px 0 10px 24px;
	padding: 0;
}




/* navigation-vertical */


#navigation-vertical {
	width: 162px;
	margin: 0 0 0 22px;
}


#navigation-vertical ul{
	list-style: none;
	margin: 0;
	padding: 0;
}

#navigation-vertical ul li{
	margin: 0 0 10px 0;
}


#navigation-vertical ul li a{
	color:#8C8053;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
	display: block;
}

#navigation-vertical ul ul{
	margin: 5px 0 0 8px;
	padding: 0;
}

#navigation-vertical ul ul li{
	margin: 0 0 10px 0;
}


#navigation-vertical ul li ul li a{
	color:#8C8053;
	font: 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}



#navigation-vertical ul li a.selected, #navigation-vertical ul li a.current{
	color:#000000;
	font: bold 12px Arial, Helvetica, sans-serif;
	text-decoration: none;
}

























#footer {
	margin: 0px 0 0 40px;
	height:18px;
	width: 904px;
	background-image:url(../imgs/footer_bg.gif);
	background-repeat: no-repeat;
}

#footer p {

	padding-top: 24px;
	font-size: 10px;
	color: #fff;
	float: left;
	margin: 0px 10px 0px 30px;
}

#footer .footer-facebook  {
	position: relative;
	top: 4px;
	float: left;margin: 0 5px 0 0;
}



#footer .footer-facebook img {border: 0px; margin:20px 0 0 0px; padding: 0px 0 0 0;  float: left;}




#footer-twitter-logo {
	position: relative;
	top: 4px;
	float: left;
	
}


#footer-twitter-logo img {border: 0px; margin:22px 0 0 0px; padding: 0px 0 0 0; float: left;}







#webtrends_img img {
	border: 0px solid #333;
}


.img_float_rt {
float: right;
margin: 0 10px 10px 0;



}

/* forms.css */
































/* PAGE SPECIFIC CSS */


/*index.asp */

body.index  { background-color:#fff;background-image: none; }

.index #container {	margin:0px auto; width:743px; }

.index img {border: 0px; display: block; outline: 0px dashed #f00;}
.index h2{border: none;}

.index a{outline: 0px;}


/*index2.asp */





body.index2 {
	background-color:#000;
	background-image:url(../imgs/wood_2.jpg);
	background-repeat: no-repeat;
	background-position: 50% 0;
}

.index2 #container {
	position: relative;
	margin:33px auto;
	width:984px;
	border: 0px solid #fff;
	background-position: 40px 33px;
}

.index2 #logo {
	position: absolute;
	left: 357px;
	top: 102px;
	border: 0px solid #fff;
	background-image:url(../imgs/entrance_logo.png);
	background-repeat: no-repeat;
	width: 311px;
	height: 0px;
	padding-top: 210px;
	overflow: hidden;
	
}




.index2 #entrance_txt {
	position: absolute;
	left: 233px;
	top: 359px;
	background-image:url(../imgs/entrance_txt.png);
	background-repeat: no-repeat;
	width: 544px;
	height: 0px;
	padding-top: 147px;
	overflow: hidden;
}



.index2  #entrance_no {
	position: absolute;
	left: 395px;
	top: 534px;
}

.index2  #entrance_yes {
	position: absolute;
	left: 560px;
	top: 534px;
}

.index2  img {
	border: 0px;
}




/*home */


.home #home_main {
	background-image:url(../imgs/home_main_bg.jpg);
	background-repeat: no-repeat;
	height: 445px;
	width: 894px;
	margin-left: 5px;
	position: relative;

}

.home #home_main_txt {
	position: absolute;
	left:26px;
	top: 128px;
	height: 101px;
	width: 387px;
	background-image:url(../imgs/home_main_txt.png);
}


.home #home_buckets {
	position: relative;
	background-image:url(../imgs/home_buckets_bg.gif);
	background-repeat:repeat-y;
	height: 137px;
	padding: 10px 0px 0px 0px;
	outline: 0px dashed #f00;
	overflow: hidden;
}

.home #home_buckets ul{
list-style: none;

}

.home #home_buckets ul li{
display: inline;
	height: 127px;
	float: left;
	width: 277px;
	padding: 0px 0px 10px 20px;
	outline: 0px dashed #f00;
	border-right: 1px solid #333;
	position: relative;
}




.home #home_buckets ul li img{
	position: absolute;
	left: 20px;
	top: 0px;
	width: 92px;
}







.home #frames {
position: relative;


}



.home #frame-1, .home #frame-2, .home #frame-3, .home #frame-4, .home #frame-5 { position: absolute;}


.home #home_buckets ul li h4{
display: inline;
	float: left;
	margin: 0 0 5px 102px;
	width: 165px;
}

.home #home_buckets ul li p{
	float: left;
	margin: 0 0 5px 102px;
	width: 165px;
	outline: 0px dashed #f00;
	display: inline;
}

.home #home_buckets ul li a{
	float: left;
	margin: 0 0 0 102px;
	color: #897d52;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 165px;
	display: inline;
	

}

.home #home_buckets ul li#bucket-phillybeerweek{

}


.home #home_buckets ul li#bucket-smokem{

}

.home #home_buckets ul li#bucket-smokem h4, .home #home_buckets ul li#bucket-smokem p, .home #home_buckets ul li#bucket-smokem a {
margin: 0 0 0 0px;
margin: 0 0 5px 102px;
width: 165px;

}


.home #home_buckets ul li#bucket-realaleinvitational{
border-right: 0px solid #333;
width: 278px;
}


.home #home_buckets ul li#bucket_right{
border-right: 0px solid #333;
width: 278px;
}




.home #footer {
	background-image:url(../imgs/home_footer_bg.gif);
}

.home h4 {
font-size: 12px;
}










/* ales */

.ales #horizontal_navigation li#hn-ales a {
	background-image:url(../imgs/hn_ales.png);
	background-position: 0px -69px;
	width: 73px;
}

.ales #horizontal_navigation li#hn-ales a:hover {
	background-position: 0px -69px;
}

.ales #horizontal_navigation li#hn-ales a:active {
	background-position: 0px -69px;
}



/* ales ppa */


.ales #primary-content {
	width: 363px;
	margin: 42px 0px 10px 488px;

}

.ales #secondary-content {
	margin: 42px 0 10px -851px;



}

.ales #tertiary-content {
	width: 248px;
	margin: 42px 0 5px -629px;


}



.ales #tertiary-content img {
	margin-top: -12px;

}

.ales #primary-content h2 {
	margin: 0 0 8px -1px;
}

.ales #primary-content h6 {
	margin: 0 0 32px -1px;
}



.ales .abv {
	color:#b6a76d;
	font-style:italic;
}


.prtsa #tertiary-content img {
	margin-top: 0px;

}

.signature #nav_ales_signature a,
.seasonal #nav_ales_seasonal a,
.revolution #nav_ales_revolution a {
color: #000;
}

.signature #nav_ales_signature ul li a,
.seasonal #nav_ales_seasonal ul li a,
.revolution #nav_ales_revolution ul li a {
color: #8C8053;
}


.ppa ul li#nav_ales_ppa a,
.esa ul li#nav_ales_esa a,
.ipa ul li#nav_ales_ipa a,
.ppa ul li#nav_ales_ppa a,
.brawler ul li#nav_ales_brawler a,
.love-stout ul li#nav_ales_love-stout a,
.saison ul li#nav_ales_saison a,
.gwtp ul li#nav_ales_gwtp a,
.prtsa ul li#nav_ales_prtsa a,
.tjta ul li#nav_ales_tjta a
 {color: #000;}



/*
.ppa h2 {
	background-image: url(../imgs/ales_h2_ppa.gif);
	background-repeat: no-repeat;
	height: 0px;
	padding-top:20px;
	overflow: hidden;
	}
	*/
	
	

/* about */


.about #horizontal_navigation li#hn-about a {
	background-image:url(../imgs/hn_about.png);
	background-position: 0px -69px;
	width: 73px;
}

.about #horizontal_navigation li#hn-about a:hover {
	background-position: 0px -69px;
}

.about #horizontal_navigation li#hn-about a:active {
	background-position: 0px -69px;
}


.our-story ul li#nav_about_our-story a,
.meet-the-crew ul li#nav_about_meet-the-crew a,
.brewlosophy ul li#nav_about_brewlosophy a
 {color: #000;}






.copy-pic{
	padding: 5px;
	margin: 0 20px 10px 20px;
	border: 1px solid #dcdcdc;
}



.copy-pic-float-right{
	margin-right: 0px;
	float: right;
}

.copy-pic-float-left {
	margin-left: 0px;
	float: left;
}




.copy-pic img {
	border: 1px solid #dcdcdc;
	display: block;
	width: 212px;
}

.copy-pic p {
	font-size: 10px;
	width: 212px;

}



.copy-pic a {
	color: #948758;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}






p.main-pic-caption {
font:9px Verdana, Arial, Helvetica, sans-serif;
}





















/* tours */



.tours #horizontal_navigation li#hn-tours a {
	background-image:url(../imgs/hn_tours.png);
	background-position: 0px -69px;
	width: 73px;
}

.tours #horizontal_navigation li#hn-tours a:hover {
	background-position: 0px -69px;
}

.tours #horizontal_navigation li#hn-tours a:active {
	background-position: 0px -69px;
}

.brewery-tours ul li#nav_tours_brewery-tours a,
.map ul li#nav_tours_map a,
.facts ul li#nav_tours_facts a
 {color: #000;}


#google-map_yards-brewery {
	width: 457px;
	height: 342px;	
	margin: 10px 0 10px 0;
}

.brewery-tours #primary-content ul{
margin: 0px 0px 10px 20px;
font: 12px Verdana, Arial, Helvetica, sans-serif;


}



.brewery-tours #primary-content ul.thickbox-gallery {
list-style:none;
margin: 0;
padding: 0;
}


/* events */

.events #horizontal_navigation li#hn-events a {
	background-image:url(../imgs/hn_events.png);
	background-position: 0px -69px;
	width: 73px;
}

.events #horizontal_navigation li#hn-events a:hover {
	background-position: 0px -69px;
}

.events #horizontal_navigation li#hn-events a:active {
	background-position: 0px -69px;
}











.events #primary-content h4 {
	margin-top: 40px;
}




.events #primary-content ol {
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 20px;
}

.events .img_float_rt {
	float: right;
	margin-top: -10px;
	margin-left: 10px;
	margin-bottom: -10px;
	background-color:#fff;
}

.events .img_float_rt2 {
	float: right;
	margin-top: 10px;
	margin-left: 10px;
	margin-bottom: 10px;

}










.events-upcoming #nav_events_current a,
.events-philly-beer-week #nav_events_philly-beer-week a,
.events-smoke-em-if-you-got-em #nav_events_smoke-em a,
.events-real-ale-invitational #nav_events_real-ale-invitational a,
.events-past #nav_events_past a {
color: #000;
}











.events #primary-content h4 {
font: bold 14px  Georgia, "Times New Roman", Times, serif;
color: #867a6f;
width: 457px;
padding-bottom: 5px;
border-bottom: 1px solid #dcdcdc;
margin-bottom: 10px;

}




.events #events-callouts ul {
list-style: none;
}


.events #events-callouts ul li{
width:178px;
outline:0px dashed #f00;
padding: 0 0 20px 0;
margin: 0 0 30px 0;
border-bottom: 1px solid #dcdcdc;



}

.events  #events-callouts ul li img{}

.events  #events-callouts ul li p {
font: 11px Verdana, Arial, Helvetica, sans-serif;
margin-bottom: 0px;


}
.events  #events-callouts ul li a {
font: 11px Verdana, Arial, Helvetica, sans-serif;

color: #948758;

}

.events #events-list {
list-style: none;
margin: 0;


}


.events  ul.events-day {
list-style: none;
margin: 0;
padding: 0;

}

.events  ul.events-day li{
padding: 0;
margin: 0 0 40px 0;
}
.events ul.event-list {
	padding-left: 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	margin-bottom: 20px;
}

.events  ul.events-day li ol li{
padding: 0;
margin: 0;
}

.events  ul.events-day li ul li{
padding: 0;
margin: 0;
}





/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> global settings needed for thickbox <<<-----------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
*{padding: 0; margin: 0;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_window {
	font: 12px Arial, Helvetica, sans-serif;
	color: #333333;
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #8c8053;}
#TB_window a:visited {color: #8c8053;}
#TB_window a:hover {color: #dcdcdc;}
#TB_window a:active {color: #f00;}
#TB_window a:focus{color: #f00;}

/* ----------------------------------------------------------------------------------------------------------------*/
/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/
/* ----------------------------------------------------------------------------------------------------------------*/
#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
}

.TB_overlayMacFFBGHack {background: url(../imgs/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_window {
	position: fixed;
	background: #000;
	z-index: 102;
	color:#000000;
	display:none;
	border: 4px solid #b3b3b3;
	text-align:left;
	top:46%;
	left:50%;
}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 10px 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	
	border: 0px;
}

#TB_caption{
/*	height:20px;*/
	padding:7px 30px 10px 25px;
	padding:0px;
	padding:2px 0px 5px 0px;
	text-align: center;
	margin: 0 auto 10px;
	width: 95%;	
	font: bold italic 11px Georgia, "Times New Roman", Times, serif;
	line-height: 150%;
	color: #fff;
	outline: 0px dashed #f00;
}


#TB_secondLine {
display: none;



}

#TB_nav {

background-image: url(../imgs/thickbox_nav_bg.gif);
background-repeat: no-repeat;
width: 131px;
height: 28px;
margin: 0 auto 10px auto;
outline: 0px dashed #ff0;
position: relative;
}


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


#TB_nav ul li {
outline: 0px dashed #0f0;
padding: 0;
margin: 0;

}



#TB_nav a{
display: block;
font: 12px Arial, Helvetica, sans-serif;
color: #8c8053;
text-transform: uppercase;
text-decoration: none;
padding: 0px 5px 2px 5px;
padding: 0px;
width: 55px;
outline: 0px dashed #f00;
letter-spacing: .5em;

}



#TB_nav #TB_prev {
position:absolute;
top: 0px;

}
#TB_nav #TB_next {
position:absolute;
left: 66px;
top: 0px;
}

#TB_nav #TB_prev a{

position:absolute;
top: 5px;
text-align: right;

margin-right: 10px;
}

#TB_nav #TB_next a{

position:absolute;
top: 5px;

margin-left: 10px;
}









#TB_closeWindow{
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	color: #fff;
	margin: -50px 0 0 0;
	



}

#TB_closeAjaxWindow{
	padding:7px 10px 5px 0;
	margin-bottom:1px;
	text-align:right;
	float:right;
}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
}

#TB_title{
	background-color:#e8e8e8;
	height:27px;
}

#TB_ajaxContent{
	clear:both;
	padding:2px 15px 15px 15px;
	overflow:auto;
	text-align:left;
	line-height:1.4em;
}

#TB_ajaxContent.TB_modal{
	padding:15px;
}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
}



ul.thickbox-gallery {
list-style:none;
margin: 0;
padding: 0;
}


ul.thickbox-gallery li{
float: left;
margin: 0 10px 10px 0;
padding: 0;
outline: 0px dashed #f00;
width: 104px;
/*height: 69px;*/
}

ul.thickbox-gallery li a{
margin: 0;
padding:0;

}


.thickbox-thumbnail {
width: 104px;
height: 69px;
outline: 0px dashed #00f;
margin: 0;
padding: 0;


}


p.slideshow-prompt {
font:9px Verdana, Arial, Helvetica, sans-serif;
margin: 20px 0 10px 0px;
}


div.flash-ad {
padding: 20px 0 10px 0;

margin: 10px 0 10px 0;

}

.events-real-ale-invitational .events-day ul {
margin: 0 0 10px 20px;
list-style: disc;


}

.events-real-ale-invitational .events-day ul li a {
font:12px Verdana,Arial,Helvetica,sans-serif;


}

#ticket-purchase {
display: block;
margin: 40px 0 0 0;


}

#btn-purchase-tickets {
margin: 20px 0px 40px 20px;
display: block;
width: 120px;
padding: 4px;
outline: 1px solid #000;
color: #fff;
text-decoration: none;
background-color: #948758;
text-align: center;
}

#btn-purchase-tickets:hover {
background-color: #fff;
color: #948758;

}