/*
 *  index.css
 *
 *  This is your external CSS style sheet. It defines all of the CSS styles that you
 *  are using in your page.  If you are going to create multiple pages from the same
 *  PSD file (like a template), you will share this CSS style sheet between the various
 *  pages.
 *
 *  This file was originally generated at http://psd2cssonline.com 
 *  November 13, 2008, 11:13 am with psd2css Online version 1.18
 *
 */

body{
  margin: 0; padding: 0;
  /* This is the background image to the entire page that you
   * get because of the layer 'b' that you created.
   * If you would like this layer to stay static relative to the
   * browser window (you don't want it to scroll with your content)
   * just add the word 'fixed' to the line below (before the ;). */
  background: url(Layer-2.jpg);
}

/* You named this layer b_center_empty */
#Layer-1 {
	position: absolute;
	margin-left: -504.5px;
	left: 50%;
	top: +0px;
	width: 1009px;
	height: 2457px;
	z-index: 1;
}

/* You named this layer white content_center */
#Layer-3 {
	position: absolute;
	margin-left: -466.5px;
	left: 50%;
	top: 64px;
	width: 933px;
	height: 1738px;
	z-index: 3;
}

/* You named this layer Brown Advertising */
#Layer-4 {
	position: absolute;
	left: 643px;
	top: 2236px;
	width: 323px;
	height: 25px;
	z-index: 4;
}

/* You named this layer footer bar */
#Layer-5 {
	position: absolute;
	left: 38px;
	top: 2144px;
	width: 933px;
	height: 71px;
	z-index: 5;
}

/* You named this layer footer_text */
#Layer-6 {
	position: absolute;
	left: 51px;
	top: 18px;
	width: 831px;
	height: 38px;
	z-index: 6;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #FFFFFF;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

/* You named this layer Sign Up for Ye Free Email Newsl */
#Layer-7 {
	position: absolute;
	left: 82px;
	top: 2002px;
	width: 780px;
	height: 27px;
	z-index: 7;
}

/* You named this layer bottom line */
#Layer-8 {
	position: absolute;
	left: 35px;
	top: 1973px;
	width: 847px;
	height: 1px;
	z-index: 8;
}

/* You named this layer disclaimer_text */
#Layer-9 {
	position: absolute;
	left: 47px;
	top: 2038px;
	width: 836px;
	height: 34px;
	z-index: 9;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #666666;
	font: x-small Geneva, Arial, Helvetica, sans-serif;
}

/* You named this layer email mockup_empty */
#Layer-10 {
	position: absolute;
	left: 341px;
	top: 1999px;
	width: 608px;
	height: 72px;
	z-index: 10;
}

/* You named this layer 05cabfranc_text */
#Layer-11 {
	position: absolute;
	left: 192px;
	top: 564px;
	width: 253px;
	height: 227px;
	z-index: 11;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #666666;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

/* You named this layer 05cabfranc Add to Cart */
#Layer-12 {
  position: absolute;
  left: 187px;
  top: 779px;
  width: 132px;
  height: 39px;
  z-index: 12;
}

/* You named this layer 1_lbthumb */
#Layer-13 {
  position: absolute;
  left: 53px;
  top: 568px;
  width: 121px;
  height: 206px;
  z-index: 13;
}

/* You named this layer 05viogniermain_text */
#Layer-14 {
	position: absolute;
	left: 638px;
	top: 567px;
	width: 218px;
	height: 181px;
	z-index: 14;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #666666;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

/* You named this layer 05viognier Add to Cart */
#Layer-15 {
  position: absolute;
  left: 634px;
  top: 778px;
  width: 132px;
  height: 39px;
  z-index: 15;
}

/* You named this layer 2_lbthumb */
#Layer-16 {
  position: absolute;
  left: 500px;
  top: 568px;
  width: 121px;
  height: 205px;
  z-index: 16;
}

/* You named this layer 06heidisred_text */
#Layer-17 {
	position: absolute;
	left: 190px;
	top: 824px;
	width: 238px;
	height: 227px;
	z-index: 17;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #666666;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

/* You named this layer 06heidisred Add to Cart */
#Layer-18 {
  position: absolute;
  left: 186px;
  top: 1040px;
  width: 132px;
  height: 39px;
  z-index: 18;
}

/* You named this layer 3_lbthumb */
#Layer-19 {
  position: absolute;
  left: 52px;
  top: 836px;
  width: 121px;
  height: 205px;
  z-index: 19;
}

/* You named this layer 06barbera_text */
#Layer-20 {
	position: absolute;
	left: 637px;
	top: 828px;
	width: 244px;
	height: 219px;
	z-index: 20;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #666666;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

/* You named this layer 06barbera Add to Cart */
#Layer-21 {
  position: absolute;
  left: 633px;
  top: 1046px;
  width: 132px;
  height: 39px;
  z-index: 21;
}

/* You named this layer 4_lbthumb */
#Layer-22 {
  position: absolute;
  left: 499px;
  top: 836px;
  width: 121px;
  height: 205px;
  z-index: 22;
}

/* You named this layer 06viognier_text */
#Layer-23 {
	position: absolute;
	left: 189px;
	top: 1115px;
	width: 236px;
	height: 178px;
	z-index: 23;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #666666;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

/* You named this layer 06viognier Add to Cart */
#Layer-24 {
	position: absolute;
	left: 188px;
	top: 1310px;
	width: 132px;
	height: 39px;
	z-index: 24;
}

