/*
   application.css
   market52
   
   Created by Craig Mink on 2008-10-15.
   Copyright 2009 Full Steam Marketing & Design. All rights reserved.
*/

/*  Import Default Generic Rules
----------------------------------------------- */
@import url(reset.css);
@import url(generic.css);

/*  Setup the wireframe s1ze
----------------------------------------------- */
html {
  margin: 0 auto;
  padding: 0;
  font-size: 68.8%;
  font-family: georgia, "times new roman", times, serif;
}
* html {
  width: 1000px;
}
body {
  background: #fff url('design/m52-body-bkgd.gif') repeat-y top center; 
  margin: 0 auto;
  padding: 0;
}


/*  Specialized Wireframe Rules
----------------------------------------------- */
.hidden {
  visibility: hidden;
}
.inactive a, .inactive li a {
  color: #bbb !important;
}
.sourcefile {
  display: none;
  background-color: #ff3;
  color: #c00;
}
.sourcefile:before { 
  content: "Source: "; 
}
.content h1, .content h2, .content h3, .content h4, .content h5, .content h6 {
 letter-spacing: -0.05em;
 color: #444;
}

h3 span { color: #888; }


/*  Overall Rules
----------------------------------------------- */
.content { line-height: 2em; color: #666;}
.content ul.navigation {
  list-style: none;
  margin: 1em 0;
  padding: 0;
} 
.content ul.navigation li {
  list-style: none;
  display: inline; 
  margin: 0;
  padding: 0 1.5em 0 0; 
}
.content ul.navigation li:before { content: ""; } /* removing bullets for navigation unordered lists */


/*  Wrapper
----------------------------------------------- */
#wrapper {
  position: relative;
  width: 1000px;
  margin: 0 auto;
}

/*  Logo
----------------------------------------------- */
#logo {
  float: left;
  width: 150px;
  margin: 10px 0 0;
  padding: 0;
}
#logo h1 { margin: 0; padding: 0; }
#logo h1 a {
  background: transparent url('design/m52-logo.gif') no-repeat 4px 0;
  display: block;
  margin: 0;
  padding: 0;
  width: 150px;
  height: 160px;
  text-indent: -9999px;
  overflow: hidden;
}


/*  Newsetter Ad
----------------------------------------------- */
#newsletter-ad {
  background: transparent url('design/m52-nwsltr-berries.jpg') no-repeat top left;  
  position: absolute;
  top: 180px;
  left: 12px;
  width: 121px;
  height: 263px;
  font-size: 17px;
  text-align: center;
}
* html #newsletter-ad {
  overflow: visible;
}
#newsletter-ad a {
  display: block;
  width: 121px;
  height: 263px;
  margin: 0;
  padding: 0;
  color: #fff;
  line-height: 1.9em;
  text-decoration: none;
}
#newsletter-ad span {
  display: block;
  padding: 10px 10px;
}
#newsletter-ad em {
  font-style: normal;
  text-decoration: underline;
}

/*  Specific page newsletter graphics
----------------------------------------------- */
.company-page #newsletter-ad { background-image: url('design/m52-nwsltr-company.jpg'); }
.company-page#who-we-are-page #newsletter-ad { background-image: url('design/m52-nwsltr-whoweare.jpg'); }
.company-page#our-methods-page #newsletter-ad { background-image: url('design/m52-nwsltr-methods.jpg'); }
.products-page #newsletter-ad { background-image: url('design/m52-nwsltr-products.jpg'); }
.products-page#asparagus-page #newsletter-ad { background-image: url('design/m52-nwsltr-asparagus.jpg'); }
.products-page#berries-page #newsletter-ad { background-image: url('design/m52-nwsltr-berries.jpg'); }
.products-page#table-grapes-page #newsletter-ad { background-image: url('design/m52-nwsltr-grapes.jpg'); }
.contact-page #newsletter-ad { background-image: url('design/m52-nwsltr-contact.jpg'); }
.news-page #newsletter-ad { background-image: url('design/m52-nwsltr-news.jpg'); }


/*  Body Container
----------------------------------------------- */
#container {
  background-color: #fff;
  position: relative;
  float: left;
  width: 788px;
  margin: 0 37px 0 25px;
  padding: 0;
}
/* IE Hack for above */
* html #container { display: inline; margin-right: 34px; }


/*  Header
----------------------------------------------- */
#header { background-color: #484c9f; }

/*  Header Images
----------------------------------------------- */
.content #container {
  background-color: #fff;
  background-position: 0 0;
  background-repeat: no-repeat;
}
.home-page #container { background-image: url('design/m52-hdr-home.jpg'); }
.company-page #container { background-image: url('design/m52-hdr-company.jpg'); }
.products-page #container { background-image: url('design/m52-hdr-products.jpg'); }
.contact-page #container { background-image: url('design/m52-hdr-contact.jpg'); }
.news-page #container { background-image: url('design/m52-hdr-news.jpg'); }


/*  Main Nav
----------------------------------------------- */
#main-nav {
  float: left;
  width: 482px;
  margin-left: 8px;
}
/* IE Hack for above */
* html #main-nav { display: inline; }

#main-nav ul { margin: 0; padding: 0; }
#main-nav li {
  float: left;
  margin: 0;
  padding: 0;
  text-indent: 0; /* fix generic.css rule */
}
#main-nav li a {
  background: transparent url('design/m52-main-nav.gif') no-repeat top left;
  display: block;
  width: 95px;
  height: 32px;
  margin: 0;
  padding: 0;
  overflow: hidden;
  text-indent: -999px; 
}

