body, html {
margin:0;
padding:0;
background: url('../images/page_bg.jpg') top center #FFF;
}
/* -------------------------------------------------------------------------------- */
#siteWrapper{
width: 100%;
text-align: center;
}
#siteContainer{
width: 950px;
margin: 0 auto;
text-align: left;
}
/* ----------------------------   Flash Slideshow   ----------------------------- */
#myAlternativeContent{
text-align: center;
}
#cuisineContainer{
margin-left: 20px;
}
/* --------------------------------   Navigation   ------------------------------------ */
#main_navigation{
margin: 0;
padding: 0;
padding-left: 70px;
height: 74px;
background:url(../images/navigation_bg.png) no-repeat top left;
margin-bottom: 10px;
}
	
	#main_navigation li{
		float: left;
		list-style: none;
		font: 14px Georgia, Times, serif;
		font-weight: bold;		
		text-transform: uppercase;
		line-height: 62px
	}

	#main_navigation li a {
		display: block;
		padding: 5px 13px 0px 13px;
		text-decoration: none;
		width: auto;
		color: #FFF;
		white-space: nowrap;
	}

	#main_navigation li a.width1 {
		display: block;
		padding: 5px 13px 0px 13px;
		text-decoration: none;
		width: 120px;
		color: #FFF;
		white-space: nowrap;
	}
	
	#main_navigation li a.width2 {
		display: block;
		padding: 5px 13px 0px 13px;
		text-decoration: none;
		width: 200px;
		color: #FFF;
		white-space: nowrap;
	}

	#main_navigation li a:hover	{
		text-decoration: underline;
	}

	#main_navigation li a:focus {
		outline: 0;
	}		
		#main_navigation li ul{
			margin: 0;
			padding: 0;
			width: auto;
			position: absolute;
			visibility: hidden;
			z-index: 9999;			
		}
		
		#main_navigation li ul li{
			float: none;
			display: inline;
			font: 11px Georgia, Times, serif;
			font-weight: bold;		
			text-transform: uppercase;			
			line-height: 20px;
		}
		
		#main_navigation li ul li a{
			width: auto;
			padding: 5px 10px 5px 10px;
/*			padding: 5px 10px 5px 17px;*/
			margin-left: 10px;
			background-color: #023565;
/*			background: url(../images/nav_bullet.gif) no-repeat #023565;*/
			background-position: 5px center;
			text-align: center;
		}
		
		#main_navigation li ul li a:hover{
			text-decoration: underline;
		}

		#main_navigation li ul li a:focus{
			outline: 0;
		}
		
		#main_navigation li ul li div.width1{
			width: 146px;
			height: 12px;
			margin-left: 10px;
			background:url('../images/nav_width1_bottom.gif') no-repeat top left;
		}
		#main_navigation li ul li div.width2{
			width: 226px;
			height: 12px;
			margin-left: 10px;			
			background:url('../images/nav_width2_bottom.gif') no-repeat top left;
		}
		#main_navigation li ul li div.width3{
			width: 138px;
			height: 12px;
			margin-left: 10px;			
			background:url('../images/nav_width3_bottom.gif') no-repeat top left;
		}		

