/* undo some default styling of common (X)HTML browsers
 * ------------------------------------------------------------------------- */
 
/* No list-markers by default - must redefine bullets w/ bg graphics */
ul,ol { list-style:none; }
 
/* Avoid browser default inconsistent heading font-sizes and pre/code */
h1,h2,h3,h4,h5,h6,pre,code,td { font-size:1em; }
 
/* Remove inconsistent (among browsers) default padding or margin */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input,label,div,dd,dt,dl,table,tr,td { margin:0; padding:0; }
 
/* prevent blue linked image borders */
a img,:link img,:visited img,fieldset { border:none; }




body { font-family:Arial, Helvetica, sans-serif; background-image:url("../webfiles/bkd-pattern-slice.jpg"); background-repeat:repeat; margin: 0 0 0 0; padding:0 0 0 0; }

#container {width: 900px; margin: 30px auto; padding:10px 10px 10px 10px; border:#e9e5df thin solid;}
#banner {width:900px; height:158px; background-repeat:no-repeat; background:url("../webfiles/banner.jpg"); padding:0 0 0 0;}
#navBar {width:900px; height:50px; background:#18150f; padding:0 0 0 0;}


	
/* ------------ BEGIN HOME PAGE -------------------------*/


	
#flash { width:550px; height:400px; background-color:#FFFFFF; margin:0 0 0 0; float:left; }
	
#slideshow { width:550px; height:400px; }
	
#copyVertical { width:350px; height:400px; background:url("../webfiles/verticalcopy.jpg"); margin:0 0 0 0; float:left; }
#copyVertical p { color:#666666; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.6em; font-size: 13px; margin:20px 30px 0 30px; }
#copyVertical h1 { font-size: 16px; color:#333333; font-weight: bold; text-align:left; margin:35px 10px 0 30px; line-height:10px; }
	
#promoLeft { background:#e9e5df; width:225px; height:250px; padding:0 0 0 0; float:left; }
#promoLeft p { font-size:12px; text-align:center; color:#18150f; line-height:13px; margin:5px 0 10px 0; }
#promoLeft h1 { font-size:13px; text-align:center; color:#18150f; line-height:18px; margin:10px 0 0 0; font-weight:500; }
#promoLeft h2 { font-size:12px; text-align:center; color:#18150f; line-height:15px; font-style:italic; font-weight:300; }
	
#promoRight { background-image:url("../webfiles/promoright.jpg"); width:225px; height:250px; margin:0 0 0 0; float:left; }
	
#promoRight p { text-align:center; font-size:14px; color:18150e; margin:90px 0 0 0; }
#promoRight a { color:#d98c2e; text-decoration:none; }
#promoRight a:hover { color:#333333; text-decoration:none; }

#copyHoriz a { width:450px; height:250px; background :url("../webfiles/grape-rollover.jpg") top left no-repeat; display:block; float:left; }
#copyHoriz a:hover { background: url("../webfiles/grape-rollover.jpg") bottom left no-repeat; }
	
/*	
#copyHoriz { width:450px; height:250px; background-image:url("../webfiles/horiz-copy2.jpg"); background-repeat:no-repeat; margin:0 0 0 0; float:left; }
#copyHoriz p { color:#333333; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.6em; font-size: 14px; margin:20px 20px; }
#copyHoriz h1 { font-size: 16px; color:#333333; font-weight: bold; text-align:left; line-height:25px; }
*/



/*--------------- BEGIN ABOUT PAGE -------------------------*/



#aboutMain { width:900px; height:244px; background-image:url("../webfiles/about-us-main.jpg"); background-repeat:no-repeat; }
	
#aboutLeft { width:205px; height:387px; background-image:url("../webfiles/aboutus-winebottles.jpg"); background-repeat:no-repeat; float:left; margin:10px 10px; }
	
#aboutContent { width:665px; border:#cdcdcd thin solid; background-color:#FFFFFF; margin:10px 5px 10px 0; float:left; }
#aboutContent p { color:#333333; font-style:italic; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.6em; font-size: 13px; margin:10px 15px 10px 15px; }
#aboutContent h1 { font-size: 15px; color:#333333; font-weight: bold; text-align:left; margin:10px 0 15px 15px; line-height:25px; }
	
#aboutContainer { width:900px; background-color:#e9e5df; }


	
/*--------------- BEGIN DELI -----------------------*/



