@charset "UTF-8";
/* CSS Document */

/* font-size set on body, td matches defaultSize set in dw_sizerdx.js */
body { font: 14px Lucida Sans, Arial; line-height:19px; color: #554943; background:#353434 url(../images/bg.jpg) top left no-repeat; margin: 0; padding: 0; }
td { font: 14px Lucida Sans; color: #554943; margin: 0; padding: 0; }
h1 { font-size:1.3em }    
h2 { font-size:1em }   
a:link { color:#385f8f }    
a:visited { color:#385f8f }
ul li { margin-bottom:.4em }   
table#demo { background-color: #eee }
td.demo { font-size:11px }

/* hide from incapable browsers */
div#sizer { display:none;  float: right;} 

img{ border: none;}
a:visited, a:link, a:hover, a:active{ color: #385f8f;}
hr{ background: white; color: white; border: none; border-bottom: 1px dotted #ccc; width: 100%;}
.outer{ width: 836px;  margin: 0 auto; }
.content{width: 100%; float: left;  }
.top{float: left;  width: 100%; height: 104px; background:#88130B url(../images/top.png) no-repeat top;}
.logo{float: left; padding-left: 17px; padding-top: 18px;} 
.sizer{ float: right; padding-right: 44px; padding-top: 7px; }
.highlight{ float: right; padding: 38px 55px 0 0;}

.nav{ float: left; width: 100%; margin: 18px 0 0 18px; padding-bottom: 32px; height: 32px;   }
.nav a{ text-decoration: none; color: #554943; }
.nav ul{ margin: 0; padding: 0;}
.nav li{ list-style: none;  display: inline; float: left;}
.nav li a{color: white; text-transform: uppercase; font: 11px Arial; padding: 0 14px 0 0 ;}
.nav li a:link, .nav li a:active, .nav li a:visited{color: white;}
.nav li a:hover{ color: #ccc;}

.copy_outer{  width:100%;  position: relative; z-index: 0; }
.copy{ float: left;  width: 100%; margin: 0;  }

.hero{ float: left; width: 100%;  height: 319px; line-height: 20px; }
.hero_left{ float: left; background:#e8e8e7 url(../images/hero_bg.png) left no-repeat; width: 100%; height: 100%;}
.hero_right{ float: left; background:none;  width: 100%;}



.author{background:#ffffff url(../images/copy_bg.png) top repeat-y; position: relative; float: left; width: 100%; padding: 12px 0 22px 0; }

.bios{float: left;  width: 68%;}
.bio{float: left; padding: 22px 0 22px 0; margin-left: 4%; border-bottom: 1px dotted #ccc; width: 92%; }
.bio2{float: left; width: 90%;  padding: 22px 0 22px 0; margin-left: 22px; border-bottom: 1px dotted #ccc; }
.bionav{padding:12px;  width:97.3%;} 


h1{ font: 24px Georgia; color: #ab1719; margin: 0; padding: 0 0 12px 0; }
h2{ font:16px Lucida Sans, Arial; color: #ab1719;}
.starter{ font: 18px Georgia; color: #ab1719; margin: 0; padding: 0;  }
h3{font: 18px Georgia; color: #000000; margin: 0; padding: 0 0 12px 0; }

#media{ width:27%; float: right; padding-left: 34px;  }
.media{ float: left; width: 197px;  }
.media_top{ float: left; width:100%; background: url(../images/media_top.png) top center no-repeat; }
.media_bot{ float: left; width:100%; background: url(../images/media_bot.png) bottom center no-repeat;}
.m_txt{width:95%; float: left; background: #efefef; border-left: 1px solid #c8c8c8; border-right: 1px solid #c8c8c8; margin:13px 0 13px 0; padding: 2%;}
.social{ float: left;  padding-top: 10px; padding-left: 22px;}

.quotes{ float: left; margin-top: 15px; background: url(../images/reviews_bg.png) repeat-x; width: 100%; height: 63px;
border-top: 1px solid #c5c5c5; border-left: 1px solid #c5c5c5; border-right: 1px solid #c5c5c5;  }

#scrollup {float: left; position: relative; overflow: hidden; height: 48px; width: 100%; top:10px; left: 0px;}

.headline { float: left; position: absolute; top: 48px; left: 20px; width:96%;}
 
 .qbook{ float: left; margin-left: 77%; margin-top: -18px; width: 188px;}
 .qb1{ color: #555555; font: 12px Georgia;}
 .qb2{ color: #818181; font: 11px Arial;}
 
.footer{ width: 96%; float:left; font: 11px Lucida Sans, Arial; color: white; padding: 2%; background: #84120b; height: 54px;}
.footer a{color: white;text-decoration: none;}
.footer ul{margin: 0; padding: 0; padding-bottom: 12px;}
.footer li{list-style: none; display: inline; padding-right: 12px; text-transform: uppercase; }
.signup{float: left; width: 69%; margin-top: 20px; border: 1px solid #ccc; padding: 5%; text-align: center; }
.signup_form_message{ font: 10px Arial;}

.hire{ float: left; padding-top: 20px;}

.small{ font-size: smaller;}

.tright{float: right; padding-top: 34px; padding-right: 10px; width: 348px; font-size: 14px; line-height: 18px;}
.home{color: #57595b; width: 95%; z-index: 0; float: left;}
.buybtn{ padding-left: 25%; padding-top: 12px;}


.tleft{ float: left; width:56%;  height: 319px;}
.takequiz{float:left; position: absolute; left:180px; top:200px; z-index: 10001;  }
.rotation{position: relative; padding: 10px 0 0 240px; float: left;z-index: 0; }

.mailinglist{float: right; padding: 8px 24px 0 0; color: white; font: 12px Arial;}
.mailinglist a{color: white; text-decoration: none;}

.quotee{ font:12px Arial; color: #385f8f;}
.feedback ul{margin:0; padding:0;}
.feedback li{list-style:none; padding:12px; background:#f3f3f3;  }
.feedback .white{ background:white;}