/* --------------------------------------------------------
   Sign Resources LLC by 2BSEEN
   -------------------------------------------------------- */

/* Declare body first of all */

body {
background:#003 url("images/2009/xsr_background_409.gif");
font:normal 62.5% Verdana,sans-serif;
margin-top:6px;
text-align:center;
}


/* ----------------------------
   All headings and versions of 
   ---------------------------- */

h1, h2, h3, h4 {
color:#333;
}

h1 {
margin-top:10px;
margin-bottom:5px;
font-size:20px;
}

h2 {
margin-top:10px;
margin-bottom:5px;
font-size:16px;
}

h3 {
margin-top:10px;
margin-bottom:5px;
font-size:14px;	
}

h4 {
margin-top:0px;
margin-bottom:2px;
font-size:13px;	
}

h5 {
margin-top:0px;
margin-bottom:2px;
font-size:12px;	
}

h2 a:link, h2 a:visited {
color:#363;
text-decoration:underline;
}

h3 a:link, h3 a:visited {
color:#363;
text-decoration:underline;
}


/* ----------------------------------------------------------
   Container Regular Pages - needed for faux background 
   ---------------------------------------------------------- */

#container {
width:880px;
margin:0px auto 0px auto;
background:#ccc url("images/2009/container_v2.gif") repeat-y;
}



/* ---------------
   Layout elements
   --------------- */


/* -----------------------------
   Masthead and descendants 
   ----------------------------- */

#masthead {
height:80px;
width:880px;
background: url("images/2009/masthead.jpg") no-repeat;
}

.logo-left h1 {
float:left;
margin-left:10px;
margin-top:7px;
padding:0px;
}

.head-float-right {
float:right;
margin-right:0;
padding-top:10px;
}

.masthead-text-right {
margin-right:42px;
text-align:right;
}

.masthead-text-right h1 {
margin-top:4px;
font-weight:normal;
color:#700;
}

.masthead-text-right address {
margin-top:3px;
margin-bottom:2px;
font-size:11px;
font-style:normal;
color:#333;
}

.masthead-text-right p {
margin-top:3px;
margin-bottom:8px;
font-size:11px;
color:#333;
}

.masthead-text-right h2 {
margin-top:10px;
margin-bottom:8px;
font-size:16px;
font-weight:normal;
color:#700;
}

.masthead-text-right h5 {
margin-top:3px;
margin-bottom:20px;
color:#333;
font-size:13px;
font-weight:normal;
}


/* -----------------------------
   Inset Masthead Image 
   ----------------------------- */

.inset-masthead-image {
background: url("images/masthead_inset_image.jpg") no-repeat;
background-position:258px 65px;
}


/* ------------------
   Container Top  
   ------------------ */

#container-top {
width:880px;
height:20px;
background: url(images/2009/container_top.gif) no-repeat;
}

/* ------------------
   Container Bottom  
   ------------------ */

#container-bottom {
clear:both;
width:880px;
height:20px;
background: url(images/2009/container_bottom.gif) no-repeat;
}


/* ---------------
   Layout elements
   --------------- */




/* ---------------------------------
   The main column and descendants 
   --------------------------------- */

#mainCol {
float:left;
margin:0;
width:640px;
font-size:1em;
font-weight:normal;
color:#333;
text-align:left;
}

.io {
margin:0 5px 0 35px;
}

#mainCol p, h1, h3 {
margin-top:5px;
margin-bottom:0px;
font-weight:normal;
}

#mainCol h2 {
margin-top:4px;
font-weight:normal;
}

#mainCol h3 {
color: #630;
}

#mainCol h2 {
color:#630;
font-weight:bold;
}

#mainCol h4 {
color:#333;
margin-top:0px;
}

#mainCol h5 {
color:#333;
}

#mainCol ul {
list-style-type:square;
margin-top:0px;
margin-left:0px;
padding-left:0px;
font-size:12px;
}

#mainCol li {
display:list-item;
margin-top:2px;
margin-left:15px;
line-height:130%;
}

.homepage-copy p {
padding-top:25px;
padding-right:0px;
padding-left:5px;
font-size:13px;
color:#242;
line-height:27px;
}


#mainCol .reg-copy p {
font-size:12px;
margin-bottom:15px;
}


#mainCol .homepage-copy h2 {
font-size:18px;
font-weight:normal;
color:#630;
}

.msg {
padding:12px 0px 5px 15px;
font-size:11px;
font-weight:bold;
color:#cc0000;
}


.employee {
font-size:12px;
font-weight:bold;
color:#630;
}



/* ------------------------------------
   Main Column Image Floating
   ------------------------------------ */