/*  Setup tab functionality  */
#main-nav li#nv-company a { background-position: -95px 0; }
#main-nav li#nv-products a { background-position: -190px 0; }
#main-nav li#nv-contact a { background-position: -285px 0; }
#main-nav li#nv-news a { background-position: -380px 0; }

#main-nav li#nv-home a:hover, .home-page #main-nav li#nv-home a { background-position: 0 100%; border-bottom: 1px solid #fff; }
#main-nav li#nv-company a:hover, .company-page #main-nav li#nv-company a { background-position: -95px 100%; border-bottom: 1px solid #fff; }
#main-nav li#nv-products a:hover, .products-page #main-nav li#nv-products a { background-position: -190px 100%; border-bottom: 1px solid #fff; }
#main-nav li#nv-contact a:hover, .contact-page #main-nav li#nv-contact a { background-position: -285px 100%; border-bottom: 1px solid #fff; }
#main-nav li#nv-news a:hover, .news-page #main-nav li#nv-news a { background-position: -380px 100%; border-bottom: 1px solid #fff; }


/*  Subnav
----------------------------------------------- */
ul#subnav {
  position: absolute;
  width: 320px;
  top: 0px;
  left: 490px;
  line-height: 1em;
  text-transform: uppercase;
  font: normal normal bold 9px Verdana, sans-serif;
  margin-top: 12px;
}
ul#subnav li { text-indent: 0; }
ul#subnav li a { text-decoration: none; color: #fff; }
ul#subnav li a:hover { color: #c80039; }

/* Active Page highlight */
#berries #subnav li#berries-sn a,
#table-grapes #subnav li#table-grapes-sn a,
#asparagus #subnav li#asparagus-sn a,
#cherries #subnav li#cherries-sn a {
  text-decoration: underline;
}


/*  Content
----------------------------------------------- */
#content {
  clear: both;
  min-height: 500px;
  padding-bottom: 80px;
  background-repeat: no-repeat;
  background-position: 97% 98%;
}
/*  IE Hack - no min-height  */
* html #content { height: 500px; }
#content h2 {
  margin: 0;
  padding: 0;
  line-height: 1.6em;
  letter-spacing: -0.05ex;
  font-size: 2.25em;
  font-weight: normal;
  height: 248px;
  color: #484c9f;
  padding-left: 20px;
}

/*  Detail Images  */
.home-page #content { background-image: url('design/m52-home-detail-img.jpg') }
.company-page #content { background-image: url('design/m52-company-detail-img.jpg'); }
.products-page#index-page #content { background-image: url('design/m52-products-detail-img.jpg'); }
/* .contact-page #content { background-image: url('design/m52-contact-detail-img.jpg'); } */
.news-page #content { background-image: url('design/m52-news-detail-img.jpg'); }


/*  Content column
----------------------------------------------- */
#content .copy-column {
  width: 440px;
  margin: 20px 0 0 220px;
  text-align: left;
}
#content img.left {
  float: left;
  margin: 50px 0 0 25px;
}


/*  Product Page
----------------------------------------------- */
.products-page #content .product-column h3 {
  font-weight: normal;
  margin-left: 406px;
}
.products-page #content .product-column img.left {
  float: left;
  margin-top: 20px;
}
.products-page #content .product-column .copy-column {
  margin: 0 0 0 50px;
  width: 300px;
  float: left;
}

/*  Product Listing
----------------------------------------------- */
.products-page #content .product-column {
  width: 768px;
  padding: 0 10px;
  margin: 0;
  
  /* border: 1px solid #c80039; */
}
.products-page #content .product-column .catalog h3, #lightwindow_contents h3 {
  letter-spacing: -0.05em;
  color: #999;
  margin: 1.14em 0 0.57em;
  font-size: 1.4em;
}
#lightwindow_contents {
  width: 768px;
  line-height: 1em;
}

/*  Product Table
----------------------------------------------- */
.products-page #content .catalog {
  width: 768px;
}
.products-page #content .catalog table, #lightwindow_contents table {
  width: 95%;
  border: 0px none;
}
.products-page #content .catalog th, #lightwindow_contents th {
  border: 0px none;
  color: #fff;
  background-color: #f2674c;
  padding: 0 4px 0 0;
  text-transform: uppercase;
  width: 16%;
}
.products-page #content .catalog td, #lightwindow_contents td {
  background: transparent url('design/m52-product-divider.gif') repeat-x bottom left;
  border: 0px none;
  width: 16%;
  line-height: 1em;
  vertical-align: bottom;
  padding: 0;
  padding-bottom: 1em;
  color: #f2674c;
}


/*  News Page Rules
----------------------------------------------- */
.news-page .copy-column .news-list dt { font-size: 150%; }
.news-page .copy-column .news-list dd { margin-bottom: 2em; line-height: 1.8em; }
.news-page .copy-column dd { line-height: 1.2em; }
.news-page .copy-column h3 {
  margin: 0 0 .2em;
  color: #999;
}
.news-page .copy-column .pr-date-loc { margin-bottom: 0.5em; color: #333; }


/* Footer
----------------------------------------------- */
#footer {
  clear: both; 
  float: left;
  width: 788px;
  background-color: #f8941d;
  color: #d06;
  /* font-size: 12px;  */
}
#footer p, #footer a { margin: 0; }
#footer p { float: left; font-size: .9em; }
#footer p.right { float: right; }
#footer a { color: #d06; }
#footer a:hover { color: #b06; }