/**
 *  --------------------------------------------------------------------------------------
 *   Navigator Multimedia Inc CSS
 *  ----------------------------------------------------
 *  Modified	April 30, 2009 by Bree
 *  @version	4.0
 *  @author	Chris Satterthwaite <chris@navigatormm.com>
 *  ----------------------------------------------------
 *  1.	RESET
 *  2.	GLOBAL
 *  3.	TYPEOGRAPHY
 *  4.  WRAPPER and HEADER and NAV
 *  5.  WRAPPER and CONTENT
 *  6.  WRAPPER and FOOTER
 *  --------------------------------------------------------------------------------------
 */


/* 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, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, caption, thead {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}
/* GLOBAL
--------------------------------------------------------------------------------------- */
.clearfix:after {
	content:".";
	height: 0;
	visibility: hidden;
	display: block;
	clear: both;
}
.clear {
	clear: both;
}
.floatRight {
	float: right;
}
.floatLeft {
	float: left
}
.bold {
	font-weight:bold;
}
.imgLeft { 
	float:left;
	margin:0px 10px 4px 0;
}

/* Images */
img[align=right] {
	margin-left:10px;
	margin-bottom:10px;
	float:right;
}
img[align=left] {
	margin-right:10px;
	margin-bottom:10px;
	float:left;
}



/* PAGE HEADINGS H1 ONLY
--------------------------------------------------------------------------------------- */
h1 {
	color: #27221F;
	font: bold 16px Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0px;
}
h1 span {
	display:none;
}

.welcome {
	background:url(../images/page_titles/welcome.png) no-repeat;
	width:350px;
	height:40px;
}

.aboutus {
	background:url(../images/page_titles/aboutus.png) no-repeat;
	width:350px;
	height:40px;
}

.gallery {
	background:url(../images/page_titles/gallery.png) no-repeat;
	width:350px;
	height:40px;
}

.newsevents {
	background:url(../images/page_titles/newsevents.png) no-repeat;
	width:350px;
	height:40px;
}

.wine {
	background:url(../images/page_titles/wine.png) no-repeat;
	width:350px;
	height:40px;
}

.contact {
	background:url(../images/page_titles/contact.png) no-repeat;
	width:350px;
	height:40px;
}

.tastingtours {
	background:url(../images/page_titles/tastingtours.png) no-repeat;
	width:350px;
	height:40px;
}

.orderonline {
	background:url(../images/page_titles/orderonline.png) no-repeat;
	width:600px;
	height:40px;
}

/* PAGE HEADINGS H2 ONLY
--------------------------------------------------------------------------------------- */
h2 {
	color: #27221F;
	font:bold 14px Verdana, Geneva, sans-serif;
	text-transform: uppercase;
	margin: 0;
	padding: 0 0 8px 0;
}

h2 span {
	display:none;
}

.joinclub {
	background:url(../images/page_titles/joinclub.png) no-repeat;
	width:350px;
	height:40px;
}

.notes {
	background:url(../images/page_titles/notes.png) no-repeat;
	width:350px;
	height:40px;
}

.awards {
	background:url(../images/page_titles/awards.png) no-repeat;
	width:350px;
	height:40px;
}

.cellarlogin {
	background:url(../images/page_titles/cellarlogin.png) no-repeat;
	width:350px;
	height:40px;
}

.logout {
	background:url(../images/page_titles/logout.png) no-repeat;
	width:350px;
	height:40px;
}
/* TYPEOGRAPHY
--------------------------------------------------------------------------------------- */
p {
	margin: 0 0 16px 0;
}
ol, ul {
	margin: 0 0 16px 30px;
}
ol {
	list-style:decimal;
}
ul {
	list-style: disc;
}
a {
	color:#2882AC;
	text-decoration: none;
}
a:focus, a:hover {
	color:#E66E13;
	text-decoration: none;
}
/* WRAPPER and HEADER and NAV
--------------------------------------------------------------------------------------- */
body {
	color: #000000;
	font: 12px/18px Verdana, Geneva, sans-serif;
	margin: 0px;
	padding: 0px;
	background:#372a19;
}
#headerWrapper {
	width:100%;
	background:url(../images/interface/header-bg.jpg) repeat-x;
}
#header {
	width:960px;
	height:140px;
	margin:0px auto;
	position:relative;
	z-index:25;
}
#logo {
	width:153px;
	height:122px;
	position:absolute;
	top:8px;
	left:0px;
}
#login-btn {
	position:absolute;
	right:0px;
	top:55px;
}

#profile-btn {
	position:absolute;
	left:630px;
	top:55px;
}

#nav {
	width:681px;
	height:38px;
	background:url(../images/interface/navigation-bg.gif) no-repeat;
	position:absolute;
	top:108px;
	right:0px;
}
#nav ul {
	width:670px;
	margin:10px 0px 0px 15px;
	padding:0px 0px 0px 0px;
	list-style:none;
}
#nav ul li {
	margin:0px 15px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
#nav ul li a {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:11px;
}
#nav ul li a:hover {
	color:#efda96;
}

