html {height: 100%; width: 100%;}
body {height: 100%; margin: 0 0 0 0; width: 100%;}
body, p {color: #333333; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px;}
a {color: #7B7B7B; text-decoration: none;}
div#outerwrapper {margin: 0 auto 0 auto; width: 100%;}
div#contentcontainer {clear: both; margin: 0 auto 0 auto; width: 1008px;}
div#leftcontainer {float: left; min-height: 552px; width: 810px;}
div#leftcontainer_interior {float: left; min-height: 663px; width: 810px;}
div#navcontainer {float: left; margin-top: 170px; text-align: right; width: 198px;}
div#navcontainer div#navinfo {padding: 0 0 0 0; text-align: right; width: 198px;}
div#navcontainer div#navinfo img.nav_img {padding: 1px 0 0 0; text-align: right;}
div#navcontainer div#navinfo div.nav_bottom_spacer {margin-top: 137px;}
div#navcontainer_interior {float: left; margin-top: 60px; text-align: right; width: 198px;}
div#navcontainer_interior div#navheader {height: 75px; margin-bottom: 35px; margin-right: 30px; text-align: right; width: 168px;}
div#navcontainer_interior div#navinfo {padding: 0 0 0 0; text-align: right; width: 198px;}
div#navcontainer_interior div#navinfo img.nav_img {padding: 1px 0 0 0; text-align: right;}
div#navcontainer_interior div#navinfo div.nav_bottom_spacer {margin-top: 137px;}
div#bookcontainer {clear: both; float: left; width: 1008px; position: relative;}
div#bookcontainer div.book {float: left; position: relative;}
div#bookhider {clear: both; float: left; height: 29px; width: 1008px; position: relative; top: -15px; border-top: 1px solid #ffffff; margin: 0 0 -10px 0;}
/*--- colors ---*/
.bgcolor_FFB700 {background-color: #FFB700;}
.bgcolor_933F9D {background-color: #933F9D;} /*-- home --*/
.bgcolor_EE1D01 {background-color: #EE1D01;} /*-- blog --*/
.bgcolor_EF870D {background-color: #EF870D;} /*-- subscribe for free --*/
.bgcolor_11A8F0 {background-color: #11A8F0;} /*-- books --*/
.bgcolor_FF5900 {background-color: #FF5900;} /*-- free stuff --*/
.bgcolor_96271D {background-color: #96271D;} /*-- bio --*/
.bgcolor_8C419C {background-color: #8C419C;} /*-- speaking --*/
.bgcolor_FFA200 {background-color: #FFA200;} /*-- blurbs --*/
.bgcolor_E84329 {background-color: #E84329;} /*-- contact --*/
.bgcolor_C93F1B {background-color: #C93F1B;} /*-- international links --*/
.bgcolor_FFB700 {background-color: #FFB700;} /*-- rider --*/
.bgcolor_ffcc00 {background-color: #ffcc00;} /*-- courses --*/
.a_666666 {color: #666666 !important;}
.italic {font-style: italic;}
.bold {font-weight: bold;}
.no_underline {text-decoration: none !important}
/*--- book layer styles ---*/
.bookdiv {background: url(/sg/images/back_bords/bg_book_links.png) top left no-repeat; height: 275px; width: 200px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; text-align: left;}
.bookdiv_a {background: url(/sg/images/back_bords/bg_book_links_a.png) top left no-repeat; height: 275px; width: 200px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; text-align: left;}
.bookdiv_b {background: url(/sg/images/back_bords/bg_book_links_b.png) top left no-repeat; height: 275px; width: 200px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; text-align: left;}
.bookdiv_c {background: url(/sg/images/back_bords/bg_book_links_c.png) top left no-repeat; height: 275px; width: 200px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; text-align: left;}
.bookdiv_d {background: url(/sg/images/back_bords/bg_book_links_d.png) top right no-repeat; border: solid 0px #c0c0c0; height: 350px; width: 284px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; line-height: 16px; font-weight: bold; text-align: left;}
.bookdiv_e {background: url(/sg/images/back_bords/bg_book_links_e.png) top right no-repeat; border: solid 0px #c0c0c0; height: 350px; width: 284px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; line-height: 16px; text-align: left;}
.bookdiv_f {background: url(/sg/images/back_bords/bg_book_links_f.png) top right no-repeat; border: solid 0px #c0c0c0; height: 350px; width: 284px; font-family: Geneva, Arial, Helvetica, san-serif; font-size: 11px; font-weight: bold; line-height: 16px; text-align: left;}
.bookdiv_tr {position: absolute; visibility: hidden; margin-top: -400px; background: url(/sg/images/back_bords/bg_book_links_tr.png) top left no-repeat; border: solid 0px #c0c0c0; height: 400px; width: 350px;}
.bookdiv_tl {position: absolute; visibility: hidden; margin-top: -400px; background: url(/sg/images/back_bords/bg_book_links_tl.png) top right no-repeat; border: solid 0px #c0c0c0; height: 400px; width: 350px;}
.bookdiv_br {position: absolute; visibility: hidden; background: url(/sg/images/back_bords/bg_book_links_br.png) top right no-repeat; border: solid 0px #c0c0c0; height: 400px; width: 350px;}
.bookdiv_bl {position: absolute; visibility: hidden; background: url(/sg/images/back_bords/bg_book_links_bl.png) top right no-repeat; border: solid 0px #c0c0c0; height: 400px; width: 350px;}
div.book_info, div.book_info p {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 14px; text-align: left;}
div.book_info p {margin-bottom: 0px;}
.booktitle {font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 12px; font-weight: bold;}
.booksitelist {line-height: 18px; list-style-type: none; margin: 0px; margin-bottom: 5px; margin-left: 5px; margin-top: 0px; padding-bottom: 0px; padding-left: 5px; padding-top: 0px;}
.booksitelist li {margin-bottom: 3px;}
.booksitelist li a, .booksitelist li a:hover {color: #553381; text-decoration: underline;}
/*--- copyright ---*/
div#copyright {color: #ffffff; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 10.5px; text-align: right; margin: 5px 40px;}
div#copyright a {color: #ffffff; text-decoration: none;}
/*--- page classes --*/
div#speakingcontainer {border: 1px solid #ffffff; min-height: 743px; width: 810px; background: url(/sg/images/back_bords/bg_speaking.jpg) no-repeat;}
div#speakingcontainer div#speakinglink {float: left; margin-top: 155px; margin-left: 80px;}
div#speakingcontainer div#speakinginfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 90px; margin-left: 25px; margin-right: 35px; width: 295px}
div#speakingcontainer div#speakinginfo a {color: #553381; text-decoration: underline;}
div#freestuffcontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_free_stuff.jpg) no-repeat;}
div#freestuffintro {color: #333333; position:relative; top: 125px; left: 445px; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; width: 260px;}
div#freestuffinfo {color: #7B7B7B; text-align: right; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; width: 730px; margin-top: 190px;}
div#freestuffinfo a {color: #7B7B7B; font-weight: bold; text-decoration: none;}
div#contactcontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_contact.jpg) no-repeat;}
div#contactcontainer div#contactlink {float: left; margin-top: 180px; margin-left: 190px;}
div#coursescontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: none;}
div#coursescontainer div#coursesinfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 90px; margin-left: 45px; margin-right: 35px; margin-bottom: 15px; padding-bottom: 60px; width: 700px; }
div#coursescontainer div#coursesinfo a { color: #8c419c; font-weight: bold; text-decoration: underline; }
div#seth_courses_intro { background: url(/sg/images/content/bg_seth_courses.jpg) no-repeat; height: 314px; width: 475px; overflow: hidden; cursor: pointer; }
div#seth_courses_intro.seth_courses_intro_over { background: url(/sg/images/content/bg_seth_courses.jpg) no-repeat; background-position: 0 -314px; height: 314px; width: 475px; overflow: hidden; cursor: pointer; }
div#ridercontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_rider.jpg) no-repeat;}
div#ridercontainer div#riderinfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 90px; margin-left: 300px; margin-right: 35px; margin-bottom: 15px; width: 475px;}
div#bookscontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_books.jpg) no-repeat;}
div#bookscontainer div#books {float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; padding-bottom: 60px; margin-top: 100px; margin-left: 54px; margin-right: 15px; width: 447px}
div#bookscontainer div#booksinfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 270px; margin-left: 15px; margin-right: 35px; width: 215px}
div#bookscontainer div#booksinfo a {color: #553381; text-decoration: underline;}
div#errorcontainer {border: 1px solid #ffffff; clear: both; min-height: 180px; width: 810px; background: url(/sg/images/back_bords/bg_sorry.jpg) no-repeat;}
div#errorcontainer div#errorinfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 170px; margin-left: 39px; margin-right: 35px; width: 600px}
div#errorcontainer div#errorinfo a {color: #553381; text-decoration: underline;}
div#internationalcontainer {border: 1px solid #ffffff; min-height: 1100px; width: 810px; background: url(/sg/images/back_bords/bg_international_links.jpg) no-repeat;}
div#internationalcontainer div#international {float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 100px; margin-left: 70px; margin-right: 15px; width: 372px}
div#internationalcontainer div#internationalheader {margin-top: 100px; margin-left: 275px;}
div#internationalcontainer div#internationalinfo {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 50px; margin-left: 345px; margin-right: 35px; width: 295px}
div#internationalcontainer div#internationalinfo a {color: #553381; text-decoration: underline;}
#international_links {line-height: 18px;}
div#biocontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_bio.jpg) no-repeat;}
div#bioinfo, div#bioinfo_full {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 90px; margin-left: 300px; margin-right: 35px; margin-bottom: 15px; width: 475px}
div#bioinfo a, div#bioinfo_full a {color: #553381; text-decoration: underline;}
div#blurbscontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; background: url(/sg/images/back_bords/bg_blurbs.jpg) no-repeat; padding-top: 125px;}
div#blurbscontainer div.blurb_off {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 5px; margin-left: 205px; margin-right: 35px; margin-bottom: 5px; padding: 10px 35px 20px 35px; width: 535px;}
div#blurbscontainer div.blurb_on {background-color: #F1F2F2; color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 5px; margin-left: 205px; margin-right: 35px; margin-bottom: 5px; padding: 10px 35px 20px 35px; width: 535px;}
div#blurbscontainer div.blurb_author {color: #7B7B7B; font-weight: bold;}
div#blurbscontainer div#blurbs_top {margin-left: 25px; margin-top: 25px;}
div#blurbscontainer div#blurbs_bottom {margin-left: 25px; margin-bottom: 25px; margin-top: -25px;}
div#subscribecontainer {border: 1px solid #ffffff; min-height: 663px; width: 810px; margin-top: 60px;}
div#subscribecontainer div.subscribe_off {color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 5px; margin-left: 205px; margin-right: 35px; margin-bottom: 5px; padding: 10px 35px 20px 35px; width: 535px;}
div#subscribecontainer div.subscribe_on {background-color: #F1F2F2; color: #333333; float: left; font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif; font-size: 14px; line-height: 25px; margin-top: 5px; margin-left: 205px; margin-right: 35px; margin-bottom: 5px; padding: 10px 35px 20px 35px; width: 535px;}
div#subscribecontainer a {color: #553381; text-decoration: underline;}
div#subscribecontainer h3 {color: #EF870D; font-size: 25px; margin: 0 0 0 0; padding: 0 0 0 0;}
/*--- misc. ---*/
.bold {font-weight: bold;}
.color_7B7B7B {color: #7B7B7B;}
.violator { display: none; margin-left: 360px; margin-top: 20px; height: 100px; width: 360px; background-color: #990000; position: relative; float: left; z-index: 98; zoom: 1;}
/* =SCROLLING
-------------------------------------------------------------- */
/*
root element for the scrollable.
when scrolling occurs this element stays still.
*/
.scrollable_violator {
/* required settings */
margin-left: -162px;
position:relative;
overflow:hidden;
height: 120px;
width: 360px !important;
float: left;
/* custom decorations */
border: 0px solid #ccc;
}
/*
root element for scrollable items. Must be absolutely positioned
and it should have a extremely large width to accomodate scrollable items.
it's enough that you set the width and height for the root element and
not for this element.
*/
.scrollable_violator .items {
/* this cannot be too large */
width: 20000em;
position: absolute;
clear: both;
}
.scrollable_violator .items div.item_group {
float:left;
height: 100px;
width: 360px !important;
border:0px solid #ccc;
}