/* --------------------------------   Banners   ------------------------------------ */
a.banner_aboutMiramar_about{
display: block;
width: 950px;
height: 317px;
margin-bottom: 10px;
background:url(../images/banner_aboutMiramar_about.png) no-repeat top center;
}
a.banner_aboutMiramar{
display: block;
width: 950px;
height: 317px;
margin-bottom: 10px;
background:url(../images/banner_aboutMiramar.png) no-repeat top center;
}
a.banner_cuisine{
display: block;
width: 950px;
height: 317px;
margin-bottom: 10px;
background:url(../images/banner_cuisine.png) no-repeat top center;
}
a.banner_privateDining{
display: block;
width: 950px;
height: 317px;
margin-bottom: 10px;
background:url(../images/banner_private_dining.png) no-repeat top center;
}
a.banner_reservations{
display: block;
width: 950px;
height: 317px;
margin-bottom: 10px;
background:url(../images/banner_reservations.png) no-repeat top center;
}
a.banner_whatTheySay{
display: block;
width: 950px;
height: 317px;
margin-bottom: 10px;
background:url(../images/banner_what_they_say.png) no-repeat top center;
}
a.banner_staff{
display: block;
width: 950px;
height: 317px;
margin-bottom: 10px;
background:url(../images/banner_staff.png) no-repeat top center;
}
/* --------------------------------   Wide Content layout   ------------------------------------ */
#contentContainer{
margin: 0;
padding: 0;
width: 950px;
background:url(../images/content_bg.png) repeat-y top center;
}
#content{
line-height: 19px;
padding: 15px 36px 0px 36px;
}
#contentTop{
width: 950px;
height: 18px;
background:url(../images/content_top.png) no-repeat top left;
}
#contentBottom-noCol{
width: 950px;
height: 19px;
background:url(../images/content_bottom_no-col.png) no-repeat top center;
}
#contentBottom-withCol{
width: 950px;
height: 41px;
background:url(../images/content_bottom_withCol.png) no-repeat top center;
}
#articleList{
margin-top: 10px;
margin-left: 30px;
}
/* --------------------------------   2 Column Content layout   ------------------------------------ */
#wrap {
width:877px;
margin: 15px 0px 0px 0px;
background:url(../images/side_nav_bg.jpg) repeat-y;		
}
#main {
float:right;
width:639px;
}
#sidebar {
float:left;
width:228px;
}
#footer {
clear:both;
}
* html #footer {
height:1px;
}
/* --------------------------------   Side Navigation   ------------------------------------ */
#sidebarTop{
width: 228px;
height: 24px;
background:url(../images/side_nav_top.jpg) no-repeat;
}
ul.sidebar{
margin-top: 0;
list-style-type: none;
}
ul.sidebar li{
line-height: 30px;
text-transform: uppercase;
}
ul.sidebar li a div{
background:url(../images/nav_bullet_white.gif) no-repeat;
background-position: center left;
margin: 0;
margin-bottom: 10px;
padding-left: 15px;
line-height: 18px;
text-decoration: underline;
}
/* --------------------------------   Site Structure   ------------------------------------ */
div.floatRight{
float: right;
margin-left: 3px;
}
div.floatLeft{
float: left;
margin-right: 3px;
}
div.spacing{
height: 20px;
}
div.hr{
height: 10px;
margin-bottom: 10px;
border-bottom: 1px dotted #BBB;
}
div.clear{
clear: both;
}
div.reservationsPresentation{
width: 640px;
height: 108px;
background:url(../images/img_reservations_presentation.jpg) no-repeat top left;
margin: 15px 0px 0px 0px;
padding: 30px 0px 0px 0px;
line-height: 24px;
text-align: center;
}
div.privateDiningBanquetsPresentation{
width: 640px;
height: 108px;
background:url(../images/img_reservations_presentation.jpg) no-repeat top left;
margin: 15px 0px 0px 0px;
padding: 15px 0px 0px 0px;
line-height: 24px;
text-align: center;
}
#directionsContainer{
width: 415px;
float: left;
}
#mapContainer{
width: 218px;
float: right;
}
#addressContainer{
text-align: center;
margin-top: 15px;
padding-left: 10px;
}
#menuButtonContainer{
float: left;
width: 300px;
margin: 40px 0px 0px 20px;
}
#eventPacketButtonContainer{
float: left;
width: 245px;
margin: 80px 0px 0px 0px;
}
div.menuImage{
float: right;
margin: 10px 30px 0px 0px;
width: 500px;
height: 288px;
background:url(../images/img_menuImage.jpg) no-repeat top left;
}
#eventPacketImage{
float: right;
margin: 10px 0px 0px 0px;
width: 369px;
height: 216px;
background:url(../images/img_event_packet.jpg) no-repeat top left;
}
#contactFields{
margin-top: 10px;
width: 640px;
height: 398px;
}
/* --------------------------------   Buttons   ------------------------------------ */
a.btn_viewArticle{
display: block;
margin-top: 20px;
width: 97px;
height: 33px;
background:url(../images/btn_view_article.jpg) no-repeat top left;
}
a.btn_menu_brunch{
display: block;
margin-bottom: 15px;
width: 297px;
height: 60px;
background:url(../images/btn_view_brunch_menu.jpg) no-repeat top left;
}
a.btn_menu_brunch:hover{
width: 297px;
height: 60px;
background-position: bottom left;
}

a.btn_menu_lunch{
display: block;
margin-bottom: 15px;
width: 297px;
height: 60px;
background:url(../images/btn_view_lunch_menu.jpg) no-repeat top left;
}
a.btn_menu_lunch:hover{
width: 297px;
height: 60px;
background-position: bottom left;
}

a.btn_menu_dinner{
display: block;
width: 297px;
height: 60px;
background:url(../images/btn_view_dinner_menu.jpg) no-repeat top left;
}
a.btn_menu_dinner:hover{
width: 297px;
height: 60px;
background-position: bottom left;
}

a.btn_event_packet{
display: block;
width: 244px;
height: 49px;
background:url(../images/btn_view_event_packet.jpg) no-repeat top left;
}
/* --------------------------------   Footer   ------------------------------------ */
#footerHomeContainer{
clear: both;
width: 950px;
margin-top: 35px;
margin-bottom: 10px;
color: #000;
font-weight: bold;
font-size: 14px;
text-align: center;
text-transform: uppercase;
}
#footerContainer{
clear: both;
width: 950px;
margin-top: 35px;
margin-bottom: 10px;
color: #000;
font-weight: bold;
font-size: 14px;
text-align: center;
text-transform: uppercase;
}