#nav ul li .selected {
	color:#efda96;
}

/* NAVIGATION DROP DOWN MENU
--------------------------------------------------------------------------------------- */
#nav li ul {
	width:150px;
	position:absolute;
	top:18px;
	left:50px;
	display:none;
	background: url(../images/interface/nav-dropdown.gif) no-repeat;
	height:98px;
}
#nav li ul li {
	float: left;
	position: relative;
}
#nav li ul li a {
	color: #ffffff;
	text-decoration: none;
	font-weight:bold;
	font-size:12px;
	width: 150px;
	height:5px;
	padding: 10px 20px 20px 10px;
	display: block;
	z-index:200;
}

#nav li ul li a:hover { 
	color:#efda96;
	}

#nav li:hover ul, #main-navagation li.over ul { display: block; }
#nav li:hover ul, li.over ul { display: block; }

/* WRAPPER and CONTENT
--------------------------------------------------------------------------------------- */
#contentWrapper {
	width:100%;
	height:464px;
	border-top:1px #2a2013 solid;
	border-bottom:1px #5f461e solid;
}
#content {
	width:960px;
	height:464px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:5;
}

#text {
	width:574px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	float:right;
}
#textArea {
	width:574px;
	height:400px;
	background:url(../images/interface/content_background_sm.png) no-repeat;
	margin:0px 0px 0px 0px;
	padding:30px 0px 0px 0px;
	position:absolute;
	right:0;
	bottom:0;
}
.container {
	padding:0px 30px 0px 30px;
}
.formBorder {
	border:1px #443018 solid;
}
.required {
	color:#900;
	font-weight:bold;
}

/* ORDER FORM
--------------------------------------------------------------------------------------- */
#orderWines a {
	color:#60C;
}
#orderWines .wineTitle {
	background:#52381f;
	color:#FFF;
	font-size:14px;
	padding:2px;
}
#orderWines .sections {
	background:#52381f;
	color:#FFF;
	font-size:10px;
	padding:2px;
}
#orderWines .orderField {
	background-color: #fffff;
	width:15px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#orderWines .price {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#orderWines .smallText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
#orderWines .orderTotal {
	background-color: #fffff;
	width:113px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#orderWines .orderDrop {
	background-color: #fffff;
	width:115px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#orderWines .orderInfo {
	background-color: #fffff;
	width:180px;
	border: 1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}
#orderWines .comments {
	background-color:#ffffff;
	width:180px;
	border:1px solid #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#000;
}

/* NEWS/EVENTS
--------------------------------------------------------------------------------------- */
.newsContainer {
	width:472px;
	height:125px;
	padding:0px 0px 10px 0px;
	margin:0px 0px 10px 0px;
	border-bottom:1px dashed #938059;
}
	.newsContainer .newsImage {
		width:130px;
		height:115px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:left;
	}
	.newsContainer .newsInfoBrief {
		width:332px;
		height:115px;
		padding:0px 0px 0px 0px;
		margin:0px 0px 0px 0px;
		float:right;
	}
.fullNewsContainer {
	width:472px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}

/* OUR WINES PAGE
--------------------------------------------------------------------------------------- */
.wineContainer {
	width:500px;
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
}
	.wineContainer .wineImage {
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:left;
		border:medium #372a19 solid;
	}
	.wineContainer .wineInfo {
		width:330px;
		height:216px;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		float:right;
	}
	.wineContainer .wineNotes {
		width:490px;
		margin:10px 0px 0px 0px;
		padding:10px 10px 0px 0px;
		border-top:1px dashed #938059;
		border-bottom:1px dashed #938059;
	}
	.wineContainer .wineAwards {
		width:490px;
		margin:10px 10px 0px 0px;
		padding:0px 0px 0px 0px;
	}
	
