@charset "utf-8";
/* RESET */
/* ----------------------------------------- */

/* Global reset */
/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */
*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td {
	margin:0;
	padding:0;
}
body  {font size: 62.5%; font-family: Helvetica, sans-serif; color: #333333; background-color: #CCC;}
table { border-collapse:collapse; border-spacing:0 }
fieldset, img { border:0 }
address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
ol, ul, li { list-style:none; margin: 0; _margin: 0; padding-left: 0; list-style-position:outside;}
caption, th { text-align:left }
h1, h2, h3, h4, h5, h6 { font-size:100%; font-weight:normal }
q:before, q:after { content:''}

/* Global reset-RESET */
/* The below restores some sensible defaults */
strong { font-weight: bold }
em { font-style: italic }
a img { border:none } /* Gets rid of IE's blue borders */
 /* #737d60*/

#page-wrap 
{width: 774px;
	background: #FFFFFF;
	padding: 30px 0px 0 40px;
	margin: 40px auto;
	min-height: 581px;
	height: 580px !important;
	height: 581px;} 
	
#page-wrap-index 
{width: 774px;
	background: #FFFFFF;
	padding: 30px 0px 0 40px;
	margin: 40px auto;
	min-height: 581px;
	height: 580px !important;
	height: 581px;} 
	
#header 
{background-color:#ffffff; width:50%;} 
h1.header {font-size:9px; width:196px; height: 36px; background: url(media/generic/logo.jpg) no-repeat; text-indent: -9999px; overflow:hidden;}
h1.header  a {display:block; width:100%; height:100%; outline-style: none;}
h1.header  a:hover {color:white; background-color: transparent;}

#delimiter
{width:734px; border-bottom: 1px; height: 8px; border-bottom-color:#737d60; border-bottom-style:solid;}

#top-nav {width: 450px; padding:4px 0 0 0; float: right; height: 23px;}

#navlist
{background:url("media/generic/nav.gif") no-repeat; width: 450px; height:23px; margin:4px 0 0 0; padding:0px 0 0 0;}

#navlist li, #navlist a
{display:block; height:23px; }

#navlist li
{float:left; list-style:none; display:inline; text-indent: -9999px;}

#navlist-01 {width: 82px;}
#navlist-01 a:hover {background:url("media/generic/nav.gif") 0px -23px no-repeat;}
#navlist-02 {width: 83px;}
#navlist-02 a:hover {background:url("media/generic/nav.gif") -82px -23px no-repeat;}
#navlist-03 {width: 94px;}
#navlist-03 a:hover {background:url("media/generic/nav.gif") -165px -23px no-repeat;}
#navlist-04 {width: 85px;}
#navlist-04 a:hover {background:url("media/generic/nav.gif") -259px -23px no-repeat;}
#navlist-05 {width: 72px;}
#navlist-05 a:hover {background:url("media/generic/nav.gif") -344px -23px no-repeat;}


#thumbnail-panel 
{float: left; width: 204px; background-color: #ffffff; padding: 57px 0px 0px 0px;}

.thumbnail {width:200px; float:left; min-height:68px; width:68px; height: 68px; height: 68px !important;}

#image-wrap 
{ float:right; padding: 30px 0 0px 0px; width:579px; margin-left: -9px; height: 400px;}

.image-landscape { width: 499px; margin-left: auto; margin-right: auto;}
	
.image-portrait {margin-left: 135px; margin-right: auto; width: 279px;}

#image-index{ margin-left: 0px; margin-right: auto; width: 720px; margin-top: 40px;}

.caption {float:right; padding: 0px 0 0 0; height: 20px; margin-top: 5px;}
.caption p, #contact-text p  {font-family:Verdana, Geneva, sans-serif; font-size: 0.7em; color:#666; line-height: normal; margin: 0 0 0 0;}


#booknav-wrap-01 {margin-top: 70px; float:left; width:55px; background:url("media/generic/booknav.gif") no-repeat; height:11px;}
#booknav-wrap-02 {margin-top: 50px; float:left; width:55px; background:url("media/generic/booknav.gif") no-repeat; height:37px;}
#booknav-wrap-03 {margin-top: 30px; float:left; width:55px; background:url("media/generic/booknav.gif") no-repeat; height:60px;}

#booknav-01 a {display: block; height: 11px; text-indent: -9999px;}
#booknav-01 a:hover {background:url("media/generic/booknav.gif") -55px 0px no-repeat;}
#booknav-02 a {display: block; height: 25px; text-indent: -9999px;}
#booknav-02 a:hover {background:url("media/generic/booknav.gif") -55px -11px no-repeat;}
#booknav-03 a {display: block; height: 25px; text-indent: -9999px;}
#booknav-03 a:hover {background:url("media/generic/booknav.gif") -55px -36px no-repeat;}
/*.section-navlist ul {margin: 0; padding-left: 0;}
.section-navlist a { padding: 0px 0px 0 0;}
.section-navlist a:link, .section-navlist a:visited
{color: #737d60; background-color: #fff; text-decoration: none;}*/

.clearboth {clear: both;}

#contact-image 
{width: 737px; height: 420px; margin: 50px 0px 0px 0px;}
#contact-text 
{float:right; margin: 0px 0px 0px 0px; width:407px;}