img.main-image-float-left {
float:left;
padding-right:12px;
padding-top:5px;
padding-bottom:5px;
}


img.main-image-float-right {
float:right;
padding-left:12px;
padding-top:5px;
padding-bottom:2px;
}


.content-float-left {
float:left;
}


.lb-one-plus-half {
display:block;
margin-top:1.5em;
}

.extra-vertical-space {
display:block;
margin-top:1em;
}


/* ------------------------------------
   Article Blocks
   ------------------------------------ */

.feature-wrapper-article {
background:#ded;
width:98%;
margin-left:0%;
}

.feature-wrapper-article-beige {
background:#eed;
width:98%;
margin-left:0%;
}

.feature-wrapper-article-offwhite {
background:#fff;
width:98%;
margin-left:0%;
}

.feature-wrapper-article-violet {
background:#fef;
width:98%;
margin-left:0%;
}

.feature-wrapper-article-orange {
background:#fed;
width:98%;
margin-left:0%;
}

.feature-wrapper-article-blue {
background:#dee;
width:98%;
margin-left:0%;
}

.high-proof-brew-wrapper {
line-height:130%;
background:#fff;
width:96%;
margin-left:2%;
}

.high-proof-brew-wrapper-bottle {
background:#fff;
width:98%;
margin-left:1%;
}

#mainCol #tab-box p.high-proof-brew {
margin-top:0px;
margin-bottom:2px;
}

.between-brews {
clear:both;
display:block;
margin-top:1em;
}

.header-wrapper {
width:98%;
margin-left:1%;
margin-top:10px;
}

.article-pad {
padding:15px;
}

.sale-pad {
padding:15px 25px 15px 25px;
}

.article-wrapper {
width:100%;
}

.article-wrapper h4 {
margin-top:0px;
}

.article-wrapper h5 {
margin-top:0px;
}


/* ---------------------------------
   Corners
   --------------------------------- */

.tl {
background:url("images/2009/rounded_box.gif") top left no-repeat;
}

.br {
background:url("images/2009/rounded_box.gif") bottom right no-repeat;
}

.trc {
background:url("images/2009/corner_ur.gif") top right no-repeat;
}

.blc {
background:url("images/2009/corner_ll.gif") bottom left no-repeat;
}

.tlc {
background:url("images/2009/corner_ul.gif") top left no-repeat;
}

.brc {
background:url("images/2009/corner_lr.gif") bottom right no-repeat;
}



/* ---------------------------------
   Navigation and Drop-Down Menu 
   Credit to: Son of Suckerfish
   --------------------------------- */

#navbar {
height:50px;
width:880px;
background: url("images/2009/navbar.gif") no-repeat;
font-size:12px;
}

#navbar ul {
	margin-left:36px;
        padding-top:11px;
}

#nav, #nav ul {
	padding: 0;
	margin: 0;
	list-style: none;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
}

#nav li {
	float: left;
        margin:0 0px 0 0px;
        padding: 0 22px 0 22px;
        border-right:1px solid #211;
}

#nav li.firstnav {
        border-left:1px solid #211;
}

#nav li ul {
	position: absolute;
	width: 10em;
	left: -999em;
        border-width:0.25em;
        height:auto;
        padding-top:.5em;
        margin: 0;
}


#nav li li {
        text-align:left;
	padding-right: 1em;
	width: 10em;
}

#nav li ul a {
	width: 10em;
}


#nav li:hover ul, #nav li.sfhover ul {
        left:auto;
        margin: 0 0 0 -2em;
}

#nav li:hover li, #nav li.sfhover li {
        padding: .4em 0em .4em 1em;
        background:#882222;
        border: solid #211;
        border-width: 0 1px 1px 1px;
        background:url("images/2009/navbarback.gif")
}


#navbar li a:link, #navbar li a:visited {
text-decoration:none;
color:#def;
}

#navbar li a:hover, #navbar li a.sfhover {
text-decoration:none;
color:#fff;
}




/* ---------------------------------
   Column 1 and descendants 
   --------------------------------- */

#sidebar {
float:right;
width:240px;
font-size:1.1em;
font-weight:normal;
color:#333;
text-align:left;
}

.side-io {
width:200px;
margin:0 23px 0 17px;
}

.side-io2 {
width:206px;
margin:0 12px 0 22px;
}


.side-io-text {
width:180px;
margin:0 33px 0 27px;
}


#sidebar p {
margin-top:5px;
margin-bottom:7px;
}

#sidebar img {
display:block;
margin:0 0 12px 0;
}


#home-side-flashcontent {
margin-bottom:0px;
}



/* ------------------------------
   Log In Box Styling
   ------------------------------ */

