@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

body { margin:0; padding:0; background:#000; }

a { color: #351c15; text-decoration: none; }
a:hover { color: #970400; text-decoration: none; }

div.content { margin: 0 auto; width:990px; }

div.body { background: url(images/background.jpg) repeat-y center 87px; }

div.body div.header { background:url(images/TopBgSkirt.jpg) no-repeat center top; }

div.body div.header div.content { background:url(images/Top_1.jpg) no-repeat; height:182px; }

div.body div.header div.content div.logo { width:211px; height:182px; float:left; }
div.body div.header div.content div.logo a { text-indent:-9999px; display:block; width:211px; height:182px; }
div.body div.header div.content div.rightside { width:779px; height:182px; float:left; }
div.body div.header div.content div.rightside div.nav { width:779px; height:87px;}
div.body div.header div.content div.rightside div.nav ul { width: 779px; height:87px; list-style:none; margin:0px; padding:0px;}
div.body div.header div.content div.rightside div.nav ul li { float:left; height:87px; margin:0px; padding:0px; }
div.body div.header div.content div.rightside div.nav ul li a { display:block; height:87px; text-indent:-9999px }
div.body div.header div.content div.rightside div.nav ul li a:hover,
div.body div.header div.content div.rightside div.nav ul li a.on { background:url(images/Symbol.png) no-repeat center; }
div.body div.header div.content div.rightside div.nav ul li.menu-item-47 { width:137px; }
div.body div.header div.content div.rightside div.nav ul li.menu-item-132 { width:78px; }
div.body div.header div.content div.rightside div.nav ul li.menu-item-45 { width:82px; }
div.body div.header div.content div.rightside div.nav ul li.menu-item-51 { width:111px; }
div.body div.header div.content div.rightside div.nav ul li.menu-item-146 { width:134px; }
div.body div.header div.content div.rightside div.nav ul li.menu-item-80 { width:106px; }
div.body div.header div.content div.rightside div.nav ul li.menu-item-50 { width:110px; }
div.body div.header div.content div.rightside div.text { width:779px; height:95px;}
div.body div.header div.content div.rightside div.text div.tagline { font-family:Georgia, "Times New Roman", Times, serif; font-size:18pt; color:#fdfce2; padding:20px 20px 0px 80px}

div.body div.content { background:url(images/MiddleSection.jpg) repeat-y center -87px; }

div.footer { background:url(images/Footer.jpg) no-repeat center; height:400px; font-family:Georgia, "Times New Roman", Times, serif;  }

div.footer div.content { background:transparent; padding-top:25px; }
div.footer div.content div.westCoast { float:left; width:495px;}
div.footer div.content div.westCoast li.widget_text { float:left; color:#e2dfba; padding-bottom:15px; width:247px; }

div.footer div.content div.eastCoast { float:left; width:495px;}
div.footer div.content div.eastCoast li.widget_text { float:left; color:#e2dfba; width:247px; padding-bottom:15px; }

div.footer div.content div.eastCoast li.widget_text h3,
div.footer div.content div.westCoast li.widget_text h3 { font-size:14px;font-weight:bold;margin:0 0 6px; }

div.footer div.content div.eastCoast li.widget_text .textwidget,
div.footer div.content div.westCoast li.widget_text .textwidget, { font-size:14px; }
				
div.footer div.content div.eastCoast h2,
div.footer div.content div.westCoast h2 { background:url('images/footer_title.jpg') no-repeat; width:92px; height:27px; line-height:27px; text-align:center; color:#970400; font-size:14px; margin: 0 0 10px; }
				
div.menu-header { margin-left:20px; }
/* 	==========================
	(2) CONTENT BODY
	========================== */
	
#content
{ width: 100%; height: auto; margin: 0 auto; background: none; }

div.content { font-family: Georgia, "Times New Roman", Times, serif; font-size: 12pt; color: #FDFCE2; }



/* 	====	(2a) HOME	==== */

	#content.home
	{ padding: 0 0 60px 0; }

	#content.home .left
	{ float: left; width: 340px; height: auto; margin: 0 0 0; }
	
	#content.home .right
	{ float: right; width: 600px; height: auto; }
	
	/* Twitter Styles */
		#content.home .left .really_simple_twitter_widget
		{ background: url('images/twitter.jpg') no-repeat bottom #E3DFB9; width: 225px; padding: 15px 15px 40px 100px; cursor: pointer; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #970400; }
		#content.home .left .really_simple_twitter_widget a,
		#content.home .left .really_simple_twitter_widget span
		{ display: none; }
		
	/* History of Marily Styles */
		
		#content.home .left .marilyn
		{ background: #950100; height: 200px; width: 325px; margin: 20px 0 0; font-family: Georgia, "Times New Roman", Times, serif; font-size: 16px; color: #e3dfba; padding: 0 15px 0 0; display: block; }
		
		#content.home .left .marilyn img
		{ float: left; margin: 0 0 0 15px; }
		
		#content.home .left .marilyn p
		{ margin: 50px 0 0; float: left; width: 150px; }
		
	/* social bar */
	
		#content .right .social .shr-getshr
		{ display: none; }
		
		#content .right .social
		{ margin: 0 0 10px; text-align: right; }
		
		#content .right .social .shr-bookmarks
		{ float: right; }
		
	/* Image Slider */
		
		#content.home .right .slider
		{ width: 540px; height: 370px; background: #E3DFB9; position: relative; float: right; box-shadow: 1px 1px 2px black; padding: 15px; }
		
		#content.home .right .slider .s_Navigation
		{ position: absolute; top: 50%; left: -22px; width: 614px; height: 49px; margin: -24px 0 0; }
		
		#content.home .right .slider a.sexyslider-next
		{ float: right; width: 22px; height: 49px; background: url('images/btn_right.png') no-repeat; }
		
		#content.home .right .slider a.sexyslider-prev
		{ float: left; width: 22px; height: 49px;background: url('images/btn_left.png') no-repeat; }
		
		#content.home .right .slider a.sexyslider-next span,
		#content.home .right .slider a.sexyslider-prev span
		{ height: 49px; width: 22px; display: block; }
		
			#content.home .right .slider .s_Navigation .btnLeft,
			#content.home .right .slider .s_Navigation .btnRight,
			.sexyslider-title
			{ display: none; }
					
		#content.home .right .slider .s_Slides
		{ width: 540px; height: 370px; overflow: hidden; }
		

/* 	====	(2b) LOCATIONS	==== */

	#content.location
	{ padding: 0 0 60px 0; }
	
	#content.location .left
	{ float: left; width: 229px; height: auto; margin: 0 0 0; background: #E3DFB9; padding: 15px; margin: 0; }
	
		#content.location .left.restaurant
		{ margin: 20px 0 0; }
	
	#content.location .right
	{ float: right; width: 680px; height: auto;}
	
	#content.location .right .body
	{ width: 650px;  background: #E3DFB9; padding: 15px; }
	
		#content.location .right .body .body_left
		{ float: left; width: 320px; padding: 10px; background: #FFF; }
		
		#content.location .right .body .body_right
		{ float: right; width: 300px; }
		
			#content.location .right .body .body_right .parent
			{ background: url('images/imgFrame.png') no-repeat; height:187px; width: 265px; padding-top: 8px; padding-left: 8px; padding-bottom: 19px; padding-right: 15px; margin: 0 auto; }
		
			#content.location .right .body .body_right .children
			{ text-align: center; margin: 10px 0; }
		
			#content.location .right .body .body_right .children img
			{ width: 67px; height: 44px; background: #FFF; padding: 4px 4px 14px; margin: 0 5px; box-shadow: 1px 1px 2px black; }
		
		#content.location .right .body .body_left iframe
		{ border: 1px solid #333; }
	
	/* Typography */
		
		#content.location .left h1,
		#content.contact .left h1
		{ color: #970400; font-weight: 500; font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 8px; }
		
		#content.location .left p,
		#content.location .right .body .body_right .children p
		{ color: #381d16; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 15px; font-style: italic; }
		
		#content.location .left ul li
		{ list-style:disc inside; font-size: 17px; color: #351c15; }
		
			#content.location .left ul li a
			{ color: #351c15; text-decoration: none; }
			
			#content.location .left ul li a:hover,
			#content.location .left ul li:hover,
			#content.location .left ul li.active,
			#content.location .left ul li.active a,
			#content.location .left ul li.current-menu-item,
			#content.location .left ul li.current-menu-item a
			{ color: #970400; text-decoration: none; }
			
		#content.location .left.restaurant p
		{ font-size: 17px; font-style: normal; }
		
		#content.location .left.restaurant h2
		{ color: #970400; font-weight: 500; font-size: 17px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 8px; }
		
		
/* 	====	(2c) PRESS	==== */

	#content.press
	{ padding: 0 0 60px 0; }
	
	#content.press .left
	{ float: left; width: 229px; height: auto; margin: 0 0 0; background: #E3DFB9; padding: 15px; margin: 0 0 0; }
	
	#content.press .right
	{ float: right; width: 680px; height: auto; text-align: center; }
	
	#content.press .right .body
	{ width: 650px;  background: #E3DFB9; padding: 25px 15px; position: relative; }
	
		#content.press .right .body img.top
		{ position: absolute; top: 10px; right: 10px; }
	
	/* Typography */
		
		#content.press .left h1
		{ color: #970400; font-weight: 500; font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 8px; }
		
		#content.press .left p
		{ color: #381d16; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 15px; font-style: italic; }
		
		#content.press .left ul li
		{ list-style:disc inside; font-size: 17px; color: #351c15; }
		
			#content.press .left ul li a
			{ color: #351c15; text-decoration: none; }
			
			#content.press .left ul li a:hover,
			#content.press .left ul li:hover,
			#content.press .left ul li.active,
			#content.press .left ul li.active a,
			#content.press .left ul li.current-menu-item,
			#content.press .left ul li.current-menu-item a
			{ color: #970400; text-decoration: none; }
	
			
/* 	====	(2d) MENUS	==== */

	#content.menu
	{ padding: 0 0 60px 0; }
	
	#content.menu .left
	{ float: left; width: 229px; height: auto; margin: 0 0 0; background: #E3DFB9; padding: 15px; margin: 0 0 0; }
	
	#content.menu .right
	{ float: right; width: 680px; height: auto; text-align: center; }
	
	#content.menu .right .body
	{ width: 650px;  background: #E3DFB9; padding: 25px 15px; position: relative; }
	
	#content.menu .left.menus
	{ margin-top:80px; }
	
	/* Typography */
		
		#content.menu .left h1
		{ color: #970400; font-weight: 500; font-size: 25px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 8px; }
		
		#content.menu .left p
		{ color: #381d16; font-size: 15px; font-family: Georgia, "Times New Roman", Times, serif; margin: 0 0 15px; font-style: italic; }
		
		#content.menu .left ul li
		{ list-style:disc inside; font-size: 17px; color: #351c15; }
		
			#content.menu .left ul li a
			{ color: #351c15; text-decoration: none; }
			
			#content.menu .left ul li a:hover,
			#content.menu .left ul li:hover,
			#content.menu .left ul li.active,
			#content.menu .left ul li.active a,
			#content.menu .left ul li.current-menu-item,
			#content.menu .left ul li.current-menu-item a
			{ color: #970400; text-decoration: none; }
			
			
			
/* 	====	(2e) GIFT CARDS		==== */

	#content.gift
	{	margin: 50px 0 0; padding: 0 0 50px;	}

	#content.gift span
	{	font-size:11px; font-style:italic; color: black;	}

	#content.gift .left
	{ background: none repeat scroll 0 0 #E3DFB9; padding: 2% 5%; width: 90%; margin: 0 0 20px; }

	#content.gift fieldset
	{	float:left; width: 47%; margin:30px 0;  }
	
	#content.gift fieldset.margin
	{	margin-right: 6%;	}
	
	#content.gift fieldset label
	{	display: block;	margin: 15px 0 0; }
	
	#content.gift fieldset p,
	#content.gift fieldset label
	{ font-family:Georgia, "Times New Roman", Times, serif;  font-size: 17px; color: #351c15; display:block; }
	
	
	
	#content.gift fieldset input[type=text],
	#content.gift fieldset select
	{	width: 300px; height: 26px; padding: 2px 10px; border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; margin:8px 0 0; background:#FFF; border:1px solid #CCC; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#333; line-height:30px;	}
	
	#content.gift fieldset select
	{	width: 320px; height: 30px; padding: 6px 10px;	}
	
	#content.gift fieldset input[type=text]#txtCardNumber
	{	float: left; width: 200px;	margin-right: 15px; }
	
	#content.gift fieldset input[type=text]#txtCVV
	{	float: left; width: 60px;	}
	
	#content.gift fieldset label.txtCVV
	{	float: left;	}
	
	#content.gift fieldset label.txtCardNumber
	{	float: left; width: 222px;	margin-right: 15px;	}
	
	
	#content.gift fieldset select#selCardMonth
	{	float: left; width: 150px;	margin-right: 20px; }
		
	#content.gift fieldset select#selCardYear
	{	float: left; width: 150px; }
	
	#content.gift fieldset label.selCardMonth
	{	float: left; width: 150px; margin-right: 20px; }
	
	#content.gift fieldset label.selCardYear
	{	float: left; 	}
	
	#content.gift fieldset.gc_payment
	{	margin: 20px 0 30px;	}
	
	#content.gift fieldset label.sameBilling
	{	display: block;	}
	
	#content.gift fieldset label.sameBilling input[type=checkbox]
	{	float: left; margin-right: 20px;	}
	
	#content.gift fieldset label.sameBilling span
	{	float: left;	}
	
	#content.gift fieldset.disabled input, 
	#content.gift fieldset.disabled select
	{	background: #CCC; color: #999;	}
	
	#content.gift fieldset.gc_postage label
	{	margin-top: 0px;	}
	
	#content.gift fieldset.gc_postage select
	{	width: 400px; margin: 8px 0 15px; }
	
	#content.gift fieldset.gc_postage span,
	#content.gift fieldset.gc_submit span
	{	display: block;	}
	
	#content.gift fieldset.gc_submit input[type=submit]
	{	width: 200px;  height: 40px; margin:0 0 20px;	}
	
/* 	====	(2f) CONTACT US		==== */

	#content.contact
	{ padding: 0 0 30px; }
	
	
	#content.contact .left
	{	width: 240px; background:#E3DFB9; padding: 10px 10px 230px; float:left;	margin: 0; }
	
	#content.contact .right
	{	float: right; width: 650px; 	}
	
	#content.contact .body
	{	background: #E3DFB9; padding: 10px 20px; color:#970400;}
	
	#content.contact .left p
	{ font-size: 17px; font-style: normal;  margin: 0 0 20px; color:#970400;}
	
	#content.contact label
	{	display: block;	margin: 15px 0 0; }
	
	#content.contact input[type=text],
	#content.contact select,
	#content.contact textarea
	{	width: 300px; height: 26px; padding: 2px 10px; border-radius: 6px; -moz-border-radius: 6px; -o-border-radius: 6px; -webkit-border-radius: 6px; margin:8px 0 0; background:#FFF; border:1px solid #CCC; font-family:Georgia, "Times New Roman", Times, serif; font-size:13px; color:#333; line-height:30px;	}
	
	#content.contact select
	{	width: 320px; height: 30px; padding: 6px 10px;	}
	
	#content.contact textarea
	{	height: 100px;	}
	
	#content.contact input[type=submit]
	{	width: 200px;  height: 40px; margin:20px 0 20px;	}
	
	#content.fourOfour h1,
	#content.fourOfour p
	{ font-family:Georgia, "Times New Roman", Times, serif; font-size:20pt; color:#e2dfba; margin: 20px 0 0; padding: 0 0 20px;}
	
	#content.fourOfour a
	{	color:#FFF;	}