/* --------------------------------------------------------
   GERALD MYERS by 2BSEEN
   -------------------------------------------------------- */

/* Declare body first of all */

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


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

h1, h2, h3, h4 {
color:#336;
margin-left:0px;
margin-right:15px;
}

h1 {
margin-top:10px;
font-size:1.4em;
}

h2 {
margin-top:12px;
margin-bottom:8px;
font-size:1.3em;
}

h3 {
margin-top:18px;
margin-bottom:0px;
font-size:1.2em;	
}

h4 {
margin-top:10px;
margin-bottom:5px;
font-size:1.1em;	
}


h5 {
margin-top:10px;
margin-bottom:5px;
font-size:1.0em;	
}

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

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


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

/* Masthead and descendants */

#masthead {
height:115px;
background:#FFF;
font-size:1.1em;
font-weight:bold;
}

#masthead h1 {
float:left;
margin:0px;
padding:0px;
}

/* Main Logo */
#masthead img {
margin:0px 0px 0px 0px;
}

/* Box holding the Email form */

.getemail {
float:right;
text-align:left;
margin:16px 10px 0px 0px;
}

/* Form items only inside Email Box */

.getemail p {
line-height: 110%;
margin-top:3px;
margin-bottom:3px;
}

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

.invite-text p {
line-height: 110%;
font-size:1.1em;
font-weight:normal;
color:#330;
margin-top:5px;
margin-bottom:1px;
}

.getemail input {
margin-top:2px;
margin-left:2px;
border-width:1px;
}

.getemail input.blank {
margin-top:2px;
margin-left:1px;
border:1px solid;
border-color:#ccc #999 #999 #ccc;
}


/* Container - needed only for faux background */

#container {
width:860px;
margin:6px auto 0px auto;
background:#FFF url(images/container_background.gif) repeat-y;
}


/* Navigation Bar */

#navigation {
height:50px;
background:#333 url(images/navbarx.gif) repeat-x;
font-size:1.3em;
font-weight:bold;
text-align:left;
}

#navigation ul {
list-style:none;
margin:0px 0 10px 240px;
padding:0;
}

#navigation li {
display:inline;
margin:0px 20px 0 0;
padding:0;
line-height:170%;
}

#navigation li a:link, #navigation li a:visited {
text-decoration:none;
color:#cccccc;
}

#navigation li a:hover {
color:#DDA;
}

/* Highlighting the current page */
#home #navigation a.home { 
border-bottom:3px solid #cccccc;
}

#art #navigation a.art { 
border-bottom:3px solid #cccccc;
}

#artist #navigation a.artist { 
border-bottom:3px solid #cccccc;
}

#contact #navigation a.contact { 
border-bottom:3px solid #cccccc;
}

#news #navigation a.news { 
border-bottom:3px solid #cccccc;
}


/* The main column and descendants */

#mainCol {
float:right;
width:630px;
font-size:1.2em;
font-weight:normal;
line-height:140%;
color:#333;
text-align:left;
}

.io {
margin-left:15px;
margin-right:15px;
}

#mainCol p {
margin:2px 15px 12px 0px;
}


#mainCol h1, h2, h3, h4 {
margin-left:0px;
}


#mainCol ul {
list-style:square;
margin:0px 20px 0px -5px;
}

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

#mainCol li a:link, #mainCol li a:visited {
text-decoration:underline;
color:#036;
}

#mainCol li a:hover {
color:#00F;
}

/* Main Column Inset With Picture */

inner-column p {
float:left;
margin:0px 0px 0px 0px;
}

.inner-column img {
float:right;
margin:0px 0px 0px 20px;
}

.feature-block {
background-color:#FFC;
text-align:left;
margin:15px 0px 15px 0px;
padding:15px;
}

#mainCol .feature-block p {
margin:6px 0px 6px 0px;
}

.feature-block h3 {
color:#336;
margin:6px 0px 8px 0px;
}

.wine-text-box {
width:100%;
margin-left:0%;
}

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