.loginbox-wrapper {
background:#eed;
width:70%;
margin-left:2%;
margin-top:10px;
}

.registerbox-wrapper {
background:#eed;
width:90%;
margin-left:2%;
margin-top:10px;
margin-bottom:12px;
}

.form-wrapper {
width:100%;
}

.form-pad {
padding:15px;
}

#loginform legend {
margin:0 0 0 5px;
padding:5px;
color: #22c;
font-size:1.2em;
font-weight:bold;
}

#loginform input {
border:1px single #339;
}

#loginform fieldset {
border: 2px solid #9bf;
margin:0;
padding:0;
}

#loginform fieldset p {
font-weight:normal;
}

.inside-loginform {
width: 96%;
margin-left:2%;
}

#loginform table {
border:0px solid #000;
border-collapse:collapse;
margin-bottom:10px;
}

#loginform tr {
border:0px solid #000;
}

#loginform td {
padding:5px 0 0 0;
margin:0;
border:0px solid #000;
}

.shrinkwrap-cell {
width:auto;
}

.flex-cell {
width:100%;
}

.auto-table-layout {
table-layout:auto;
}

.stretched-table {
width:auto;
}

#loginform #iEmail, #loginform #ifull_name, #loginform #icompany_name, #loginform #iaddress, #loginform #icity, #loginform #iphone, #loginform #iuser_name, #loginform  #ipass1, #loginform #ipass2, #loginform #ipwd {
width:98%;
}

#loginform #imessage {
width:98%;
height:100px;
}

#loginform #iuser_code {
width:40%;
}

#loginform #izip_code {
width:30%;
}



/* -----------------------------
   The Footer and Descendants 
   ----------------------------- */

#footer {
clear:both;
font-size:10px;
color:#444;
background:#ccc url(images/2009/footer.jpg) top no-repeat;
height:130px;
width:880px;
text-align:left;
}

.footer-io {
width:808px;
margin:0 27px 0 45px;
}

#footer address {
border: 0px solid #fFF;
float:left;
padding-top:42px;
margin:0;
font-size:1.1em;
font-style:normal;
color:#dff;
}

/* -----------------------------
   Box holding the Email form 
   ----------------------------- */

.getemail {
float:right;
width:187px;
padding-top:28px;
}


/* ---------------------------------------
   Form items only inside Email Box 
   --------------------------------------- */

.getemail fieldset {
margin:0;
border: 0px solid #FFF;
padding:0;
color:#fff;
}

.getemail legend {
height:0px;
margin:0;
padding:0;
}

.getemail label {
font-size:1.2em;
font-weight:normal;
color:#dff;
padding-top:0;
padding-bottom:2px;
}

.getemail input.clicker {
width:74px;
height:20px;
margin:0 0 0 94px;
border-width:1px;
padding:0;
}

.getemail input.blank {
margin-left:0;
width:165px;
height:20px;
border-width:1px;
margin:1px  0 2px 0;
padding:0;
}

#footer ul {
clear:both;
line-height:20px;
list-style:none;
padding:18px 0 0 0;
margin:-3px 0 0 0;
}

#footer li {
display:inline;
margin:0 5px 0 0;
padding:0;
}

#footer li, #footer li a:link {
text-decoration:none;
font-weight:normal;
color:#aa8;
font-size:1em;
}

#footer li a:visited {
text-decoration:none;
font-weight:normal;
color:#bb9;
font-size:1em;
}

#footer li a:hover {
text-decoration:underline;
font-weight:normal;
color:#ffa;
}

#footer li a:active {
text-decoration:underline;
font-weight:normal;
color:#ffa;
}


/* ---------------------
   Other common elements 
   --------------------- */

form {
margin:0;
padding:0;
}

abbr {
	
}

/* Turn off borders on image links */

img {
border:0;
}

/* Link states */

a:link {
color:#052;
text-decoration:underline;
}

a:visited {
color:#700;
text-decoration:underline;
}

a:hover {
color:#395;
text-decoration:underline;
}

a:active {
color:#395;
text-decoration:underline;
}

.spacer {
clear:both;
}

.liquorlist {
font-size:12px;
color:#630;
font-weight:bold;
}

.featurelist {
font-size:12px;
color:#630;
font-weight:bold;
text-decoration:underline;
}

.winelist {
font-size:12px;
color:#242;
font-weight:bold;
}

.price {
font-size:12px;
line-height:16px;
color:#900;
font-weight:bold;
}

.frugal-title {
color:#010;
}

.our-email {
font-size:11px;
font-weight:bold;
color:#252;
}

.aster {
color:#c00;
}