/*
----------------------------------------
file: main.css
app: pollak vineyards
date: march 2008
desc: main style document
----------------------------------------
*/


/* elements
................................................................................ */
body {
   margin: 0;
   padding: 0;
   font: 1em verdana, arial, helvetica, sans-serif;
   line-height: 1em;
   color: #333;
   background-color: #fff;
   }

div, span, h1, h2, h3, h4, h5, h6, ul, ol, li, dl, dt, dd, p, form, img, blockquote, tr, td {
   margin: 0;
   padding: 0;
   border: 0;
   }

table {
   border-collapse: collapse;
   }

ul, ol, li {
   list-style: none;
   }

img {
   display: block; /* remove inline whitespace (strict doctype) */
   }

/* layout
................................................................................ */
#pagecon {
   width: 955px;
   margin: 0 auto;
   border: 1px solid #000;
   border-width: 0 15px;
   background-color: #fff;
   }

#headcon {
   position: relative;
   height: 115px;
   margin: 0 15px;
   padding: 10px 0 0;
   }

#contentcon {
   margin: 0 15px;
   padding: 25px 40px 10px 0;
   background-color: #f8f6f1;
   }

#left {
   float: left;
   width: 200px;
   margin: 43px 0 0;
   }

#foot {
   margin: 0 15px;
   padding: 1px 40px 1px 220px; 
   background-color: #000;
  
   
   }


/* head & nav
................................................................................ */
#headcon h1 {
   position: absolute;
   left: -999em;
   }

#headlogo {
   margin: 0 0 0 45px;
   }

.nav {
   position: absolute;
   right: 0;
   bottom: 20px;
   width: 720px;
   border: 1px solid #5f4a0c;
   border-width: 2px 0;
   }

.nav li {
   float: left;
   }

.nav a {
   display: block;
   padding: 5px 15px;
   font-size: 75%;
   font-weight: bold;
   text-decoration: none;
   color: #5f4a0c;
   background-image: url(../img/nav_separator.gif);
   background-repeat: no-repeat;
   background-position: 100% 50%;
   }

.nav a.last {
   background-image: none;
   }

.nav a:hover, .nav li.active {
   background-color: #f2b80e;
   }


/* photo bar
................................................................................ */
#photobar {
   width: 924px;
   height: 204px;
   margin: 0 15px;
   background: url(../img/photobar_back.gif) repeat-x 0 100%;
   }

#photobar img {
   float: left;
   }


/* content
................................................................................ */
.spacing1 {
   margin: 0;
   padding: 0;
   }

.back {
   background: #f8f6f1 url(../img/content_back.jpg) no-repeat 0 15px;
   }

.submenu-hm li {
   margin: 0 0 26px 20px;
   font-size: 75%;
   color: #cd9a06;
   }

.submenu-hm li a {
   text-decoration: none;
   font-weight:bold;
   color: #cd9a06;
   }

.submenu-hm li a:hover {
   text-decoration: underline;
   }

.submenu li {
   margin: 0 0 1em 20px;
   font-size: 75%;
   }

.submenu li a {
   text-decoration: none;
   color: #333;
   }

.submenu li a:hover {
   text-decoration: underline;
   color: #5f4a0c;
   }

h2 {
   height: 24px;
   margin: 0 0 10px 220px;
   padding: 0 0 5px;
   border-bottom: 2px solid #5f4a0c;
   font: 165% "times new roman", times, serif;
   color: #5f4a0c;
   background-repeat: no-repeat;
   background-position: 0 0;
   }

h2 span {
   position: absolute;
   left: -999em;
   }
   
h3 {
	color: #5f4a0c;
	margin: 15px 0 10px 220px;
	font-size: 95%;
	font-weight:bold;
	}

h3 img {
	margin: 10px 0 0 0;	
   }
   
h3 .note{
	font-size: 80%;
	font-weight:normal;
	font-style:italic;
}

h3 .reserve{
	color:#ba1b31;
}

h3 .soldout{
	color:#f2b80e;
	font-weight:bold;
}

#home {
   background-image: url(../img/t_home.gif);
   }
   
#about {
   background-image: url(../img/t_about.gif);
   }

#winemaking {
   background-image: url(../img/t_winemaking.gif);
   }

#ourwines {
   background-image: url(../img/t_our.gif);
   }

#events {
   background-image: url(../img/t_events.gif);
   }
   
#whatsnew {
   background-image: url(../img/t_whatsnew.gif);
   }
   
#contact {
   background-image: url(../img/t_contact.gif);
   }

p {
   margin: 0 0 1.5em 220px;
   font-size: 75%;
   line-height: 1.7;
   }
   
   
   .p1 {
   margin: 0 0 1.5em 25px;
   font-size: 75%;
   line-height: 1.7;
   }
   
      .p2 {
   margin: 10px 0 1.5em 0px;
   font-size: 75%;
   line-height: 1.7;
   }

p a:link, p a:visited, p a:active
{
	color: #333;
	text-decoration:underline;
}

p a:hover
{
	text-decoration:none;
}

p a.facebook {
   background: url(../img/facebook_icon.jpg) no-repeat left; 
   padding: 15px 0 15px 40px;
   }

.smlh
{
	font-size: 75%;
	padding: 0 50px 0 50px;
	line-height: 1.2;
}

.quotesig
{
	text-align:right;
	display:block;
	padding-right: 15px;
}


/* Order Form - Our Wines 
................................................................................ */
form.item
{
   margin: 0 0 1.5em 220px;
   font-size: 75%;
}

form.item input
{
	border:1px solid #5f4a0c;
	background-color: #EDE2C5;
	color: #5f4a0c;
	font-weight:bold;
	padding: 3px;
	font-size: 90%;
}


form.cart
{
   margin: 0 0 1.5em 220px;
}

form.cart input
{
	border:1px solid #E18C1A;
	background-color: #EBD18C;
	color: #484848;
	font-weight:bold;
	padding: 3px;
	font-size: 90%;
}

/* foot
................................................................................ */
#foot p {
   margin: 0;
   font-size: 70%;
   color: #fff;
   }

#foot a {
   text-decoration: none;
   color: #fff;
   }
   
#foot a:hover {
   text-decoration: underline;
   color: #fff;
   }
   
#foot em {
   margin: 0 5px;
   }


/* misc
................................................................................ */
.clearleft {
   clear: left;
   }
   
   
/* wine labels
................................................................................ */ 
.img{width:175px; height:263px; float:left;}
.content{width:488px; height:auto; float:right;}
.main_content{width:664px; height:auto; float:right;   }
.blank{width:100%; height:50px; float:left; }
#main_img{width:100%; height:auto; float:right;font-size: 75%;
   line-height: 1.7; }