/* WINE MENU
--------------------------------------------------------------------------------------- */
#menuWrapper {
	width:386px;
	height:464px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	float:left;
}
#menuWrapper .wine1 a, #menuWrapper .wine2 a, #menuWrapper .wine3 a {
	width:386px;
	height:66px;
	display:block;
}
#menuWrapper .wine1 a span, #menuWrapper .wine2 a span, #menuWrapper .wine3 a span {
	display:none;
}
#wine1Wrapper{ position:absolute; bottom:0; left:0;}
.wine1 {
	width:386px;
	height:66px;
	background:url(../images/interface/red_wine_tab_top.png) no-repeat;
}
#wine2Wrapper{ position:absolute; bottom:0; left:0;}
.wine2 {
	width:386px;
	height:66px;
	background:url(../images/interface/white_wine_tab_top.png) no-repeat;
}
#wine3Wrapper{ position:absolute; bottom:0; left:0;}
.wine3 {
	width:386px;
	height:66px;
	background:url(../images/interface/dessert_wine_tab_top.png) no-repeat;
}
.wineContent {
	width:346px;
	height:250px;
	padding: 0 20px 0 20px;
	background:url(../images/interface/all_tabs_bottom.jpg) no-repeat;
}
/* Backgrounds
--------------------------------------------------------------------------------------- */
.bg1 {background:url(../images/backgrounds/panoback1.jpg) 50% 50% no-repeat;}
.bg2 {background:url(../images/backgrounds/panoback2.jpg) 50% 50% no-repeat;}
.bg3 {background:url(../images/backgrounds/panoback3.jpg) 50% 50% no-repeat;}
.bg4 {background:url(../images/backgrounds/panoback4.jpg) 50% 50% no-repeat;}
.bg5 {background:url(../images/backgrounds/panoback5.jpg) 50% 50% no-repeat;}
/* WRAPPER and FOOTER
--------------------------------------------------------------------------------------- */
#footerWrapper {
	width:100%;
	background:url(../images/interface/footer-bg.jpg) repeat-x;
}
#footer {
	width:960px;
	height:241px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
	z-index:5;
	position:relative;
}
#holder1 {
	width:177px;
	height:216px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:absolute;
	top:10px;
	left:0px;
}
#holder2 {
	width:238px;
	height:216px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	border-left:1px #644e37 solid;
	border-right:1px #644e37 solid;
	position:absolute;
	top:10px;
	left:177px;
}
#holder3 {
	width:238px;
	height:216px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	position:absolute;
	top:10px;
	left:427px;
	line-height:18px;
}
#holder4 {
	width:238px;
	height:216px;
	margin:0px 0px 0px 0px;
	padding:0px 5px 0px 5px;
	border-left:1px #644e37 solid;
	border-right:1px #644e37 solid;
	position:absolute;
	top:10px;
	left:675px;
}
.holderTitle {
	width:238px;
	height:34px;
	background:url(../images/interface/holder-title-bg.gif) no-repeat;
	margin:0px 0px 0px 0px;
	padding:12px 0px 0px 0px;
	text-align:center;
	color:#d7b247;
	font-size:14px;
}
	.holderTitle a {
		color:#d7b247;
	}
.holderText {
	width:228px;
	margin:10px auto 0px auto;
	color:#bfb6ae;
	font-size:11px;
}
.holderTextTaste {
	width:228px;
	margin:10px 0px 0px 0px;
	color:#bfb6ae;
	font-size:11px;
}
#copyright {
	width:960px;
	margin:0px auto;
	padding:0px 0px 0px 0px;
}
#copyright a {
	display:block;
	color:#FFF;
}
#copyright a:hover {
	color:#efda96;
}

#footer-nav {
	height:20px;
	text-align:center;
	margin:auto;
}
#footer-nav ul {
	width:875px;
	margin:auto;
	padding:0px 0px 0px 0px;
	list-style:none;
}

#footer-nav ul li {
	margin:0px 25px 0px 0px;
	padding:0px 0px 0px 0px;
	float:left;
}
#footer-nav ul li a {
	display:block;
	color:#FFF;
	font-weight:bold;
	font-size:9px;
}
#footer-nav ul li a:hover {
	color:#efda96;
}

.link
{ cursor:	pointer; }

.order-wine-btn {
	position:absolute;
	bottom:0px;
	left:5px;
}

.view-all-btn {
	position:absolute;
	bottom:0px;
	left:5px;
}

/* Light Box 
--------------------------------------------------------------------------------------- */
#jquery-overlay {
	position:			 	absolute;
	top: 					0;
	left: 					0;
	z-index: 				90;
	width: 					100%;
	height: 				500px;
}
#jquery-lightbox {
	position: 				absolute;
	top: 					0;
	left: 					0;
	width: 					100%;
	z-index: 				100;
	text-align: 				center;
	line-height: 				0;
}
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box {
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
}
#lightbox-container-image { padding: 10px; }
#lightbox-loading {
	position: 				absolute;
	top: 					40%;
	left: 					0%;
	height: 				25%;
	width: 					100%;
	text-align: 				center;
	line-height: 				0;
}
#lightbox-nav {
	position: 				absolute;
	top: 					0;
	left: 					0;
	height: 				100%;
	width: 					100%;
	z-index: 				10;
}
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: none;}
#lightbox-nav-btnPrev, #lightbox-nav-btnNext {
	width: 					49%;
	height: 				100%;
	zoom: 					1;
	display: 				block;
}
#lightbox-nav-btnPrev { 
	left: 					0; 
	float: 					left;
}

#lightbox-nav-btnNext { 
	right: 					0; 
	float: 					right;
}
#lightbox-container-image-data-box {
	font: 					10px Verdana, Helvetica, sans-serif;
	background-color: 			#fff;
	margin: 				0 auto;
	line-height: 				1.4em;
	overflow:				auto;
	width: 					100%;
	padding: 	                        0 10px 0;
}
#lightbox-container-image-data {
	padding:                                0 10px; 
	color: 					#666; 
}

#lightbox-container-image-data #lightbox-image-details { 
	width:					70%; 
	float: 					left; 
	text-align: 				left; 
}	
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber {
	display: 				block; 
	clear: 					left; 
	padding-bottom: 			1.0em;	
}			
#lightbox-secNav-btnClose {
	width: 					66px; 
	float: 					right;
	padding-bottom: 			0.7em;	
}