/*
Site: Wine Craft of Atlanta
Created: 02/08/2006
Updated: 04/05/2006
*/

* {
  margin: 0px;
  padding: 0px;}

body {
  margin: 20px;
  background: #214232;}

p {
  padding-bottom: 17px;
  line-height: 17px;}

dir li {
  margin-bottom: 10px;
  margin-right: 200px;
  margin-left: 15px}

#LinkText {
  position: relative;
  padding: 0px 0px 0px 0px;
  color: #666666;
  font-family: verdana, arial, sans-serif;
  font-size: 12px;}

h3{
  color: #774E96;}

h4{
  color: #7A3047;
  font-size: 18px;}

table {
  width: 100%;
  border-collapse: collapse;}
  

td {
  color: #666666;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 12px;
  vertical-align: top;}

a {
  color: #888888;
  text-decoration: none;
  outline:  none;}
 

a:hover {
  color: #3B6282;}

ul li {
  list-style: none;}

img {
  border: 0px;}

/* layout */

#left {
  background: #BBBA8A;}

#content {
  padding: 45px;
  width: 100%;
  background: #FFFAE2;
  text-align: left;}

img.float {
  margin: 0px 0px 20px 20px;
  float: right;}

#tagline {
  position: relative;
  padding: 40px 0px 0px 0px;}

#logo {
  position: absolute;
  z-index: 1;
  top: 42px;
  left: 42px;
  width: 151px;
  height: 84px;}

#corner {
  position: absolute;
  z-index: 1;
  top: 20px;
  right: 19px;
  width: 40px;
  height: 40px;}

#menu {
  position: absolute;
  z-index: 2;
  top: 160px;
  left: 20px;
  width: 147px;
  height: 147px;}
  
#products-menu {
  position: absolute;
  z-index: 2;
  top: 160px;
  left: 20px;
  width: 147px;
  height: 399px;}

/* navigation */

#leftnav {
  width: 147px;
  height: 21px;
}
#leftnav li {
  width: 147px;
  text-indent: -9999px;}

#leftnav a {
  width: 147px;
  height: 21px;
  display: block;
  background:  url("images/menu.gif") no-repeat;
  border-bottom: none;}

#leftnav a:hover {
  text-decoration: none;
  border-bottom: none;}

#leftnav #leftnav-home a {
  background-position: 0px 0px;}

#leftnav #leftnav-home a:hover {
  background-position: -147px 0px;}

#home #leftnav #leftnav-home a {
  background-position: -147px 0px;}

#leftnav #leftnav-menu2 a {
  background-position: 0px -21px;}

#leftnav #leftnav-menu2 a:hover {
  background-position: -147px -21px;}

#menu2 #leftnav #leftnav-menu2 a {
  background-position: -147px -21px;}

#leftnav #leftnav-menu3 a {
  background-position: 0px -42px;}

#leftnav #leftnav-menu3 a:hover {
  background-position: -147px -42px;}

#menu3 #leftnav #leftnav-menu3 a {
  background-position: -147px -42px;}

#leftnav #leftnav-menu4 a {
  background-position: 0px -63px;}

#leftnav #leftnav-menu4 a:hover {
  background-position: -147px -63px;}

#menu4 #leftnav #leftnav-menu4 a {
  background-position: -147px -63px;}

#leftnav #leftnav-menu5 a {
  background-position: 0px -84px;}

#leftnav #leftnav-menu5 a:hover {
  background-position: -147px -84px;}

#menu5 #leftnav #leftnav-menu5 a {
  background-position: -147px -84px;}

#leftnav #leftnav-menu6 a {
  background-position: 0px -105px;}

#leftnav #leftnav-menu6 a:hover {
  background-position: -147px -105px;}

#menu6 #leftnav #leftnav-menu6 a {
  background-position: -147px -105px;}

#leftnav #leftnav-menu7 a {
  background-position: 0px -126px;}

#leftnav #leftnav-menu7 a:hover {
  background-position: -147px -126px;}

#menu7 #leftnav #leftnav-menu7 a {
  background-position: -147px -126px;}

/* products navigation */

#products-nav {
  width: 147px;
  height: 21px;}

#products-nav li {
  width: 147px;
  text-indent: -9999px;}

#products-nav a {
  width: 147px;
  height: 21px;
  display: block;
  background:  url("images/products-menu.gif") no-repeat;
  border-bottom: none;}

#products-nav a:hover {
  text-decoration: none;
  border-bottom: none;}

#products-nav #products-nav-home a {
  background-position: 0px 0px;}

#products-nav #products-nav-home a:hover {
  background-position: -147px 0px;}

#home #products-nav #products-nav-home a {
  background-position: -147px 0px;}

#products-nav #products-nav-menu2 a {
  background-position: 0px -21px;}

#products-nav #products-nav-menu2 a:hover {
  background-position: -147px -21px;}

#menu2 #products-nav #products-nav-menu2 a {
  background-position: -147px -21px;}

#products-nav #products-nav-menu3 a {
  background-position: 0px -42px;}

#products-nav #products-nav-menu3 a:hover {
  background-position: -147px -42px;}

#menu3 #products-nav #products-nav-menu3 a {
  background-position: -147px -42px;}

#products-nav #products-nav-menu4 a {
  background-position: 0px -63px;}

#products-nav #products-nav-menu4 a:hover {
  background-position: -147px -63px;}

#menu4 #products-nav #products-nav-menu4 a {
  background-position: -147px -63px;}

#products-nav #products-nav-menu5 a {
  background-position: 0px -84px;}

#products-nav #products-nav-menu5 a:hover {
  background-position: -147px -84px;}

#menu5 #products-nav #products-nav-menu5 a {
  background-position: -147px -84px;}

