@import "main.css";

#branding-image2 {
	left: 604px;
}

#nav-main #mbar-link {
	left: 354px;
	width: 57px;
	height: 40px;
	background: transparent url("../../img/nav/mbar_on.jpg") top left no-repeat;
}

#nav-main #mbar-link a, #nav-main #mbar-link a:hover {
	background: transparent url("../../img/nav/mbar_on.jpg") top left no-repeat;
}

#page-title {
	background: transparent url("../../img/mbar/title.jpg") top left no-repeat;
	margin-left: 20px;
}

#main-content p {
	width: 400px;
}

#picture-frame {
	position: absolute;
	top: 30px;
	left: 520px;
}


#sign-up-form {
	position: relative;
	top: 15px;
	left: 55px;
	width: 192px;
	height: 164px;
	background: transparent url("../../img/mbar/signup_bg.jpg") center center no-repeat;
}

#sign-up-form fieldset {
	border: none;
}

#sign-up-form fieldset legend {
	display: none;
}

#sign-up-form fieldset p {
	color: #99917E;
	left: 37px;
	line-height: 1.2em;
	margin: 0;
	padding: 0;
	position: absolute;
	top: 40px;
	width: 119px;
}

#email-address {
	position: absolute;
	top: 100px;
	left: 37px;
	border: 1px solid #DED8CA;
	width: 98px;
	height: 16px;
}

#submit-button {
	position: absolute;
	top: 125px;
	left: 37px;
}

.mbar-photos {
	float: left;
	margin-top: 40px;
}




.article {
	float: left;
	margin-top: 20px;
	width: 260px;
}

.article p {
	width: 340px !important;
	float: left; 
	padding-left: 20px;
}

.feature {
	float: right;
	margin-top: 15px;
	margin-right: 40px;
	width: 157px;
	background: transparent url("../../img/mbar/feature_bg.gif");
}

.feature-top {
	background: transparent url("../../img/mbar/feature_header.gif") top no-repeat;
	width: 157px;
	text-align:center;
}

.feature-top ul {
	list-style: none;
	text-align:center;
	margin: 0px;
	padding: 5px;
}

.featuredcocktail {
	background: transparent url("../../img/mbar/title_signature_drink.gif") bottom no-repeat;
	width: 91px;
	height: 50px;
	text-indent: -9999px;
	margin: 0 auto; 
	padding: 0;
}

.featuredmartini {
	background: transparent url("../../img/mbar/feature_martini.gif") top no-repeat;
	width: 118px;
	height: 39px;
	text-indent: -9999px;
	paddign: 0; margin: 0;
	margin: 5px auto;
}

.feature-content {
	width: 125px;
	margin: 0px auto;
}

.feature-bottom {
	background: transparent url("../../img/mbar/feature_footer.gif") left bottom no-repeat;
	text-align: center;
}

#upcoming-events-title {
	background: transparent url("../../img/mbar/title_livemusic.gif") top no-repeat;
	width: 95px;
	height: 23px;
	text-indent: -9999px;
	margin: 0px auto; 
	padding: 0;
}




hr {
	color: #CCCCCC;
	width: 100px;
	height: 1px;
}


#navi {
	position:absolute;
	margin-left:30px;
	top:40px;
	width:139px;
	display:inline;
	height: 315px;
}


.content{
position:absolute; 
margin-left:220px; 
top:20px
}

img {
		border:0;

}

.mbarred {color: #84181D;
			font-weight:bold;
			
			}

#cocktail-left {
	float: left;
	width: 147px; 
	padding: 35px 15px 5px 15px; 
	height:146px; 
	margin: 25px 5px 5px 0px; 
	background-image:url(../../img/mbar/mbar-martini-box.png);
	text-align: center;
	
}

#cocktail-right {
	float: left;
	width: 400px; 
	height:300px; 
	margin: 25px 5px 5px 20px; 
	padding-top:14px;
	
}

#cocktails {
	position:relative; 
	margin-left:220px; 
	display: none;
}

#music {
	position:relative; 
	margin-left:220px; 
	display: none;

}


#mbar-navi {
	position: absolute;
	z-index:5;
	top:200px;
	left:0px;
}

	
#MainNav {
	margin:0;
	padding:0;
	list-style: none;
	width:145px;
	position: absolute;
	left: 0px;
	top: 196px;
}
#MainNav li { margin:0 0 0px 0; padding:0; }

#MainNav li a:hover {
    background-position: -139px 0px ;
}
#MainNav li a.selected {
    background-position: -139px 0px ;
}
li.drinks a{
		display: block;
	background: url(../../img/mbar/sprite-cocktails.png) no-repeat 0px 0px;
	width: 139px;
	height: 19px;
}

li.drinks a:hover a.selected {
    background-position: -139px 0px ;
}

li.about a{
		display: block;
	background: url(../../img/mbar/sprite-mbar.png) no-repeat 0px 0px;
	width: 139px;
	height: 23px;
	
}

li.about a:hover a.selected {
    background-position: -139px 0px ;
}

li.live a{
		display: block;
	background: url(../../img/mbar/sprite-music.png) no-repeat 0px 0px;
	width: 139px;
	height: 19px;
}

li.live a:hover a.selected {
    background-position: -139px 0px ;
}