body {
        background-color: #000;
        font-family: Arial, Helvetica, Sans-Serif;
        color:#fff;
        padding:0px;
        margin:0px;
        font-size: 12px;
}
a {color: #5F5338; text-decoration:none;}
a:visited {color:#5F5338; text-decoration:none;}
a:hover {color: #fff; text-decoration:none;}
a:active { color:#fff; text-decoration:none;}
h1 {
        font-size:200%;
        padding: 0px 0px 5px 0px;
        margin:0px;
}

h2 {
        font-size:150%;
        font-weight: normal;
        padding: 15px 0px 5px 0px;
        margin:0px;
}
h3 {
        font-size:135%;
        padding: 5px 0px;
        margin:0px;
}

/* ----------container to center the layout-------------- */
#container {
width: 950px;
margin-bottom: 10px;
margin-left: auto;
margin-right: auto;
background-color: #d4db90;
}

/* ----------banner / header-------------- */
#banner {
        text-align: right;
        padding: 0px;
        margin: 0px;
        background-image: url(../images/bg-hdr-1.jpg);
        background-repeat: no-repeat;
        background-position: top;
        height: 136px;
}
#bar {
        background:#82724e;
        color: #FFFFFF;
        padding-top: 0px;
        padding-right: 10px;
        padding-bottom: 3px;
        padding-left: 5px;
        height: 40px;
 }
#bar h1 {
        color: #FFFFFF;
        margin: 0px;
        padding: 5px 0px 0px 0px;
        text-align: right;
        font-size: 115%;
}
#bar h2 {
        color: #FFFFFF;
        padding: 0px 0px 0px 0px;
        text-align: right;
        font-size: 85%;
        margin-top: 0px;
        margin-right: 15px;
        margin-bottom: 0px;
        margin-left: 0px;
        font-weight: normal;
}

/* -----------------content--------------------- */
#content {
        background-color: #ab9a6e;
        padding: 20px 20px 0px 30px;
        margin-left: 238px;
        margin-right: 0px;
}
div#content {
min-height:400px;
height:expression(this.scrollHeight > 400 ? "auto":"400px");
}

p, pre{
        margin:0px;
}

#inner-right {
        float: right;
        width: 200px;
        margin-right: 0px;
        margin-left: 50px;
        background-color: #C6BB9D;
        border: 1px solid #9E8C5C;
        padding-top: 5px;
        padding-right: 5px;
        padding-bottom: 10px;
        padding-left: 10px;
        line-height: 18px;
}


.float-left {
        float: left;
        padding-right: 5px;
}
.float-right {
        float: right;
        padding-left: 5px;
}
#content h4 {
        font-size: 110%;
        text-transform: uppercase;
        margin-top: 2px;
        margin-right: 0px;
        margin-bottom: 0px;
        margin-left: 0px;
}


#content a {
        font-weight:bold;
}
#content a:link {
        color: #4b3d1e;
        text-decoration:none;
}
#content a:visited {
        color: #4b3d1e;
        text-decoration:none;
}
#content a:hover {
        color: #FFFFFF;
        text-decoration:none;
}
#content a:active {
        color: #FFFFFF;
        text-decoration:none;
}
#other-content {
        margin-right: 15px;
        margin-top: 50px;
        margin-bottom: 25px;
        margin-left: 25px;
        font-weight: bold;
        color: #333333;
}
#newsletter {
        margin-top: 5px;
        width: 300px;
}
#content #newsletter form {
        margin-top: 0px;
}
#newsletter .label-text {
        font-size: 12px;
        font-weight: normal;
        text-transform: none;
}
#content #newsletter p {
        margin-top: 5px;
        font-weight: bold;
        text-transform: uppercase;
}
#content #newsletter .note {
        font-size: 11px;
        font-weight: normal;
        vertical-align: middle;
}
#other-content  a   {
        font-weight: bold;
        color: #000000;
}
#other-content  a:link, #other-content  a:visited   {
        font-weight: bold;
        color: #000000;
        text-decoration:none;
}
#other-content  a:hover, #other-content  a:active   {
        font-weight: bold;
        color: #ab9a6e;
        text-decoration:none;
}
#newsletter td {
        font-weight: bold;
        text-transform: uppercase;
        vertical-align: middle;
}


#content #newsletter .btn {
        margin-top: 10px;
}
/* --------------left nav------------- */
#left {
float: left;
width: 238px;
margin: 0px;
padding: 0px;
}
#other-content {
        margin-right: 15px;
        margin-top: 50px;
        margin-bottom: 25px;
        margin-left: 25px;
        font-weight: bold;
        color: #333333;
}
#other-content h3 {
        margin-bottom: -5px;
}


#other-content form {
        margin-top: 0px;
}
.label-text {
        font-size: 12px;
        font-weight: normal;
}
#other-content p {
        margin-top: 5px;
        font-weight: normal;
}
#content td {
        padding-right: 10px;
        padding-bottom: 5px;
}

#other-content  .gc {
        border: 1px solid #333;
}

#other-content .note {
        font-size: 10px;
        font-weight: normal;
}
#other-content .btn {
        margin-top: 10px;
}

.yelp {
        color: #C81D03;
}
.yelp  img {
        border-top-style: none;
        border-right-style: none;
        border-bottom-style: none;
        border-left-style: none;
        border-top-width: 0px;
        border-right-width: 0px;
        border-bottom-width: 0px;
        border-left-width: 0px;
}


#nav{
        color: #AB9A6E;
        margin-right: 15px;
        margin-top: 25px;
        margin-bottom: 15px;
        margin-left: 25px;
        font-size: 130%;
        font-weight: bold;
}
#nav p {
        margin-bottom: 10px;
        line-height: normal;
}

#nav a:link {
        color: #82724e;
        text-decoration:none;
}
#nav a:visited {
        color: #82724e;
        text-decoration:none;
}
#nav a:hover {
        color: #FFFFFF;
        text-decoration:none;
}
#nav a:active {
        color: #FFFFFF;
        text-decoration:none;
}

/* --------------hdr nav------------- */
#hdr-nav {
        color: #AB9A6E;
        font-size: 85%;
        font-weight:bold;
        text-align: right;
        text-transform: uppercase;
        padding: 5px;
        background-color:#000000;
}
#hdr-nav a:link {
        color: #AB9A6E;
        text-decoration:none;
}
#hdr-nav a:visited {
        color: #AB9A6E;
        text-decoration:none;
}
#hdr-nav a:hover {
        color: #FFFFFF;
        text-decoration:none;
}
#hdr-nav a:active {
        color: #FFFFFF;
        text-decoration:none;
}

/* -----------footer--------------------------- */
#footer {
clear: both;
margin: 0px;
padding: 10px 5px 0px 0px;
text-align: right;
background-color:#000000;
height:25px;
color: #9B895E;
text-align: right; }
#content img {
        padding: 4px;
        border: 1px solid #666666;
}
#wine-inventory td {
        color: #FFFFFF;
        padding-top: 2px;
        padding-right: 2px;
        padding-bottom: 2px;
        padding-left: 2px;
        border: 1px solid #DED8C7;
}
#wine-inventory table {
        border: 1px solid #DED8C7;
}

#standalone {
        background-color: #ab9a6e;
        padding: 20px 20px 20px 30px;
        margin-left: 80px;
        margin-right: 80px;
}