html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, em, font, img, small, strike, strong, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0px none; outline: 0; font-weight: inherit;}
html{height:100%; }
body { color: #222; background: #ffffff url('../images/top_left_corner.jpg') no-repeat top left;  height: 100%; line-height: 1; font-style:normal; font-variant:normal; font-weight:normal; font-size:90%; font-family: 'Trebuchet MS', Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;text-align:center;}


#content{
width:900px;
text-align:left;
position:realtive;
min-height: 100%;
height: auto !important;
height: 100%;
margin: 0 auto -30px;
}

#header{
height:196px;
width:900px;
}

#front_address
{
font-family: 'Trebuchet MS', Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:normal;
text-align:left;
font-size: 14px;
float:left;
line-height:16px;
}

#events_button{
float:right;
padding-top:4px;
}

#photo_frame{
height:196px;
width:277px;
float:right;
}

#logo{
height:112px;
width:390px;
float:left;
}

#menu{
height:44px;
width:623px;

}

#footer{
		position: relative;  /* Needed for Safari */
		padding: 10px;
		text-align:center;
		width:auto !important;
		height: 30px; /* .push must be the same height as .footer */
		clear:both;

	}

#footer_contents
{
margin-left: auto;
margin-right: auto;
border-top: #E4A66D 4px double;
width:900px;
height:30px;
}

#push {
height: 30px;
clear:both;
}

#footer_left
{
width:250px;
padding-top:10px;
padding-bottom:10px;
padding-right:10px;
text-align:left;
float:left;
font-size:80%;

}

#footer_right
{
width:600px;
padding-top:10px;
padding-bottom:10px;
padding-left:10px;
text-align:right;
float:left;
font-size:80%;

}

#footer_right A
{
text-decoration:underline;
color:#DB9967;
}
 
#main_content_front 
{
float:left;
width:620px;
padding-right:30px;
}

#front_promo 
{
float:left;
padding-top:40px;
padding-bottom:20px;
height:162px;
}

#season_promo 
{
float:left;
width:178px;
padding-left:0px;
}

#blog_promo 
{
float:left;
width:178px;
padding-left:30px;
}

#special_promo 
{
float:left;
width:178px;
padding-left:30px;
}

#front_column
{
width:235px;
float:left;
padding-top: 15px;
}

#left_column
{
width:235px;
float:left;
padding-top: 15px;
padding-right:28px;
height:auto;
}

#main_content 
{
float:left;
width:620px;
padding-top:30px;
}

#main_content UL LI
{
padding-left:0px;
margin-left:20px;
}


#main_content P IMG
{
margin-left:15px;
margin-right:15px;
margin-bottom:15px;
border: #E4A66D 4px double;
padding:2px;
}

#main_content LI
{
line-height:18px;
}

#menu_items
{
float:left;
padding-top: 20px;
}

#featured
{
width:235px;
float:left;
text-align:center;
}



#featured H2
{
font-family: 'Trebuchet MS', Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:bold;
text-align:left;
font-size: 24px;
letter-spacing:-2px;
padding-top:1em;
padding-bottom:0px;
border-bottom: #DB9967 1px dashed;
margin-bottom:10px;
}

#featured IMG
{
border: #DB9967 3px solid;
}

#featured H3
{
font-family: 'Trebuchet MS', Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:bold;
text-align: center;
font-size: 16px;
}

#wine_shot
{
float:right;
}

P
{ 
font-family: 'Trebuchet MS', Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:normal;
line-height: 18px;
padding-top:1em;
text-align:left;
padding-bottom:1em;

}

H1
{ 
font-family: 'Trebuchet MS', Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:normal;
letter-spacing:-2px;
}

#featured P
{
font-family: 'Trebuchet MS', Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:normal;
text-align: justify;
font-size: 12px;
}

#h_news	{position: relative; float: left; display: inline; width: 225px; padding: 0px 0 0 0px; font-family: 'Trebuchet MS'; font-size: 100%; line-height: 1.8em;}
#h_news h2 {margin: 10px 0 15px 26px; color: #006bb5; font-weight: bold;}
#h_news ul {list-style-type: none;}
#h_news ul li {padding: 0; margin: 0; height: 1%;}
#h_news ul li a {background: #E2AA77; font-size: 13px; color: #000; font-weight:bold; text-decoration: none; display: block; border-bottom: 1px solid #Ffffff; padding: 7px 5px 7px 7px; line-height: 1.54em;}
#h_news ul li.clean a {border-bottom: none;}
#h_news ul li a:hover {background: #ecc19b;}
#h_news .item {margin-left: 5px;}


#navMain {
background:url(../images/nav_bg.jpg) no-repeat;
position:relative;
float:left;
width:623px;
height:44px;
top:0;
display:block;
overflow:hidden;
font-size:85%;
}

#navMain li {
display:block;
position:absolute; 
top:0;
height:44px;}

#navMain li a {
display:block;
height:38px;
text-indent:-1000em;}