#deliContainer { width:900px; background-color:#e9e5df; }

#deliMain { background-image:url("../webfiles/deli-main.jpg"); width:900px; height:244px; background-repeat:no-repeat; }
	
#deliLeft { width:205px; height:230px; background-image:url("../webfiles/lunch-on-terrace.jpg"); background-repeat:no-repeat; float:left; margin:10px 10px; }
	
#deliContent { width:665px; border:#cdcdcd thin solid; background-color:#FFFFFF; margin:10px 5px 10px 0; float:left; }
#deliContent h1 { font-size: 16px; color:#333333; font-weight: bold; text-align:left; margin:10px 0 10px 15px; line-height:25px; }
#deliContent h2 { font-size: 12px; color:#d08936; font-weight: 800; text-align:left; margin:3px 0 3px 15px; }
#deliContent p { color:#666666; font-style:normal; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 11px; margin:5px 10px 10px 15px; }



/*--------------- BEGIN EVENTS ----------------------------*/



#eventsMain { background-image:url("../webfiles/events-main.jpg"); width:900px; height:244px; background-repeat:no-repeat; }
	
#eventsLeft { width:205px; height:262px; background-image:url("../webfiles/events-left-image.jpg"); background-repeat:no-repeat; float:left; margin:10px 10px; }
	
#eventsContainer { width:900px; background-color:#e9e5df; }

#eventsContent { width:665px; border:#cdcdcd thin solid; background-color:#FFFFFF; margin:10px 5px 10px 0; float:left; }
#eventsContent h1 { font-size: 16px; color:#333333; font-weight: bold; text-align:left; margin:10px 0 5px 15px; line-height:25px; }
#eventsContent h2 { font-size: 12px; color:#d08936; font-weight: 800; text-align:left; margin:3px 0 3px 15px; }
#eventsContent p { color:#666666; font-style:normal; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.4em; font-size: 12px; margin:5px 10px 10px 15px;}
 