/* You named this layer 5_lbthumb */
#Layer-25 {
	position: absolute;
	left: 54px;
	top: 1111px;
	width: 121px;
	height: 205px;
	z-index: 25;
}

/* You named this layer 06chardonnay_text */
#Layer-26 {
	position: absolute;
	left: 637px;
	top: 1092px;
	width: 248px;
	height: 228px;
	z-index: 26;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #666666;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

/* You named this layer 06chardonnay Add to Cart */
#Layer-27 {
  position: absolute;
  left: 633px;
  top: 1311px;
  width: 132px;
  height: 39px;
  z-index: 27;
}

/* You named this layer 6_lbthumb */
#Layer-28 {
  position: absolute;
  left: 499px;
  top: 1101px;
  width: 121px;
  height: 205px;
  z-index: 28;
}

/* You named this layer 06cabfranc_text */
#Layer-29 {
	position: absolute;
	left: 193px;
	top: 1369px;
	width: 247px;
	height: 218px;
	z-index: 29;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #666666;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

/* You named this layer 06cabfranc Add to Cart */
#Layer-30 {
	position: absolute;
	left: 189px;
	top: 1583px;
	width: 132px;
	height: 39px;
	z-index: 30;
}

/* You named this layer 7_lbthumb */
#Layer-31 {
	position: absolute;
	left: 54px;
	top: 1373px;
	width: 121px;
	height: 205px;
	z-index: 31;
}

/* You named this layer topdislaimer_text */
#Layer-32 {
	position: absolute;
	left: 51px;
	top: 366px;
	width: 804px;
	height: 215px;
	z-index: 32;
	/* Here are some suggestions for this area's text settings */
  text-align: left;
	/* If you don't want scroll bars when your content gets bigger than the space
   * you designed for it, remove the following line.      */
  overflow: auto;
	color: #666666;
	font: small Verdana, Arial, Helvetica, sans-serif;
}

/* You named this layer Ye Wine Shoppe */
#Layer-33 {
  position: absolute;
  left: 179px;
  top: 253px;
  width: 573px;
  height: 96px;
  z-index: 33;
}

/* You named this layer header */
#Layer-34 {
  position: absolute;
  left: 2px;
  top: 9px;
  width: 1005px;
  height: 346px;
  z-index: 34;
}

/* You named this layer navcontainer_empty */
#Layer-35 {
  position: absolute;
  left: 235px;
  top: 245px;
  width: 774px;
  height: 57px;
  z-index: 35;
}

/* You named this layer index_link */
#Layer-36 {
  position: absolute;
  left: 33px;
  top: 7px;
  width: 67px;
  height: 42px;
  z-index: 36;
}

/* You named this layer index_linkover */
#Layer-37 {
  position: absolute;
  left: 33px;
  top: 7px;
  width: 67px;
  height: 42px;
  z-index: 37;
}

/* You named this layer ourstory_link */
#Layer-38 {
  position: absolute;
  left: 100px;
  top: 7px;
  width: 102px;
  height: 42px;
  z-index: 38;
}

/* You named this layer ourstory_linkover */
#Layer-39 {
  position: absolute;
  left: 100px;
  top: 7px;
  width: 102px;
  height: 42px;
  z-index: 39;
}

/* You named this layer wineshop_link */
#Layer-40 {
  position: absolute;
  left: 201px;
  top: 7px;
  width: 107px;
  height: 42px;
  z-index: 40;
}

/* You named this layer wineshop_linkover */
#Layer-41 {
  position: absolute;
  left: 201px;
  top: 7px;
  width: 107px;
  height: 42px;
  z-index: 41;
}

/* You named this layer photos_link */
#Layer-42 {
  position: absolute;
  left: 308px;
  top: 7px;
  width: 139px;
  height: 42px;
  z-index: 42;
}

/* You named this layer photos_linkover */
#Layer-43 {
  position: absolute;
  left: 308px;
  top: 7px;
  width: 139px;
  height: 42px;
  z-index: 43;
}

/* You named this layer links_link */
#Layer-44 {
  position: absolute;
  left: 447px;
  top: 7px;
  width: 72px;
  height: 42px;
  z-index: 44;
}

/* You named this layer links_linkover */
#Layer-45 {
  position: absolute;
  left: 447px;
  top: 7px;
  width: 72px;
  height: 42px;
  z-index: 45;
}

/* You named this layer directions_link */
#Layer-46 {
  position: absolute;
  left: 518px;
  top: 7px;
  width: 101px;
  height: 42px;
  z-index: 46;
}

/* You named this layer directions_linkover */
#Layer-47 {
  position: absolute;
  left: 518px;
  top: 7px;
  width: 101px;
  height: 42px;
  z-index: 47;
}

/* You named this layer contact_link */
#Layer-48 {
  position: absolute;
  left: 619px;
  top: 7px;
  width: 106px;
  height: 42px;
  z-index: 48;
}

/* You named this layer contact_linkover */
#Layer-49 {
  position: absolute;
  left: 619px;
  top: 7px;
  width: 106px;
  height: 42px;
  z-index: 49;
}

/* Here are some examples of how you might want to change the
 * look and behavior of the links on your page.  Some examples for
 * further customization are included in comments.  */
a { cursor: pointer; }
a:link { color: #F88; }
a:visited { color: #F88; }
a:hover {
  color: #F00;
  /* text-decoration: underline; */
  /* font-weight: bold; */
}