/**********************************************************************************
*	Nino's Stylesheet
*
*	Version: 	1.0
*	Author: 	Thirtynine
*	Email: 		info@thirtyninellc.com
*	Website: 	http: //www.thirtyninellc.com
**********************************************************************************/

/***********************************
		=Reset
***********************************/

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form,
fieldset, input, p, blockquote, th, td { margin: 0; padding: 0;}

h1, h2, h3, h4, h5, h6 { font-size: 100%; }

ol, ul { list-style: none; }

address, caption, cite, code, dfn, em, strong, th, var { font-style: normal; font-weight: normal; }

table { border-collapse: collapse; border-spacing: 0; }

fieldset, img { border: 0; }

caption, th { text-align: left; }

q:before, q:after { content: ''; }

a { text-decoration:  none; outline: none; }


/***********************************
		=Layout
***********************************/

body { 
	background: #2C1103 url(../images/background.jpg) repeat-x; 
	color:#FFF;
	font-family: Helvetica, Arial, Verdana, sans-serif; 
}

#outerwrap {
	margin: 0 auto;
	width: 900px;
	position: relative;
	background: #F3C466;
}

#wallpaper {
	background: #F3C466;
	width: 900px;
	position: relative;
	overflow: hidden;
	padding-bottom: 50px;
}

	#wallpaper .transparency {
		height: 3000px;
		position: absolute;
		top: 0;
		left: 0;
		z-index:0;
		width: 900px;
		background: #F3C466;
	}

/***********************************
		=Navigation
***********************************/

#sidebar {
	background: url(../images/sidebar.png) no-repeat bottom;
	float: left;
	margin: 146px 20px 0 19px;
	position: relative;
	width: 261px;
}
	
	#sidebar ul { margin: 0 0 30px 10px; width: 240px; }

	#sidebar ul li { background: url(../images/divider.jpg) no-repeat; _height: 46px; }
	
	#sidebar li a.home,
	#sidebar li a.about,
	#sidebar li a.menus,
	#sidebar li a.winelist,
	#sidebar li a.gallery,
	#sidebar li a.catering { 
		display: block; 
		height: 46px;
		text-indent: -9999px;
	}
	
	#sidebar li a.home { background: url(../images/navigation.png) no-repeat; }
	#sidebar li a.about { background: url(../images/navigation.png) no-repeat 0 -46px; }
	#sidebar li a.menus { background: url(../images/navigation.png) no-repeat 0 -92px; }
	#sidebar li a.winelist { background: url(../images/navigation.png) no-repeat 0 -138px; }
	#sidebar li a.gallery { background: url(../images/navigation.png) no-repeat 0 -184px; }
	#sidebar li a.catering { background: url(../images/navigation.png) no-repeat 0 -230px; }
	
	#sidebar ul li ul { margin: 0; }
	
	#sidebar ul li ul li { 
		font-family: Georgia, "Times New Roman", Times, serif; 
		font-size: 18px;
	}
		
		#sidebar ul li ul li a { 
			color: #AF1616;
			display: block;
			height: 29px;
			padding:10px 0 0 35px;
		}
	
	h1.ninoslogo {
		background: url(../images/ninos_logo.png) no-repeat;
		height: 55px;
		margin: 20px auto 65px;
		text-indent: -9999px;width: 228px;
	}
	
	#sidebar h2 {
		color: #AF1616;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 18px;
	}
	
	#sidebar h3 {
		color: #000;
		font-family: Georgia, "Times New Roman", Times, serif;
		font-size: 16px;
	}
	
	#sidebar address {
		color: #000;
		font-size:11px;
	}
	
	#sidebar h4 {
		color: #AF1616;
		font-size: 29px;
	}
	
/***********************************
		=Content
***********************************/

#content {
	float: left;
	font-size: 14px;
	line-height: 18px;
	margin: 260px 0 0 0;
	padding: 70px 20px;
	position: relative;
	width: 380px;
}

	#content h2, 
	#content_inner h2 { 
		color: #FFF;
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size: 24px;
		margin-bottom: 20px;
		line-height: 28px;
	}
	
	#content h3, 
	#content_inner h3 { 
		color: #FFF;
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size: 20px;
		margin-bottom: 20px;
	}
	
	#content h4, 
	#content_inner h4 { 
		color: #FFF;
		font-size: 14px;
		margin-bottom: 10px;
	}
	
#content_inner {
	color: #FFF;
	float: left;
	line-height: 18px;
	margin: 260px 0 0 0;
	padding: 70px 10px 70px 60px;
	position: relative;
	width: 490px;
}
	
html>body #content_inner {
	padding: 70px 20px 70px 70px;
}

	#content_inner li { margin-bottom: 50px; clear: both; }

	#content_inner dl { margin-bottom: 20px; }
	
		#content_inner dt span,
		#content_inner dt small { font-size: 14px; }
		
		#content_inner dt span { float: left; display: block; width: 200px; font-weight: bold; }
		
		#content_inner dt small { float: left; display: block; width: 100px; }
			
	#content_inner dd { clear: both; font-size: 12px; }
	
.overlay {
	background: #2C1103;
	bottom: 0;
	filter: alpha(opacity=70);
	left: 0;
	opacity: 0.7;
	position: absolute;
	top: 0;
	width: 100%;
}

.content { position: relative; }

* html #content, 
* html #content_inner { background: #2C1103; filter: alpha(opacity=70); opacity: 0.7; }

/***********************************
		=Styles
***********************************/

.business_card { 
	margin: 0 auto 30px; 
	text-align: center;
	width: 240px;
}

.redstrip_top { 
	background: url(../images/redstrip.jpg) repeat-x;
	display: block;
	height: 34px;
	left: 0;
	position: absolute;
	top: 226px;
	width: 900px;
	z-index: 100;
	
}

.redstrip_bottom { 
	background: url(../images/redstrip.jpg) repeat-x;
	clear:both;
	display: block;
	height: 34px;
	width: 900px;
}

.noodles { 
	background: url(../images/noodles.png) no-repeat;
	display: block;
	height: 439px;
	position: absolute;
	width: 189px;
	bottom: 33px;
	right: 0;
}