#navMain .nHome {left:0; width:71px;}
#navMain .nAbout {left:71px; width:90px;}
#navMain .nSelection {left:161px; width:125px;}
#navMain .nPicks {left:286px; width:91px;}
#navMain .nTravels {left:377px; width:131px;}
#navMain .nContact {left:508px; width:115px;}

#navMain .nHome a:hover, #navMain .nHome a.active {background:transparent url(../images/nav_bg.jpg) no-repeat 0 -44px;}
#navMain .nAbout a:hover, #navMain .nAbout a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -71px -44px;}
#navMain .nSelection a:hover, #navMain .nSelection a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -161px -44px;}
#navMain .nPicks a:hover, #navMain .nPicks a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -286px -44px;}
#navMain .nTravels a:hover, #navMain .nTravels a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -377px -44px;}
#navMain .nContact a:hover, #navMain .nContact a.active {background:transparent url(../images/nav_bg.jpg) no-repeat -508px -44px;}

#map
{
float:left;
padding-top:20px;

}

#address
{
padding-top:20px;
float:left;
padding-right:20px;
font-family: 'Trebuchet MS', Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:normal;
text-align: justify;
font-size: 12px;
line-height:22px;
}

#errorMessage
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 18px;
color:red;
}

#successMessage
{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 18px;
}

.commentbox{
background-color: #E9D8C8;
padding: 10px;
width:auto;
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 14px;
line-height:16px
}


.commentfooter{
background: url('../images/arrow.gif') no-repeat 20px 0; /*20px 0 equals horizontal and vertical position of arrow. Adjust as desired (ie: 20px -5px).*/
padding-left: 58px;
padding-top: 1px;
margin-bottom: 2em;
color: #000000;
font-family: 'Trebuchet MS', Arial, sans-serif; 
font-size: 12px;
line-height:17px;
}

form {  /* set width in form, not fieldset (still takes up more room w/ fieldset width */
  font:13px 'Trebuchet MS',arial,sans-serif;
  margin: 0;
  padding: 0;
  min-width: 500px;
  max-width: 600px;
  width: 560px; 
}

form fieldset {
  / * clear: both; note that this clear causes inputs to break to left in ie5.x mac, commented out */
  padding: 10px;        /* padding in fieldset support spotty in IE */
  margin: 20px 0 0 0;
  border-color: #cdcdcd;
  border-width: 1px;
  border-style: solid;
}



form fieldset legend {
	font-size:18px; letter-spacing:-1px; /* bump up legend font size, not too large or it'll overwrite border on left */
                       /* be careful with padding, it'll shift the nice offset on top of border  */
}


form label { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 150px;  
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	padding: 0 10px;
}

form label#product { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 100px;  
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	padding: 15px 10px 0px 0; 
}

form label#total { 
	display: block;  /* block float the labels to left column, set a width */
	float: left; 
	width: 75px;  
	margin: 5px 0 0; /* set top margin same as form input - textarea etc. elements */
	text-align: right;
	padding: 0px 10px 0px 350px; 
}



form input, form textarea, form select{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */

}
form input#calculatedTotal{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:75px;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:5px 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */
}

form input#product{
	/* display: inline; inline display must not be set or will hide submit buttons in IE 5x mac */
	width:auto;      /* set width of form elements to auto-size, otherwise watch for wrap on resize */
	margin:20px 0 10px; /* set margin on left of form elements rather than right of
                              label aligns textarea better in IE */

}

form input#reset {
	margin-left:0px; /* set margin-left back to zero on reset button (set above) */
}

textarea { overflow: auto; }

form small {
	display: block;
	margin: 0 0 5px 160px; /* instructions/comments left margin set to align w/ right column inputs */
	padding: 1px 3px;
	font-size: 88%;
}

form .required{font-weight:bold;} /* uses class instead of div, more efficient */

form br {
	clear:left; /* setting clear on inputs didn't work consistently, so brs added for degrade */
}

#verify_image
{
border:#cdc 1px solid;
margin-top: 6px;
margin:5px 0 0 10px;
}

#form_send
{margin: 0 0 5px 155px; }

#featured_content
{
float:left;
text-align:left;
padding-left:16px;
width:400px;
}

#featured_image{
float:left;
width:200px;
text-align:center;
}

#featured_image img
{
border:#F2C291 4px solid;
}

#featured_content H4
{
padding-bottom:10px;
font-family: 'Trebuchet MS', Arial, Tahoma, Trebuchet MS, Geneva, sans-serif;
font-weight:normal;
text-align: justify;
font-size: 19px;
letter-spacing:-1px;
}

#hr_clear{
clear:both;
padding-top:10px;
}

.cc_error
{
color:red;
}

#retail{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 12px;
color:black;
}

#ours{
font-family: 'Trebuchet MS', Tahoma, sans-serif;
font-size: 18px;
letter-spacing:-1px;
padding-top:5px;
color:red;
}