.events {width:565px; float:left; margin:5px 0 10px 15px}
.events h3 {font-size:14px; font-weight:bold; text-align:left; margin:0 0 5px 0; color:#090;}
.events a {font-size:14px; font-weight:bold; text-align:left; margin:0 0 5px 0; color:#090; text-decoration:none;}
.events a:hover {font-size:14px; font-weight:bold; text-align:left; margin:0 0 5px 0; color:#0C3; text-decoration:none;}


.events p {font-size:12px; font-weight:100; text-align:left; margin:0 0 5px 0; color:#CCC; font-style:italic;}


	
/*--------------- BEGIN WINE CLUB ------------------------*/



#clubMain { background-image:url("../webfiles/club-main.jpg"); width:900px; height:244px; background-repeat:no-repeat; }
	
#clubLeft { width:205px; height:246px; background-image:url("../webfiles/club-left-image.jpg"); background-repeat:no-repeat; float:left; margin:10px 10px; }
		
#clubContainer { width:900px; background-color:#e9e5df; }

#clubContent { width:665px; border:#cdcdcd thin solid; background-color:#FFFFFF; margin:10px 5px 10px 0; float:left; }	
#clubContent h1 { font-size: 16px; color:#333333; font-weight: bold; text-align:left; margin:10px 0 15px 15px; line-height:25px; }
#clubContent h2 { font-size: 16px; color:#d08936; font-weight: bold; text-align:left; margin:10px 0 15px 15px; line-height:25px; }
#clubContent p { color:#666666; font-style:normal; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 12px; margin:10px 10px 10px 15px; }


	
/*--------------- BEGIN OUR WINES ------------------------*/



#winesMain { background-image:url("../webfiles/wines-main.jpg"); width:900px; height:244px; background-repeat:no-repeat; }
	
#winesLeft1 { width:205px; height:223px; background-image:url("../webfiles/wines-left-image1.jpg"); background-repeat:no-repeat; float:left; margin:10px 10px; }
	
#winesLeft2 { width:205px; height:208px; background-image:url("../webfiles/wines-left-image2.jpg"); background-repeat:no-repeat; float:left; margin:10px 10px; }
	
#winesContent { width:880px; border:#cdcdcd thin solid; background-color:#FFFFFF; margin:0 auto; }
#winesContent h1 {font-size:20px; font-weight:200; color:#0A0; margin:15px 15px;}
#winesContent p { color:#666666; font-style:normal; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.3em; font-size: 12px; margin:15px 15px; }
	
#winesContainer { width:900px; background-color:#e9e5df; padding:10px 0 10px 0; }


/* -------------- BEGIN BOTTOM NAV -------------------------*/



#bottomNav { width:900px; height:50px; margin:0 0 0 0; }
#bottomNav ul { font-size:12px; text-align:left; font-weight:300; padding:20px 0 0 0; }
#bottomNav li { list-style:none; display:inline; margin:0 0 0 20px; }
#bottomNav a { color:#d98c2e; text-decoration:none; }
#bottomNav a:hover { color:#ffffff; text-decoration:none; }


	
/*----------------BEGIN FOOTER ----------------------------*/


	
#footer { background:#e9e5df; width:900px; height:50px; margin:0 0 0 0; float:left; }
#footer p { text-align:center; color:#18150f; font-size:13px; font-style:normal; margin:15px 0 0 0; }

#justin { width:900px; margin:0 auto;}
#justin p {font-size:12px; text-align:right; color:#61533c; margin:0 0 20px 0;}
#justin a {font-size:12px; text-align:right; color:#61533c; text-decoration:none;}
#justin a:hover {font-size:12px; text-align:right; color:#7a6c57; text-decoration:none;}





	
/*------------------------------ BEGIN NAVIGATION --------------------------------------*/	
	
#home a { width:150px; height:50px; background :url("../webfiles/home-button.jpg") top left no-repeat; display:block; float:left; }
#home a:hover { background: url("../webfiles/home-button.jpg") bottom left no-repeat; }
	
#aboutus a { width:150px; height:50px; background :url("../webfiles/aboutus-button.jpg") top left no-repeat; display:block; float:left; }
#aboutus a:hover { background: url("../webfiles/aboutus-button.jpg") bottom left no-repeat; }
	
#deli a { width:150px; height:50px; background :url("../webfiles/deli-button.jpg") top left no-repeat; display:block; float:left; }
#deli a:hover { background: url("../webfiles/deli-button.jpg") bottom left no-repeat; }
	
#ourwines a { width:150px; height:50px; background :url("../webfiles/ourwines-button.jpg") top left no-repeat; display:block; float:left; }
#ourwines a:hover { background: url("../webfiles/ourwines-button.jpg") bottom left no-repeat; }
	
#events a { width:150px; height:50px; background :url("../webfiles/event-button.jpg") top left no-repeat; display:block; float:left; }
#events a:hover { background: url("../webfiles/event-button.jpg") bottom left no-repeat; }
	
#wineclub a { width:150px; height:50px; background :url("../webfiles/wineclub-button.jpg") top left no-repeat; display:block; float:left; }
#wineclub a:hover { background: url("../webfiles/wineclub-button.jpg") bottom left no-repeat; }


/*------------------------------ BEGIN TEXT STYLES -------------------------------------- */		

	
h1 { font-size: 16px; color:#656463; font-weight: bold; text-align:left; margin:0 0 15px 50px; line-height:25px; }
	
h2 { font-size:16px; color:#5d9732; font-weight:bold; margin:20px 0 10px 15px; text-align:left; }
	
p { color:#333333; text-decoration: none; word-spacing: normal; text-align: left; letter-spacing: 0; line-height: 1.6em; font-size: 14px; margin:10px 50px 0 50px; }
	
.center { text-align:center; }
	
div.clear { clear:both; height:.01em; overflow:hidden; }
	
.orange { font-size:15px; color:#d08936; font-style:normal; font-weight:700; margin:10px 0 10px 15px; }
	
.note { color:#666666; font-size:11px; font-weight:300; font-style:italic; }
	

/*a:link { color: #d98c2e; text-decoration: none;}
a:visited { color: #d98c2e; text-decoration: none;}
a:active { color: #d98c2e; text-decoration: none;}
a:hover { color:#e9e5df text-decoration: none;}*/
	
/* ----------------------- LIGHTBOX ------------------------------------------------------*/

#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); Trick IE into showing hover display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url("../webfiles/images/prevlabel.gif") left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url("../webfiles/images/nextlabel.gif") right 15% no-repeat; }

#imageDataContainer{ font: 12px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }