body { margin: 0px; padding: 0px; background: #b1e9ff url("images/common/bg.gif") left top repeat-x; }

/* reset */

h1, h2, h3, h4, h5, p { margin: 0px; padding: 0px; }
img { border: none; padding: 0px; margin: 0px; }

#container { width: 960px; margin: auto; }
#banner { width: 100%; height: 157px; background: #fbf7f3; border-style: solid none; border-width: 12px; border-color: #1bb8ef; z-index: 2; position: absolute; top: 43px; z-index: -99; }
#stage { position: relative; width: 960px; height: 450px; margin: auto; z-index: 0; left: inherit; }
#stage #header_image{ position: absolute; left: 0px; top: 0px; z-index: 10; width: 960px; height: 450px; overflow: hidden; }

#tabs { width: 406px; height: 43px; z-index: 5000; float: right; position: relative; }
#tabs ul { width: auto; float: right; list-style: none; margin: 0px; padding: 0px; }
#tabs ul li { float: left; margin: 0px; display: block; width: auto; overflow: hidden; }
#tabs ul li a { display: block; height: 43px; text-indent: -9999em; }
#tabs ul li a.jdcom { width: 163px; background: url("images/common/janinedrivercom.png"); }
#tabs ul li a.bli { width: 243px; background: url("images/common/bodylanguageinstitute.png") 0px 0px no-repeat; }
#tabs ul li a:hover.bli { background: url("images/common/bodylanguageinstitute.png") 0px -43px no-repeat; }

#header { width: 960px; height: 157px; z-index: 4000; background: url("images/common/header-bg.png") center no-repeat; border-style: solid none; border-width: 12px; border-color: #1bb8ef; position: absolute; top: 43px; }
#header h1 { width: 254px; height: 26px; margin-top: 50px; background: url("images/common/name.png") no-repeat; text-indent: -9999em; margin-bottom: 40px; }
#header h2 { position: absolute; left: -40px; display: block; width: 509px; height: 96px; z-index: 9; background: url("images/common/callout.png"); text-indent: -9999em; }
#header .left { width: 515px; height: 157px; position: relative; float: left; }
#header .right { width: 441px; height: 157px; position: relative; float: right; }
#header .right ul { height: 113px; margin-top: 37px; margin-left: 10px; list-style: none; width: 131px; position: absolute; }
#header .right ul.continue { width: 131px; position: absolute; left: 162px; }
#header .right ul li { width: 131px; height: 12px; margin: 0px; margin-bottom: 7px; list-style-position: outside; }
#header .right ul li a { display: block; text-indent: -9999em; height: 12px; }
#header .right ul li a.home { width:43px; background: url("images/common/nav-home.png") 0px 0px no-repeat; }
#header .right ul li a:hover.home { width:43px; background: url("images/common/nav-home.png") 0px -12px no-repeat; }
#header .right ul li a.about { width: 105px; background: url("images/common/nav-about.png") 0px 0px no-repeat; }
#header .right ul li a:hover.about { background: url("images/common/nav-about.png") 0px -12px no-repeat; }
#header .right ul li a.press { width: 64px; background: url("images/common/nav-press.png") 0px 0px no-repeat; }
#header .right ul li a:hover.press { background: url("images/common/nav-press.png") 0px -12px no-repeat; }
#header .right ul li a.blog { width: 39px; background: url("images/common/nav-blog.png") 0px 0px no-repeat; }
#header .right ul li a:hover.blog { background: url("images/common/nav-blog.png") 0px -12px no-repeat; }
#header .right ul li a.contact { width: 71px; background: url("images/common/nav-contact.png") 0px 0px no-repeat; }
#header .right ul li a:hover.contact { background: url("images/common/nav-contact.png") 0px -12px no-repeat; }
#header .right ul li a.resource { width: 131px; background: url("images/common/nav-resource.png") 0px 0px no-repeat; }
#header .right ul li a:hover.resource { background: url("images/common/nav-resource.png") 0px -12px no-repeat; }
#header .right ul li a.videos { width: 52px; background: url("images/common/nav-videos.png") 0px 0px no-repeat; }
#header .right ul li a:hover.videos { background: url("images/common/nav-videos.png") 0px -12px no-repeat; }
#header .right ul li a.appearances { width: 162px; background: url("images/common/nav-appearances.png") 0px 0px no-repeat; }
#header .right ul li a:hover.appearances { background: url("images/common/nav-appearances.png") 0px -12px no-repeat; }
#header .right ul li a.book { width: 98px; background: url("images/common/nav-book.png") 0px 0px no-repeat; }
#header .right ul li a:hover.book { background: url("images/common/nav-book.png") 0px -12px no-repeat; }
#header .right ul li a.store { width: 43px; background: url("images/common/nav-store.png") 0px 0px no-repeat; }
#header .right ul li a:hover.store { background: url("images/common/nav-store.png") 0px -12px no-repeat; }
#header .right ul li a.active { background-position: 0px -12px; background-repeat: no-repeat; }
#header .right ul li a:hover{ cursor: pointer; }

#book { width: 960px; background: #fff; margin: auto; margin-top: 10px; z-index: 9000; position: relative; }

#wrapper { width: 960px; background: #fff; margin: auto; margin-top: 10px; padding-bottom:20px; z-index: 9000; position: relative; }
#box { width: 470px; height: 250px; padding: 1px; float: left; margin-bottom: 20px; }
#box .rt { float:right; }
#box img { padding: 10px; padding-right: 20px; border: 0; }
#box p { padding-top: 4px; width: 263px; font-family: Arial, Helvetica, sans-serif; font-size: 15px; color: #666; margin-left: 168px; margin-bottom: 10px; }
#box p a { margin-top: 20px; color: #0a8cbc; clear: both; }
#box p a:hover { text-decoration: none; }
#box .rt p { float:right; }
#box h3 { display: block; margin-left: 188px; margin-top: 10px; color: #5c524a; font-size: 24px; text-transform: uppercase; }

#features { width: 960px; height: 139px; margin: auto; margin-top: 10px; margin-bottom: 10px; }
#features h2.clients { display: block; width: 474px; height: 139px; text-indent: -9999em; background: url("images/common/featured-clients.jpg"); float: left; position: relative; }
#features h2.network { display: block; width: 476px; height: 139px; text-indent: -9999em; background: url("images/common/network-appearances.jpg"); float: right; position: relative; }

#footer { width: 960px; height: 101px; margin: auto; background: #fff; margin-bottom: 10px; }
#footer .links { float: left; }
#footer .links p { float: left; width: auto; height: 52px; padding: 20px; margin-right: 14px; }
#footer .links p a { font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #999; text-decoration: none; }
#footer .links p a:hover { color: #4f4f4f; }
#footer .buttons { float: right; width: 460px; margin-right: 30px; }
#footer .buttons a { display: block; height: 63px; width: 218px; text-indent: -9999em; margin-top: 20px; }
#footer .buttons a.book-appearance { background: url("images/common/book-appearance.jpg") 0px 0px no-repeat; float: right; }
#footer .buttons a:hover.book-appearance { background: url("images/common/book-appearance.jpg") 0px -63px no-repeat; }
#footer .buttons a.ask { background: url("images/common/ask.jpg") 0px 0px no-repeat; float: left; }
#footer .buttons a:hover.ask { background: url("images/common/ask.jpg") 0px -63px no-repeat; }

#footnote { width: 960px; margin: auto; }
#footnote p { margin-left: 20px; margin-bottom: 5px; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666; }
#footnote a { color: #999; text-decoration: none; }
#footnote a:hover { color: #333; }

#copyright { float: left; }
#social { float: right; }
#social img { border: 0; }