body,html {height:100%; margin:0; background-image:url('../images/content-background-large.jpg');
background-repeat:no-repeat; background-color:#b0bdb4;}
body {/*background-image:url('../images/background-grid-noise.png');background-repeat:repeat;*/

font-size: 14px; font-family: "Trebuchet MS", "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Tahoma, sans-serif; margin:0px; color: #1f1b1a; background-color:#afbcb5;}


/* GLOBAL STYLES */
a	{color:#457f81;text-decoration:none;}
a:hover {color:#457f81;text-decoration:underline;}

strong {font-weight:bold;}
em {font-style:italic;}

h1, h1 span {line-height:120% !important;}
h1 {font: 24px/32px 'DroidSerifRegular', Georgia, Times, "Times New Roman", serif; color:#cf6b69; margin:0;
text-shadow:0px 1px #fff;}
h1 span {font: 24px/32px 'DroidSerifBoldItalic', Georgia, Times, "Times New Roman", serif; color:#cf6b69;
text-shadow:0px 1px #fff;}
h2 {font: 12px/18px 'DroidSerifItalic', Georgia, Times, "Times New Roman", serif; color:#cf6b69;}

p {line-height:128%; padding-top:16px;}

blockquote {font: 16px/20px 'DroidSerifBold', Georgia, Times, "Times New Roman", serif; color:#c4a028; padding-top:16px;}
blockquote span {font-size:12px; display:block; color:#897F73;}

h3.news {font: 16px/20px 'DroidSerifRegular', Georgia, Times, "Times New Roman", serif; color:#c4a028; padding-top:16px; padding-bottom:2px; border-bottom:1px solid #897f73;}

/*
h1.fontface {font: 60px/68px 'DroidSerifRegular', Arial, sans-serif;letter-spacing: 0;}

		p.style1 {font: 18px/27px 'DroidSerifRegular', Arial, sans-serif;}
		p.style2 {font: 18px/27px 'DroidSerifItalic', Arial, sans-serif;}
		p.style3 {font: 18px/27px 'DroidSerifBold', Arial, sans-serif;}
		p.style4 {font: 18px/27px 'DroidSerifBoldItalic', Arial, sans-serif;}
*/
		

#site-wrap {width:1022px;margin:0; overflow:hidden;}

/* MAIN NAV (HEADER)*/
#nav-header {width:233px; float:left; height:600px; padding-top:32px; /*border-right:1px solid #999;*/
background-image:url('../images/nav-crease.jpg');background-repeat:no-repeat; background-position:top left;}

#main-nav {padding:20px 0 10px 0;}
#mail-nav ul {list-style: none;}
#main-nav li {text-align:right;font-size:18px; display:block; padding-bottom:20px; }
#main-nav a {color:#b7b3aa;text-decoration:none;padding:5px 6px 12px 6px; 
background-image:url('../images/nav-shadow.png');background-repeat:no-repeat; background-position:left bottom;}
#main-nav a:hover {color:#1f1b1a; text-decoration:none; padding:5px 6px 12px 6px; 
background-image:url('../images/nav-shadow-hover-noise.png');background-repeat:no-repeat; background-position:left bottom;}


ul#main-nav ul {display:none;}

/* fancy
#main-nav li:hover ul{display:block; position:absolute;left:233px; top:84px;width:710px;
padding:20px 0 30px 0; border-left:1px solid #999;
background-image:url('../images/books-scroll.png');background-repeat:no-repeat; background-position:top left;
}*/


#main-nav li:hover ul{display:block; position:absolute;left:233px; top:64px;width:790px;
padding:0px 0 10px 0; /*border-left:1px solid #999;*/ border-right:1px solid #1f1b1a; border-top:5px solid #1f1b1a; 
border-bottom:1px solid #1f1b1a;  background-color:#b7b3aa;
background-image:url('../images/nav-booksbox-noise.png');background-repeat:repeat;
box-shadow:10px 10px 20px #897F73;
-moz-box-shadow: 10px 10px 20px #897F73;
-webkit-box-shadow: 10px 10px 20px #897F73;

border-bottom-right-radius:16px; /* rounded bottoms */
border-top-right-radius:16px;
-moz-border-radius-bottomright:16px;
-moz-border-radius-topright:16px;
-webkit-border-bottom-right-radius:16px;
-webkit-border-top-right-radius:16px;
}

#main-nav li ul li {display:inline; }

#main-nav li ul a {/*background-image:url('../images/background-grid-noise.png');background-repeat:repeat;*/ float:left; /*background-color:#fff;*/
 height:200px; width:110px; margin:10px 0 0px 10px;background-color:#e8e0d3; color:#1f1b1a;
display:inline; padding:4px; border:1px solid #1f1b1a;  font-size:12px; text-align:center; 
box-shadow: inset 0px 0px 6px #fff;
-moz-box-shadow: inset 0px 0px 6px #fff;
-webkit-box-shadow: inset 0px 0px 6px #fff;

 border-radius:8px; /* rounded bottoms */
-moz-border-radius:8px;
-webkit-border-radius:8px;}

#main-nav li ul a:hover	{padding:0; padding:4px !important;background-image:none;border:1px solid #1f1b1a;
background-color:#1f1b1a; color:#e8e0d3;
border-radius:8px; 
-moz-border-radius:8px;
-webkit-border-radius:8px;

box-shadow:0px 0px 6px #897F73;
-moz-box-shadow: 0px 0px 6px #897F73;
-webkit-box-shadow: 0px 0px 6px #897F73;}

#main-nav span {/*background-color:#e8e0d3; display:block; padding:2px;
-webkit-border-top-left-radius: 8px;
-webkit-border-top-right-radius: 8px;
-moz-border-radius-topleft: 8px;
-moz-border-radius-topright: 8px;
border-top-left-radius: 8px;
border-top-right-radius: 8px;*/}

.light, .tide, .browne , .anatomies , .peridoic , .britdesign, .panicology, .findings, .zoomorphic, .molecule, .worlddesign, .king, .newamerican
{background-repeat:no-repeat!important; background-position:center 34px !important;}

.light {background-image:url('../images/books/books-light_pb.jpg')!important;}
.tide {background-image:url('../images/books/books-tide_pb.jpg')!important;}
.browne {background-image:url('../images/books/books-browne.jpg')!important;}
.anatomies {background-image:url('../images/books/book-anatomies.jpg')!important;}
.peridoic {background-image:url('../images/books/books-periodic.jpg')!important;}
.britdesign {background-image:url('../images/books/books-britdesign.jpg')!important;}
.panicology {background-image:url('../images/books/books-panicology.jpg')!important;}
.findings {background-image:url('../images/books/books-findings.jpg')!important;}
.zoomorphic {background-image:url('../images/books/books-zoomorphic.jpg')!important;}
.molecule {background-image:url('../images/books/books-molecule.jpg')!important;}
.worlddesign {background-image:url('../images/books/books-worlddesign.jpg')!important;}
.king {background-image:url('../images/books/books-king.jpg')!important;}
.newamerican {background-image:url('../images/books/books-newamerican.jpg')!important;}

.navglobe {position:relative; left:75px;}



/* END NAV */



/* MAIN CONTENT */
#content-wrap {/*width:723px;*/ float:left; padding:32px 32px 0 32px; overflow:hidden;
background-color:#f7efe2; border-left:1px solid #999; /*border-right:1px solid #999; */
background-image:url('../images/content-wrap-background.jpg');background-repeat:no-repeat; background-position:top center;}

.content { width:434px; float:left; margin-right:32px; margin-top:-8px;}

.content img.exhib  {float:right;padding:0 0 4px 6px;}

.content span.readmore {display:block; clear:both;padding:10px 0 10px 0;text-align:right;}
.content span.readmore a {color:#e8e0d3; background-color:#1f1b1a; padding:4px;font-size:12px;
border-radius:8px; 
-moz-border-radius:8px;
-webkit-border-radius:8px;}
.content span.readmore a:hover {background-color:#e8e0d3; color:#1f1b1a;text-decoration:none;}


.detail {width:220px;  font-size:13px; line-height:16px; background-color:#ccc;  float:right;  padding:10px; outline:2px dotted #666; border:3px solid #e8e0d3; margin-bottom:32px;background-image:url('../images/detail-noise.jpg');background-repeat:repeat; clear:right;}
.detail img {padding-bottom:16px; background-image:url('../images/detail-img-shadow.png');background-repeat:no-repeat; background-position:bottom center;}

.detail h3 {font: 18px/26px 'DroidSerifRegular', Georgia, Times, "Times New Roman", serif; color:#1f1b1a;
padding-bottom:10px; /*border-bottom:1px solid #e8e0d3;*/}

.detail a		{color:#fff9ec;text-decoration:none;}
.detail a:hover 	{color:#fff;text-decoration:underline;}

.detail ul {list-style:none;}
.detail li {padding-bottom:5px;}

/* WELCOME IMAGE (NEW BOOK)*/
.welcome {width:220px; color:#897f73; font-size:12px; line-height:16px; float:right;  padding:20px 0 10px 10px;  clear:right;}
.welcome img {padding-bottom:16px; background-image:url('../images/detail-img-shadow.png');background-repeat:no-repeat; background-position:bottom center;}
.welcome span { display:block; padding:6px; border:1px solid #897f73;box-shadow: inset 0px 0px 4px #E8E0D3;
 /*background-image:url('../images/welcome-label.png');background-repeat:no-repeat; background-position:bottom; padding:10px 6px 40px 20px*/}


#footer {display:block; width:720px; color:#897f73;clear:both; margin-top:32px; float:left;padding:16px 0; text-align:right; font-size:12px;
border-top:1px dashed #897f73;}

#footer  span {float:left;}