/*
Copyright (c) 2007, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.3.1
*/
body{color:#000;background:#FFF;}body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}table{border-collapse:collapse;border-spacing:0;}fieldset,img{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}li{list-style:none;}caption,th{text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}q:before,q:after{content:'';}abbr,acronym{border:0;font-variant:normal;}sup,sub{line-height:0px;vertical-align:text-top;}sub{vertical-align:text-bottom;}input, textarea, select{font-family:inherit;font-size:inherit;font-weight:inherit;}
body 
{
  color: white;
  font-family: Helvetica, Verdana, Arial, Sans-Serif;
  background-color: #fafafa; 
}
#nav 
{
    height: 86px;
    margin: 0px;
    text-align: center;
    width: 100%;
    background-image: url('../Images/splash_HeaderBG.jpg'); background-repeat: repeat-x; width: 100%; height: 100px;
}
#nav td
{
  height: 70px;
  text-align: center;
  vertical-align: middle; 
}
#nav td.spacer 
{
 color: Gray; width: 10px; cursor: default;
}
#nav td a
{
 color: #DDDDDD;
 text-decoration: none; 
}
#nav td a:hover
{
 color: White;
 text-decoration: underline;
}
/***** Page Selection ******/
.body_faq #nav .lnk_Faq, 
.body_resources #nav .link_Resources,
.body_news #nav .link_News,
.body_contact #nav .lnk_Contact,
.body_products #nav .lnk_Products,
.body_samples #nav .lnk_Samples,
.body_home #nav .lnk_Home { font-weight: bold;text-decoration: underline; color: White; }

#pageTitle
{
text-align: center;
}
#toolbar img
{
 float: left; 
}
#content
{
  clear: both;
 color: #222;
 border: 0px solid red; 
 width: 780px;
 margin: 0 auto 0 auto;
 text-align: left;
 padding-right: 100px;
}
  #content img.link
  {
    margin-left: 6px;
  }
.rightLink 
{
 float: right; font-size: .8em;width: 200px;text-align: right; 
}
/**** DIALOGS ****/
#dialogContent
{
 color: #222; 
 font-size: .9em;
 padding-top: 10px;
 padding-left: 10px; padding-right: 10px;
}
#dialogContent h2
{
  padding-top: 14px;
 height: 26px;
}
#dialogContent hr
{
 width: 100%;
}
#dialogContent .helpfulLinks
{
 margin: 5px;
 margin-top: 20px;
 font-size: .75em; 
 border: 1px solid #255488;
 background-color: #ddebfa;
}
#dialogContent .helpfulLinks div
{
 margin: 10px; 
 margin-top: 10px;
}
#dialogContent h3
{
  font-size: 1em;
}
#dialogContent #header
{
 margin: 0; 
}
#dialogContent #header img
{
  float: right;
}
#dialogContent #header div
{
 margin-left: 10px; margin-right: 10px;font-size: 50px; float: right; color: #265388;  
}
#dialogContent #header h2
{
 font-size: 22px; margin-top: 0;float: left; 
}
#dialogContent #header hr
{
 margin-top: 0; clear: both;
}
#dialogClose
{
 margin: 30px auto 0 auto; 
}

/**** END DIALOGS ****/
#main img
{
 float: left;
/* height: 303px; */
}
#footer
{
 text-align: center;
 color:  #515151;
 font-size: 12px;
}
#footer a
{
   color:  #515151;
 font-size: 12px;
 text-decoration: none;cursor: pointer;
}
#footer a:hover
{
  text-decoration: underline;
}
#footer #footerMail
{
 float: left; height: 14px; width: 16px; background-image: url('../images/footer_Sprites.jpg'); background-position: -27px center; 
}
#footer #footerBlog
{
 float: right; height: 14px; width: 14px; background-image: url('../images/footer_Sprites.jpg');
              background-position: -13px center; margin-left: 6px; 
}
#footer #footerTube
{
 float: right; height: 14px; width: 14px; background-image: url('../images/footer_Sprites.jpg');
              background-position: left center; margin-left: 6px; 
}
#footer #footerPhone
{
  float: left; height: 14px; width: 16px; background-image: url('../images/footer_Sprites.jpg'); background-position: right center; 
}
p#copyright
{
  margin-bottom: 0px;
}
#footerComponents
{
 margin-top: 4px; 
}
#footerComponents img
{
  margin-left: 6px; 
}
#footerComponents td
{
  padding-left: 18px;
}

/*headline for front page */
h1 {
    color: #222;
    font-family: "Lucida Sans","Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans Unicode",Verdana,Arial,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: .5em;
}
/*headline for sub pages */
h2 {
    color: #222;
    font-family: "Lucida Sans","Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans Unicode",Verdana,Arial,sans-serif;
    font-size: 1.2em;
    font-weight: bold;
    margin-bottom: .5em;
}
/*headline for grey columns captions */
h3 {
    color: #265388;
    font-family: "Lucida Sans","Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans Unicode",Verdana,Arial,sans-serif;
    font-size: 1.05em;
    font-weight: bold;
    margin-bottom: 15px;
    margin-top: 15px;
}
h4 {
    color: #222;
    font-family: "Lucida Sans","Trebuchet MS","Lucida Grande","Lucida Sans Unicode","Lucida Sans Unicode",Verdana,Arial,sans-serif;
    font-size: 1.05em;
    font-weight: bold;
    margin-top: 15px;
    margin-bottom: 15px;
}
p
{
 text-align: left; 
}
hr
{
 margin-top: 10px; 
 margin-bottom: 10px; 
}
a
{
 color: #0066cc; 
}
a:visited
{
 color: #004284;
}
/**** FAQ ****/
li.question
{
  font-weight: bold;margin-bottom: 15px;
  }
li.answer
{
 margin-bottom: 30px; 
}
li.answer p
{
 margin: 20px; 
}
/**** END FAQ ****/
/**** ABOUT ****/
.about
{
  margin-left: 0px; padding-left: 80px; background-repeat: no-repeat; background-position: 0px 0px; height: 84px; margin-bottom: 20px;
  font-size: .95em; padding-top: 4px;
}
#about_Randy
{
 background-image: url(../Images/about_Randy.jpg); 
}
#about_Kenny
{
 background-image: url(../Images/about_Kenny.jpg); 
}
#about_Bjorn
{
 background-image: url(../Images/about_Bjorn.jpg);  
}
#about_Scott
{
 background-image: url(../Images/about_Scott.jpg); 
}
#content .about a
{
 font-weight: normal;
}
.contactInfo
{
  margin-top: 6px;
 font-size: .88em;
 line-height: 1.5em;
 padding-left: 20px; 
}
/**** END ABOUT ****/
/**** Resources and FAQ ****/
    #content table
    {
      border: 1px solid black;
      table-layout: fixed;
      font-size: .70em;
      margin: 20px;
    }
    #content th
    {
      text-align: center;
      font-weight: bold;
      color: White;
      padding: 3px;
      border-bottom: 1px solid black;
      background-color: #386087;
    }
    #content td
    {
      padding: 2px;
      text-align: center;
      border-bottom: 1px solid black;
    }
    #content td.first
    {
      text-align: left;
      border-right: 1px solid black;
    }
    #content #faqTOC
    {
      margin-bottom: 40px;
    }
    #content #faqTOC li
    {
      list-style-type: decimal;margin-left:30px;
    }
    /**** End Resources and FAQ ****/
    
    /* Email Popup */
#popupEmail
{
  display: none;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6*/
  height: 394px;
  width: 458px;
  border: 2px solid #cecece;
  z-index: 2;
  padding: 12px;
  font-size: 15px;
  color: #242423;
  background-color: #f1f1f2;
}
#popupEmail h5
{
  text-align: left;
  color: #6FA5FD;
  font-size: 18px;
  font-weight: 700;
  border-bottom: 1px dotted #D3D3D3;
  padding-bottom: 2px;
  margin-bottom: 20px;
}
#popupEmailClose
{
  font-size: 14px;
  line-height: 14px;
  right: 6px;
  top: 4px;
  position: absolute;
  color: #6fa5fd;
  font-weight: 700;
  display: block;
  cursor: pointer;
}
#backgroundPopup
{
  display: none;
  position: fixed;
  _position: absolute; /* hack for internet explorer 6*/
  height: 100%;
  width: 100%;
  top: 0;
  left: 0;
  background: #000000;
  border: 1px solid #cecece;
  z-index: 1;
}
/* End Email Popup */



.news_item {
width:100%;
clear:both;
color:#333;
float:left;
margin-top:30px;
margin-bottom:0px;
padding-bottom:10px;
border-bottom:1px solid #e1e1e1;
}

.news_item h2 {

}

.news_item p.date {
font-size:12px;
display:none;
}

.news_item p {
margin-bottom:20px;
line-height:1.3em;
}

.news_item .graphic {
float:right;
margin:0px 0px 20px 40px;
text-align:center;
}

.news_item .graphic img {
float:none;
}

.news_item .graphic p{
padding-top:10px;
font-size:0.7em;
text-align:center;
display:block;
clear:both;
}