#products-nav #products-nav-menu6 a {
  background-position: 0px -105px;}

#products-nav #products-nav-menu6 a:hover {
  background-position: -147px -105px;}

#menu6 #products-nav #products-nav-menu6 a {
  background-position: -147px -105px;}

#products-nav #products-nav-menu7 a {
  background-position: 0px -126px;}

#products-nav #products-nav-menu7 a:hover {
  background-position: -147px -126px;}

#menu7 #products-nav #products-nav-menu7 a {
  background-position: -147px -126px;}

#products-nav #products-nav-menu8 a {
  background-position: 0px -147px;}

#products-nav #products-nav-menu8 a:hover {
  background-position: -147px -147px;}

#menu8 #products-nav #products-nav-menu8 a {
  background-position: -147px -147px;}
  
#products-nav #products-nav-menu9 a {
  background-position: 0px -168px;}

#products-nav #products-nav-menu9 a:hover {
  background-position: -147px -168px;}

#menu9 #products-nav #products-nav-menu9 a {
  background-position: -147px -168px;}
  
#products-nav #products-nav-menu10 a {
  background-position: 0px -189px;}

#products-nav #products-nav-menu10 a:hover {
  background-position: -147px -189px;}

#menu10 #products-nav #products-nav-menu10 a {
  background-position: -147px -189px;}
  
#products-nav #products-nav-menu11 a {
  background-position: 0px -210px;}

#products-nav #products-nav-menu11 a:hover {
  background-position: -147px -210px;}

#menu11 #products-nav #products-nav-menu11 a {
  background-position: -147px -210px;}
    
#products-nav #products-nav-menu12 a {
  background-position: 0px -231px;}

#products-nav #products-nav-menu12 a:hover {
  background-position: -147px -231px;}

#menu12 #products-nav #products-nav-menu12 a {
  background-position: -147px -231px;}
      
#products-nav #products-nav-menu13 a {
  background-position: 0px -252px;}

#products-nav #products-nav-menu13 a:hover {
  background-position: -147px -252px;}

#menu13 #products-nav #products-nav-menu13 a {
  background-position: -147px -252px;}
        
#products-nav #products-nav-menu14 a {
  background-position: 0px -273px;}

#products-nav #products-nav-menu14 a:hover {
  background-position: -147px -273px;}

#menu14 #products-nav #products-nav-menu14 a {
  background-position: -147px -273px;}
          
#products-nav #products-nav-menu15 a {
  background-position: 0px -294px;}

#products-nav #products-nav-menu15 a:hover {
  background-position: -147px -294px;}

#menu15 #products-nav #products-nav-menu15 a {
  background-position: -147px -294px;}
            
#products-nav #products-nav-menu16 a {
  background-position: 0px -315px;}

#products-nav #products-nav-menu16 a:hover {
  background-position: -147px -315px;}

#menu16 #products-nav #products-nav-menu16 a {
  background-position: -147px -315px;}
              
#products-nav #products-nav-menu17 a {
  background-position: 0px -336px;}

#products-nav #products-nav-menu17 a:hover {
  background-position: -147px -336px;}

#menu17 #products-nav #products-nav-menu17 a {
  background-position: -147px -336px;}
                
#products-nav #products-nav-menu18 a {
  background-position: 0px -357px;}

#products-nav #products-nav-menu18 a:hover {
  background-position: -147px -357px;}

#menu18 #products-nav #products-nav-menu18 a {
  background-position: -147px -357px;}
                  
#products-nav #products-nav-menu19 a {
  background-position: 0px -378px;}

#products-nav #products-nav-menu19 a:hover {
  background-position: -147px -378px;}

#menu19 #products-nav #products-nav-menu19 a {
  background-position: -147px -378px;}
  
/* products table */

#products  {
  padding: 45px;
  width: 100%;
  background: #FFFAE2;
  text-align: left;}

.products-table {
  width: 100%;
  margin-bottom: 20px;
  border: #E8E3CC 2px solid;
  border-collapse:  collapse;}
  

#products td {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;}

.products-a {
  padding: 3px 6px 4px 6px;
  width: 30px;
  background: #E8E3CC;
  font-weight: bold;}

.products-b {
  padding: 3px 7px 4px 7px;
  width: 246px;
  background: #E8E3CC;
  font-weight: bold;}

.products-c {
  padding: 3px 7px 4px 7px;
  width: 114px;
  background: #E8E3CC;
  font-weight: bold;}

.products-d {
  padding: 3px 7px 4px 7px;
  width: 36px;
  background: #E8E3CC;
  font-weight: bold;}

.products-e {
  padding: 3px 7px 4px 7px;
  width: 38px;
  background: #E8E3CC;
  font-weight: bold;}

.products-a1 {
  padding: 3px 0px 4px 6px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;}

.products-b1 {
  padding: 3px 7px 4px 7px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;}

.products-c1 {
  padding: 3px 7px 4px 7px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;}

.products-d1 {
  padding: 3px 7px 4px 7px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;}

.products-e1 {
  padding: 3px 7px 4px 7px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;}

.products-a2 {
  padding: 3px 0px 4px 6px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;
  background: #F7F2D9;}

.products-b2 {
  padding: 3px 7px 4px 7px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;
  background: #F7F2D9;}

.products-c2 {
  padding: 3px 7px 4px 7px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;
  background: #F7F2D9;}

.products-d2 {
  padding: 3px 7px 4px 7px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;
  background: #F7F2D9;}

.products-e2 {
  padding: 3px 7px 4px 7px;
  border-bottom: #E8E3CC 1px solid;
  border-right: #E8E3CC 1px solid;
  background: #F7F2D9;}
 