/*dark grey: 83817E
green: A3AE1D
light grey: C1C0BE*/
/*GLOBAL*/
html, body { margin: 0; padding: 0; }
body { font-size: 15px; font-family: "Hoefler Text", Georgia, "Times New Roman", Times, serif; line-height: 18px; }
h2 { font-size: 18px; font-weight: normal; margin: 0; padding: 0; }
h3 { color: #83817e; font-size: 15px; font-weight: normal; font-style: italic; margin: 0; padding: 0; }
a { color: #83817e; text-decoration: none; }
a:hover { color: #a3ae1d; text-decoration: none; }
ul { margin: 0; padding: 0; }
li { margin: 0; padding: 0; list-style-type: none; }
img { border-style: none; }
/*LAYOUT*/
#wrapper { position: relative; width: 1005px; margin: 0; }
#logo { position: absolute; top: 0; left: 20px; width: 228px; height: 542px; }
/*NAV*/
#nav_main { position: absolute; top: 560px; left: 55px; width: 78px; height: 65px; margin: 0; padding: 0; }
#nav_books { position: absolute; top: 542px; left: 124px; width: 114px; height: 65px; padding-left: 16px; border-left: 1px solid #ccc; }
.select { color: #a3ae1d; }
h1.logo, h2.logo { text-indent: -9999px; }
h1.logo { margin-top: 194px; margin-left: 10px; background-image: url(../images/logo.gif); background-repeat: no-repeat; background-position: 0 0; width: 201px;  height: 69px; display: block; }
/*LOADING*/
#loading_stage { background-color: #fff; position: relative; width: 1005px; height: 650px; z-index: 100; }
#loading_countdown { position: absolute; top: 350px; left: 55px; }
#loading_logo { position: absolute; top: -50px; left: 200px; }
/*THUMB*/
#nav_thumb { position: absolute; top: 542px; left: 258px; width: 720px; height: 65px; overflow: hidden; }
#nav_thumb_frame { width: 100000.01px; height: 65px; }
#nav_thumb ul {  }
#nav_thumb ul li { float: left; margin-right: 2px; }
/*WINDOW*/
#view_window { position: absolute; top: 25px; left: 258px; width: 720px; height: 480px; overflow: hidden; margin: 0; padding: 0; }
#view_window div { width: 26600px; height: 480px; }
#view_window ul {  }
#view_window ul li { float: left; margin-right: 25px; }
/*CONTACT*/
#contact { background-color: #e6e4e2; margin: 0; padding: 30px; width: 310px; height: 425px; }
#contact h2 { font-size: 14px; margin: 0 0 15px; padding: 0; }
#contact p { font-size: 12px; }
#contact p.bio { font-size: 12px; margin: 0 0 20px; padding: 0; }
#contact p a { color: #8e79aa; }
/*CLIENTS*/
#clients { background-color: #e6e4e2; width: 340px; height: 425px; margin: 0; padding: 30px 0 30px 25px; }
#clients h2 { font-size: 14px; font-weight: normal; width: 310px; margin: 0 0 15px; padding: 0; }
#clients ul { width: 160px; height: 400px; overflow: hidden; float: left; margin: 0; padding: 0; }
#clients ul.second { margin-left: 20px; }
#clients ul li { font-size: 12px; clear: left; margin: 0; padding: 0; display: list-item; }
/*NOSCRIPT*/
#noscript { background-color: #fff; position: absolute; top: 200px; left: 235px; width: 500px; height: 50px; z-index: 100; padding: 40px; border: solid 1px #83817e; }
#noscript p { font-size: 13px; margin: 0; padding: 0; }