body{
margin: auto;
text-align: center;
vertical-align: middle;
}

#container{
width: 100%; 
height: 100%; 
display: table;
}

#position{
display: table-cell;
vertical-align: middle;
width: 100%;
text-align: center;

}


#content{
margin:auto;
vertical-align: middle;
width:1000px;  
text-align:center; 

}

a.option {style.css (line 171)
background-color:#297BC1;
color:#FFFFFF;
cursor:pointer;

}

#mail_btn{
width: 118px;
height: 108px;
background-image: url(../img/mail_img.png);
float: right;
margin: 0px;
z-index: 555;
position: relative;

}

#map_btn{
width: 118px;
height: 108px;
background-image: url(../img/map.png);
float: left;
margin: 0px;
z-index: 556;
position: absolute;
}

/*

subscription form
*/
#content_sub{
margin:auto;
vertical-align: middle;
width:325px;  
text-align:center; 
color: white

}

#subscribe{
color: white;
}

body{
color:white;
font-family: Arial;
}



input.subscribe{
width: 220px;
}

#subscribe .width{
width:150px;
text-align: right;
padding-right: 15px;
}

#subscribe .height{
margin-bottom: 20px;
}


.hidden{
display: none;
}


/* MASTERCLASS STYLING */


#master_content{
margin:auto;
text-align:left; 
background-color: black;
width: 800px;
height: 100%;
background-image: url(../img/drink_class.jpg);
background-position: bottom right;
background-repeat: no-repeat;
}

#master_content img{
margin: 20px;
}

#master_content p{
margin: 20px;
line-height: 24px;
}

#master_content_events{
margin:auto;
text-align:left; 
background-color: black;
width: 800px;
height: 100%;
background-image: url(../img/);
background-position: bottom right;
background-repeat: no-repeat;
}

#master_content_events img{
margin: 20px;
}

#master_content_events p{
margin: 20px;
line-height: 24px;
}

#master_content ul{
width:700px;
text-decoration: none;
list-style:square;
line-height: 24px;
font-size: 14px;
margin-left: 20px;
}

#master_content a{
text-decoration: none;
color: gray;
font-weight: bold;
}



/* use a semi-transparent image for the overlay */ 
#overlay { 
    background-image:url(http://static.flowplayer.org/img/overlay/transparent.png); 
    color:#efefef; 
    height:450px; 
} 
 
/* container for external content. uses vertical scrollbar, if needed */ 
div.contentWrap { 
    height:441px; 
    overflow-y:auto; 
}


/* black version of the overlay. simply uses a different background image */
div.overlay_black {
	background-image:url(http://static.flowplayer.org/tools/img/overlay/transparent.png);		
	color:#fff;
}

div.apple_overlay h2 {
	margin:10px 0 -9px 0;
	font-weight:bold;
	font-size:14px;
}

div.black h2 {
	color:#fff;
}

#triggers {
	margin-top:10px;
	text-align:center;
}

#triggers img {
	background-color:#fff;
	padding:2px;
	border:1px solid #ccc;
	margin:2px 5px;
	cursor:pointer;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
}
</style>