.winelist p {
margin-top:15px;
}

.wine-name {
font-size:1.2em;
font-weight:bold;
color:#666633;
}

.goldlist {
font-size:1.2em;
font-weight:bold;
color:#996633;
}


/*
.price {
font-size:1.2em;
font-weight:bold;
color:#cc0000;
}
*/


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

.spacer {
clear:both;
}

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

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


/* ------------------------------------
   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;
}





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

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

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

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

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

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

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

.feature-wrapper-article-green {
background:#efd;
width:98%;
margin-left:1%;
}

.feature-wrapper-article-coupon {
background:#beb;
width:98%;
margin-left:1%;
}


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

.article-pad {
padding:15px;
}


.article-wrapper {
width:100%;
}

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

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




/* -----------------------------
   Lightbox Styling
   ----------------------------- */

#overlay {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  background: black url(/images/global/loader.gif) no-repeat scroll center center;
}

#lightbox {
  position: absolute;
}




/* ------------------------------------
   Feature Blocks
   ------------------------------------ */


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

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

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

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

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

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




/* -------------------------------
   SWF Object - flashcontent  
   ------------------------------- */

#flashcontent {
width:98%;
margin-left:1%;
margin-top:3px;
margin-bottom:3px;
}


/* The left column and descendants */

#sidebar {
float:right;
width:230px;
font-size:1.2em;
font-weight:normal;
line-height:150%;
color:#333;
text-align:left;
}

.io-sidebar {
margin-left:10px;
margin-right:8px;
}

#sidebar p {
margin:4px 5px 5px 0px;
}

#sidebar img {
margin:10px 0px 10px 0px;
}

#sidebar h3 {
margin-bottom:0px;
}



/* Left Column Inset With Map Icon */

#maptext img {
float:left;
margin:6px 5px 30px 0px;
}

#maptext address {
float:left;
font-size:1.0em;
font-weight:normal;
line-height:130%;
margin:3px 0px 30px 0px;
}

/* The footer and descendants */

#footer {
clear:both;
min-height:100px;
font-size:1.0em;
line-height:150%;
color:#CCC;
background:#333 url(images/footerq.gif) repeat-x;
text-align:left;
}

#footer img {
float:left;
margin:30px 70px 70px 90px;
}


#footer ul {
list-style:none;
margin:0 0 0 0;
padding:20px 0 0 0;
}

#footer li {
display:inline;
margin:0 10px 0 0;
padding:0;
line-height:160%;
}

#footer li a:link, #footer li a:visited {
text-decoration:underline;
font-weight:bold;
color:#CCC;
font-size:1em;
}

#footer li a:hover {
color:#CCF;
}

#footer p {
margin:5px 0 3px 0;
}



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

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

.registerbox-wrapper {
background:#eed;
width:100%;
margin-left:0%;
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%;
}






/* ---------------------
   Contact Form Elements
   --------------------- */

#contactform form { 
  margin:0; 
  padding:0; 
  } 

#contactform fieldset { 
  margin:3px 15px 2px 0px; 
  padding:5px; 
  border:2px solid #9C6;
  background:#FFC;
  font-size:1.1em;
  font-weight:bold;
  color:#666633; 
  }

#contactform legend { 
  background-color: #FFC; 
  margin: 0; 
  padding:5px; 
  border-style:solid; 
  border-width:2px; 
  border-color:#693; 
  } 

#contactform #iname, #contactform #iemail, #contactform #imessage, #contactform #isubject { 
  width:100%; 
  } 

#contactform input, #contactform textarea { 
  margin:5px 0 5px 0;
  border:3px double #693; 
  }

#contactform select {
margin:5px 0 5px 0;
}

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

abbr {
	
}

/* Turn off borders on image links */

img {
border:0;
}

/* Link states */

a:link {
color:#036;
}

a:visited {
color:#036;
}

a:hover {
color:#00F;
}

a:active {
color:#00F;
}