/* -----------------------------------------
Site: 			websitename.com
Author: 		Chris Satterthwaite
Updated: 		January.28.2010
Updated By: 	Chris Satterthwaite
--------------------------------------------
TABLE OF CONTENTS
--------------------------------------------
Reset:
Fonts:
Body:
Background:
Flash Container:
Wrapper:
Splash Nav:
Photo Bar:
Logo:
Content:
Address:
Link:
--------------------------------------------
STYLE RULES
--------------------------------------------
Box
			hieght
			width
			background
			border
			margin
			padding
			display
			
Position
			position
			top
			left
			float
			clear
			z-index
			
Font
			color
			font family
			font size
			line hieght

/*----------------- Reset --------------- */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin:             0;
	padding:            0;
	border: 			0;
	outline:			0;
	font-size: 			100%;
	vertical-align: 	baseline;
	background: 		transparent;
}
body {
	line-height: 		1;
}
ol, ul {
	list-style: 		none;
}
blockquote, q {
	quotes: 			none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: 			'';
	content: 			none;
}

/* remember to define focus styles! */
:focus {
	outline: 			0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: 	none;
}
del {
	text-decoration: 	line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: 	collapse;
	border-spacing: 	0;
}

/*----------------- Fonts --------------- */
@font-face {
 font-family: 				'HelveticaNeue';
 src: 						url(../fonts/HelveticaNeue.eot); /*EOT file for IE */
 src: 						local('HelveticaNeue'), url(../fonts/HelveticaNeue.ttf) format('truetype'); /* TTF file for CSS3 browsers */
}

/*----------------- Body ---------------- */
body {
	text-align: 		center;
}

/*----------------- Background ---------- */
#background {
	width: 				100%;
	height: 			100%;
	margin: 			0px;
	padding: 	        0px;
	background:			#000;
	
	position: 			fixed;
	left: 				0px;
	top:				0px;
	
	text-align: 		center;
	overflow: 			hidden;
}

/*--------- Flash Container ------------- */
#flash-container {
	height:				100%;
	width:				100%;
	
	overflow:			visible;
}

/*----------------- Wrapper ------------- */
#wrapper {
	min-height:	        617px;
	height:				auto !important;
  	height:				617px;
	width: 				906px;
	margin:				90px auto; /* Centering the layout horizontally */
	
	position:			relative;

	text-align:			left;
}

/*----------------- Splash Nav ---------- */
#splash-nav {
	height:				40px;
	width:				906px;
	background:			url(../../images/interface/nav-splash.png) no-repeat;
	
	position:			absolute;
	top:				0px;
	left:				0px;
}

#splash-nav li {
	margin:					0px;
	padding:          		0px;
	position:				absolute;
	float:					left;
	list-style-type:		none;
}
#splash-nav li span {
	display:				none;
}
#splash-nav li a {
	height: 				40px;
	display: 				block;
}
.about {
	left:					12px;
	width:					152px;
}
.menus {
	left:					256px;
	width:					112px;
}
.shop {
	left:					497px;
	width:					95px;
}
.contactus {
	left:					468px;
	width:					179px;
}

.about a:hover, .about .selected {
	background:transparent url(../../images/interface/nav-splash.png) -12px -40px no-repeat;
}
.menus a:hover, .menus .selected {
	background:transparent url(../../images/interface/nav-splash.png) -256px -40px no-repeat;
}
.shop a:hover, .shop .selected {
	background:transparent url(../../images/interface/nav-splash.png) -497px -40px no-repeat;
}
.contactus a:hover, .contactus .selected {
	background:transparent url(../../images/interface/nav-splash.png) -681px -40px no-repeat;
}

/*----------------- Photo Bar ----------- */
#photo-bar {
	height:				175px;
	width:				906px;
	
	position:			absolute;
	top:				40px;
	left:				0px;	
}

#photo-bar li{
	float:				left;
}

#photo-bar #about {
	height:				175px;
	width:				183px;
}

#photo-bar #menu {
	height:				175px;
	width:				254px;
}

#photo-bar #shop {
	height:				175px;
	width:				206px;
}

#photo-bar #contactus {
	height:				175px;
	width:				263px;
}

/*----------------- Logo ---------------- */
#logo {
	height:				102px;
	width:				670px;
	
	position:			absolute;
	top:				248px;
	left:				-14px;
	
}

/*----------------- Content ------------- */
#content {
  	height:				179px;
	width:				562px;

	position:			absolute;
	top:				320px;
	left:				334px;
	
	color:				#FFF;	
	font-size:			25px;
	font-family: 		HelveticaNeue, Arial;
	line-height:		25px;
	text-shadow: 		#000000 3px 3px 5px
	
}

/*----------------- Address ------------- */
#address {
	height:				142px;
	width:				306px;
	display:			block;
	background:			url(../../images/interface/address.png) no-repeat;
	
	position:			absolute;
	top:				340px;
	left:				-14px;
}

#address span {
	display:			none;	
}
/*----------------- Link ----------------- */
#link {
	height:				110px;
	width: 				529px;
	
	position:			absolute;
	top:				505px;
	left:				0px;
}
#wine-festivals {
	height:				110px;
	width:				304px;
	
	position:			absolute;
	top:				505px;
	right:				0px;
}
	

.index-menu-holder{
	margin: 0px auto;
	width: 703px;
	position: relative;
}