/*
----------------------------------------
file: main.css
app: oceanwide seafood
date: july 2008
desc: main style document
----------------------------------------
*/


/* elements
................................................................................ */
body {
   margin: 0;
   padding: 0 0 20px;
   font: 1em arial, helvetica, sans-serif;
   line-height: 1em;
   color: #666;
   background: #fbfbee;
   }

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

a {
   color: #0060a9;
   text-decoration:underline;
   }

a:hover {
   text-decoration:none;
   }

/* layout
................................................................................ */
#main-cont {
   position: relative;
   width: 750px;
   margin: 0 auto;
   background: #fff url(../img/main_cont_back.gif) repeat-y 0 0;
   }

#leftcol {
   float: left;
   width: 136px;
  /* width: 111px; */
   padding: 115px 0 20px 20px;
   }

#rightcol {
   float: right;
   width: 544px;
   /* width: 569px; */
   margin: 0 0 160px;
   padding: 20px 25px;
   }

#head-cont {
   padding: 0 0 50px;
   }

#nav-cont {
   width: 115px;
  /* width: 90px; */
   }

#foot-cont {
   position: absolute;
   bottom: 0;
   right: 0;
   width: 589px;
   /* width: 614px; */
   height: 145px;
   background: url(../img/foot_back.jpg) no-repeat 0 0;
   }


/* head
................................................................................ */
h1 {
   position: absolute;
   left: -999em;
   }

.head-logo {
   float: right;
   }

#head-cont p {
   margin: 0;
   padding: 0;
   font-size: 75%;
   font-weight: bold;
   line-height: 1.6;
   color: #bfbd00;
   }

#head-cont p span {
   margin-left: 4px;
   font-weight: normal;
   }

#head-cont p span em {
   font-style: normal;
   color: #999;
   }


/* nav
................................................................................ */
#nav-cont li {
   padding: 8px 0;
   border-bottom: 2px solid #bfbd00;
   font-size: 80%;
   }

#nav-cont li.last {
   border: 0;
   }

#nav-cont a {
   font-weight: bold;
   text-decoration: none;
   color: #0060a9;
   }

#nav-cont a:hover {
   color: #222;
   }


/* common content elements
................................................................................ */
h2 {
   margin: 0 90px 15px 0;
   padding: 0 0 3px;
   border-bottom: 2px solid #efefcd;
   font-size: 80%;
   color: #0060a9;
   }

h3 {
   margin: 0 90px 15px 0;
   padding: 0 0 3px;
   border-bottom: 2px solid #efefcd;
   font-size: 80%;
   color: #0060a9;
   }

h2 span {
   font-weight:normal;
   }

h2 em {
   margin-left: 20px;
   font-style:italic;
   font-weight:normal;
   }

p {
   margin: 0 90px 10px 0;
   padding: 0;
   font-size: 80%;
   line-height: 1.4;
   color: #0060a9;
   }

.content-pic {
   float: right;
   margin: 10px 20px 10px 20px;
   }


/* specific content components
................................................................................ */
#deliv-flavor {
   margin: 20px 90px 10px 0;
   padding: 0 0 7px;
   border-bottom: 2px solid #efefcd;
   }


/* foot
................................................................................ */
#foot-cont p {
   margin: 0;
   padding: 120px 0 0 135px;
   font-size: 65%;
   line-height: 1;
   color: #0060a9;
   }


/* misc
................................................................................ */
.clearboth {
   clear: both;
   }
   
.serv-indent{
   padding-left: 20px;
   font-style:italic;
   }
	
a.pdficon {
   background: url(../img/pdf_icon.gif) no-repeat left; 
   padding: 0 0 0 20px;
   }