html { height:100%; margin-bottom:1px; }
html, body { height:100%; }
body { background-color:#ffffff; margin:0px; padding:0px; }
#wrapper { height:100%; min-height:100%; width:978px; background-color:#ffffff; border-left:1px solid #000000; border-right:1px solid #000000; margin:auto; position:relative; background-image:url("../images/site-bg.jpg"); background-repeat:repeat-y; background-position:0px 0px; }
html>body #wrapper { height:auto; }
#logo { width:209px; height:462px; position:absolute; top:0px; left:0px; z-index:100; }
#logo img { border:0px; }

/* navigation */
#navbox { width:978px; height:50px; background-color:#c2c2c2; position:absolute; top:0px; right:0px; background-image:url("../images/grey-shadow.jpg"); background-repeat:repeat-y; background-position:0px 0px; }
#navbox ul { list-style:none; margin:0px; padding:0px 0px 0px 220px; }
#navbox ul li { display:inline; }
#navbox ul li a { padding:5px 10px 5px 10px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; font-size:12px; line-height:24px; font-weight:bold; text-decoration:none; color:#000000; }
#navbox ul li a:hover, #navbox ul li a.selected { background-color:#6e6f73; color:#ffffff; }

/* subnavigation */
#submenu { position:absolute; top:52px; left:278px; height:20px; }
*html #submenu { width:360px; }
#submenu div { float:left; }
*html #submenu div { width:180px; }
#submenu a { display:block; margin-top:2px; padding:0px 6px 0px 6px; text-align:center; vertical-align:middle; height:20px; color:#000000; text-decoration:none; font-size:11px; line-height:20px; font-weight:bold; background-color:#d2d2d2; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
#submenu a:hover { background-color:#6e6f73; color:#ffffff; text-decoration:none; } 
#submenu .subselected a { display:block; margin-top:2px; padding:0px 6px 0px 6px; text-align:center; vertical-align:middle; height:20px; color:#ffffff; text-decoration:none; font-size:11px; line-height:20px; font-weight:bold; background-color:#6e6f73; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.subholder { clear:both; margin:30px 0px 5px 0px; }
#submenu.topic { left:368px; }

/* site footer */
#clearfooter { width:100%; height:30px; clear:both; }
#baseline { clear:both; width:968px; height:25px; padding:0px 10px 0px 0px; background-color:#c2c2c2; position:absolute; bottom:0px; right:0px; text-align:right; color:#848484; font-size:9px; line-height:25px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; background-image:url("../images/grey-shadow.jpg"); background-repeat:repeat-y; background-position:0px 0px; }
#baseline a { color:#848484; text-decoration:none; }

/* generic styles */
h1 { color:#848484; font-size:22px; line-height:22px; margin:0px 0px 5px 0px; }
h2 { color:#848484; font-size:16px; font-weight:bold; line-height:18px; margin:10px 0px 5px 0px; }
.clearall { clear:both; }
.center { text-align:center; }
.imgright { float:right; margin:10px 0px 10px 10px; border:1px solid #000000; }
ul { list-style:square; margin:0px; padding:0px 0px 10px 15px; color:#843c9c; }
li { margin:0px 0px 3px 0px; color:#000000 }
.required { color:#dc1617; font-size:14px; font-weight:bold; margin:0px 2px 0px 2px; }
.subheading { margin:30px 0px 5px 0px }

/* content area */
#content { width:978px; }

/* left column */
#leftcol { width:520px; float:left; padding:80px 0px 10px 230px; text-align:left; font-size:12px; line-height:18px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; }

/* Book Promo */
#bookpromo { clear:both; width:180px; height:276px; border:1px solid #000000; padding:10px; font-size:14px; line-height:20px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; margin:60px auto 0px auto; }
#bookpromo img { border:0px; }

/* services & topics */
.quicklink { margin:20px 0px 0px 0px; }

/* client list */
.clientlist { margin:0px 0px 0px 15px; padding:0px 0px 0px 25px; }

/* testimonials */
.test-one { padding:5px; margin:2px 0px 2px 0px; background-color:#ffffff; }
.test-two { padding:5px; margin:2px 0px 2px 0px; background-color:#f3d5fd; }

/* contact us */
.contactrow { clear:both; }
.contact-label { width:70px;; height:30px; float:left; font-weight:bold; color:#848484; font-size:12px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.contact-details { width:400px; height:30px; float:left; color:#000000; font-size:12px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
#mailform { width:530px; margin-top:50px; font-size:11px; line-height:14px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; }
.frow { clear:both; padding-top:10px; min-height:22px; width:100%; }
*html .frow { height:22px; }
.frow span.label { float:left; width:100px; text-align:left; padding-right:5px; color:#848484; font-size:12px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.frow span.field { float:left; padding-left:5px; color:#000000; font-size:11px; line-height:12px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.frow span.field input { width:400px; border:1px solid #a9a9a9; }
.frow span.field select { border:1px solid #a9a9a9; }
.frow span.field textarea { width:400px; height:120px; border:1px solid #a9a9a9; font-size:12px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.error { color:#dc1617; font-size:12px; }
.errorbox { padding:10px 0px 10px 0px; color:#dc1617; font-weight:bold; }

/* right column */
#rightcol { width:180px; float:right; padding:70px 10px 10px 10px; min-height:400px; }
.quote { font-size:14px; line-height:18px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; text-align:justify; margin:0px 0px 5px 0px; }
.quoteauthor { font-size:14px; line-height:18px; font-family:Arial,Helvetica,Geneva,Swiss,SunSans-Regular; font-weight:bold; text-align:right; margin:0px; }
/* scroller iframe */
iframe { border:solid 1px #cccccc; background-color:transparent; }
#news-scroller { margin:0px; height:315px; width:180px; padding:0px; }
#news-scroller { margin:0px; background-color:transparent; }
#news-scroller  p { color:#000000; font-size:11px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }
.newspanel { text-align:left; margin:8px; font-size:11px; line-height:14px; font-family:Arial, Helvetica, Geneva, Swiss, SunSans-Regular; }

/* DNA Promo */
h1.promoheader { color:#660066; text-align:center; font-size:24px; margin:20px 0px 5px 0px; }
h2.promosubhead { text-align:center; }
p.promostrapline { font-size:18px; font-weight:bold; color:#660066; text-align:center; }
p.promovenue { margin:10px auto 20px auto; width:70%; padding:15px; border:1px solid #660066; background-color:#f3d5fd; font-size:20px; line-height:26px; text-align:center; }
.imgright { border:1px solid #000000; float:right; margin:0px 0px 10px 10px; }
p.calltoaction { clear:both; margin:10px auto 20px auto; width:95%; padding:10px; border:1px solid #660066; background-color:#f3d5fd; font-size:20px; line-height:26px; text-align:center; }
p.calltoaction a { color:#660066; text-decoration:none; }