/*
-----------------------------------------------
Stylesheet: purebio.com
Media: Screen
Author: Chris Abad
----------------------------------------------- */


/* Base Styles
----------------------------------------------- */

  body {
    background-image: url("/images/sidebar_bg.gif");
    background-position: top left;
    background-repeat: repeat-y;
    font-family: Arial, "MS Trebuchet", sans-serif;
    font-size: small;
    margin: 0;
    padding: 0;
    }
  
  a {
    color: #0084A2;
    }
  
  h2 {
    font-size: 120%;
    font-weight: normal;
    margin: 0 0 .8em 0;
    padding: 0;
    }
  
  p {
    line-height: 1.8em;
    }
    p.alt { margin:0; }
    p.space { margin:0 0 10px; }
    p.tight { line-height:1.5em; }
    
  hr { margin:10px 0; padding:0; height:1px; overflow:hidden; color:#ccc; font-size:1px; background:none; border:1px solid #ccc; border-width:1px 0px 0px; }
      
  .floatright { margin:0 0 20px 20px; float:right;  }

/* ClearFix Hack
----------------------------------------------- */
  
  .clearfix:after {
     content: "."; 
     display: block; 
     height: 0; 
     clear: both; 
     visibility: hidden;
     }

   .clearfix {display: inline-table;}

   /* Hides from IE-mac \*/
   * html .clearfix {
     height: 1%;
     }

   .clearfix {
     display: block;
     }
   /* End hide from IE-mac */

   
/* ID/Class Styles
----------------------------------------------- */

  #container {
    background-image: url("/images/header_bg_blue.gif");
    background-repeat: repeat-x;
    height: 200px;
    width: 100%;
    }
  
  #header {
    background-image: url("/images/header_blue.jpg");
    background-position: top left;
    height: 160px;
    background-repeat: no-repeat;
    }

#pure_media {
	background: #fff;
	position:absolute;
    top:70px;
    left:680px;
    width:150px;
    height:25px;
	text-align:center;
    font-weight: bold;
	font-size: 13px;
	padding-top:7px;
	-moz-border-radius: 9px;
	-webkit-border-radius: 9px;
	border: 1px solid #005A82;
}


/* Content
----------------------------------------------- */
  
  #content {
    margin-left: 237px;
    width: 525px;
    padding: 2em 40px;
    }
  

/* Sidebar
----------------------------------------------- */

  #sidebar {
    color: #FFF;
    float: left;
    font-size: 85%;
    line-height: 2em;
    margin: 0 0 0 24px;
    *margin-left: 12px;
    padding: 25px;
    width: 163px;
    }
  
  #sidebar a {
    color: #FFF;
    text-decoration: none;
    }
  
  #sidebar a:hover {
    color: #cfd53d;
    }

  #sidebar .active {
    color: #cfd53d;
    }
  
  #sidebar ul {
    list-style: none;
    margin:-10px 0 0 0;
    padding: 0;
    }
  
  #sidebar ul li {
    font-weight: bold;
    padding-top:10px;
  }

  #sidebar ul ul {
    list-style: square;
    padding-left: 15px;
    margin-top:0;  
  }
  
  #sidebar ul ul li {
    padding-top:0px;
  }

  #sidebar ul ul li a {
    font-weight: normal;
  }

/* Misc Styles Needed
----------------------------------------------- */
  a#homelink {
    position:absolute;
    top:40px;
    left:300px;
    width:200px;
    height:80px;
    text-indent:-1000em;
    overflow:hidden;
  }
  a.super-highlight {
    display:block;
    background:#FF9;
    color:#000;
    margin:-4px;
    padding:6px;
  }
  a.super-highlight:hover {
    background:#FF3;
    text-decoration:none;
  }
  div#webform {
    background:transparent url("/images/form_ul.gif") top left no-repeat;
    color:#fff;
  }
  div#webform form {
    background:transparent url("/images/form_r.gif") top right repeat-y;
    display:block;
    margin:-13px auto !important;
    margin:-19px auto;
  }
  div#webform form label {
    display:block;
    float:left;
    padding-right:20px;
    text-align:right;
    width:160px;
  }
  div#webform form .submit {
    display:block;
    margin:0 auto;
    width:100px;
  }
  div#webform span {
    background:transparent url("/images/form_ur.gif") top right no-repeat;
    display:block;
  }
  div#webform_bottom {
    background:transparent url("/images/form_bl.gif") bottom left no-repeat;
  }
  div#webform_bottom p {
    background:transparent url("/images/form_br.gif") bottom right no-repeat;
    display:block;
    padding:5px;    
  }
  div.errorExplanation {
    background:#FFC;
    border:2px solid #FC0;
    width:80%;
    margin:0 auto 10px auto;
    padding:6px;
    color:#666;
  }
  div.errorExplanation h4, div.errorExplanation p {
    margin:0;
    padding:0;
  }

  p#corporate_overview {
    background:transparent url("/images/swoosh.gif") center center no-repeat;
  }
  .right {
    float: right;
  }
  .left {
    float: left;
  }
  .t-center {
    text-align:center;
  }
  .t-left {
    text-align: left;
  }
  .t-right {
    text-align: right;
  }
  .p-shadow {
    width: 100%;
    float:left;
    background: url(/images/shadowAlpha.png) no-repeat bottom right !important;
    background: url(/images/shadow.gif) no-repeat bottom right;
    margin: 10px 0 0 10px !important;
    margin: 10px 0 0 5px;
  }

  .p-shadow div {
    background: none !important;
    background: url(/images/shadow2.gif) no-repeat left top;
    padding: 0 !important;
    padding: 0 6px 6px 0;
  }

  .p-shadow p {
    color: #777;
    background-color: #fff;
    font: italic 1em georgia, serif;
    border: 1px solid #a9a9a9;
    padding: 4px;
    margin: -6px 6px 6px -6px !important;
    margin: 0;
  }
  div.pdfs {
    width:50%;
    float:left;
    text-align:center;
    font-size:90%;
  }
  div.pdfs img {
    border:1px solid #ccc;
    text-decoration:none;
    margin-bottom:5px;
  }

  #news dl dt {
    clear: left;
    margin:0;
    font-weight:bold;
    float:left;
    width:140px;
    padding-bottom:15px;
  }
 #news dl dd {
   margin:0;
   width:380px;
   float:left;
   padding-bottom:15px;
 }
 #media dl dt {
    margin:0;
    font-weight:bold;
    padding-bottom:5px;
    color: #0084A2;
  }
 #media dl dd {
   margin:0;
   padding-bottom:15px;
 }
  #article p {
    line-height:1.3em;
  }
  
  #video { z-index: 200; }

  .callout { position:absolute; top:490px; left:24px; padding:10px 25px 0; width:163px; color:#fff; line-height:18px; border-top:1px dotted #fff; }
  .callout p { text-align:center; line-height:18px; }
  .callout a { color:#fff; }
  .callout a:hover { color:#cfd53d; }
  
/* Table Styles
----------------------------------------------- */
  table {  
    margin:-2px 0 10px -4px;
    width:100%;
  }

  .table_header_top td {
    background: #00a74e;
    color:#fff;
    font-weight:bold;
    text-align:center;
  }
  .table_header_bottom td {
    background: #00a74e;
    color:#fff;
    font-weight:bold;
    text-align:center;
  }