@import url('reset.css');
@import url('viewbook.css');


	
    .right {float:right;}
    .left  {float:left;}
    .clear {clear:both;}
   
    q.right {margin:10px 0px 10px 10px;}
    q.left  {margin:10px 10px 10px 0px;}
   
    img.bordered {padding:2px; border:1px solid #aaa; background-color:#ccc;}
    img.right    {margin:0 10px 15px 15px;}
    img.left     {margin:0 15px 15px 0px;}
	
	.print {display:none;}
   
/* @General Structure
----------------------------------------*/
/*
966
918

649
617
*/



    #menu     {margin:0 auto; width:930px; height:20px; padding:0; position:absolute; margin: -40px 0 0 0px;
	}
    
    #book     {margin:30px auto 0; width:852px; height:608px; padding:0 31px 0; background:url(../images/bg-book.jpg) no-repeat top center;
	}
    
    #mybook   {margin:0 auto; width:852px; height:588px; position:relative;}
    
    
	#load     {display:none;}
    #footer   {margin:0 auto; width:965px; height:120px;}
	
	#no-js {width:100%; height:100%; position:absolute; top:0; left:0; z-index:500; background:#000; opacity:.5;}
	#no-js-box {border:4px solid #222; display:block; width:300px; height:200px; position:absolute; top:130px; left:410px; z-index:550; background:#fff; padding:20px 40px;}

	/* @Menu Items
	----------------------------------------*/
		
#menu #print {display:block; float:right; margin:15px 5px 0px; width:20px; height:20px; text-indent:-999em; background:url(../images/toolbar_print.gif) no-repeat 0px 0px; position: static;
		}
		
#menu #tell {display:block; float:right; margin:15px 0 10px; width:20px; height:20px; text-indent:-999em; background:url(../images/tell.gif) no-repeat 0px 0px; position: static;}			
		
#menu #download{display:block; float:right; margin:17px 2px 10px; width:20px; height:20px; text-indent:-999em; background:url(../images/download.gif) no-repeat 0px 0px; position: static;}	
	
		
		#menu #print:hover {background-position:0px 0px;}
		#menu #printmenu   {display:none;}
		
		#printmenu       {width:300px; padding:10px;}
		#printmenu h2    {padding:0 0 10px;}
		#printmenu label {}
		
		.selector          {font-size: 10px; height:44px; margin:15px 0 0; padding:0 0 0 14px; position:relative; float:right; border:none; /*background:url(../images/bg-selector-left.gif) left -44px no-repeat;*/ cursor:pointer;}
		.selector .current {padding:8px 0px 12px 10px; line-height:20px; /*display:block;*/ /*background:url(../images/bg-selector-right.gif) right -44px no-repeat;*/}
		.selector-book     {width:225px;}
		.selector-page     {width:200px;}
		.pagetitle{
			width: 300px;
			text-transform: uppercase;
			font-size: 19px;
			font-family: 'BauhausLightCTTRegular';
			padding-top: 10px;
		}
		
		.selector:hover   {background-position:left 0px;}
		.selector:hover .current   {background-position:right 0px;}
		.selector ul      {
		-moz-border-radius: 3px; 
		-webkit-border-radius: 10px; 
		overflow:hidden; 
		margin:0; 
		list-style:none; 
		position:absolute; 
		top:30px; 
		right:0; 
		padding:0 0 10px; 
		background:#ece8ec; 
		width:300px;
		}
		.selector li      {border:none;}
		.selector a       {height:14px; text-decoration:none; display:block; padding:5px 10px;}
		.selector a .text {float:left; clear:none;}
		.selector a .num  {float:right; clear:none;}
		.selector a:hover {color:#C90007;}
		
	/* @Home
	----------------------------------------*/

		
	
	/* @Table of Contents
	----------------------------------------*/
/*		#toc          {position:fixed; bottom:0; width:100%;}
		#toc-content  {width:945px; margin:0 auto; padding:0 31px 20px; color:#fff; background:url(../images/bg-toc.png) no-repeat top center;}
		#toc h2       {padding:10px 0; text-transform:none; font:normal 17px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#aaa;}
		#toc h2:hover {color:#fff; cursor:pointer;}
		#toc ul       {width:185px; float:left;}
		#toc ul ul    {margin-top:5px; width:100%;}
		#toc li       {padding:3px; font-size:12px; line-height:1.2em;}
		#toc li li    {padding:3px 3px 3px 10px;}
		#toc h3       {padding:3px 3px 3px 0; margin-right:30px; color:#aa9874; border-bottom:1px solid #2e2d2b;font:bold 14px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
		#toc a        {text-decoration:none; border-bottom:1px dotted #686868; color:#686868;}
		#toc a:hover  {border-bottom:1px solid #fff; color:#fff;}
	*/
   
	/* @Viewbook Styling
	----------------------------------------*/
/*		.viewbook a        {color:#006699; text-decoration:none;}
		.viewbook a:hover  {border-bottom:1px dotted;}*/
		.viewbook ul       {font-size:12px; padding:0; margin:0 0 20px 10px; line-height:20px; color:#524f4a; list-style:disc outside;}
	   
		.tagline {font:bold 18px "Myriad Pro"; color:#34322d; margin:10px 0; border-bottom:1px solid #928e86;}
		.caption {padding:10px; background:#999; color:#fff;}
	   
		.padtop  {padding-top:64px;}
	   
		.col-2   {width:205px; height:600px; float:left; margin-right:10px;}
		.block-4 {width:205px; height:260px; float:left; margin-right:10px;}
		
	/* @Gallery
	----------------------------------------*/
/*		.gallery a       {display:block; float:left; margin:0 12px 12px 0px; padding:2px; border:1px solid #aaa; background-color:#ccc;}
		.gallery a:hover {border:1px solid #aaa; background-color:#fff;}
		
		.gallery-text a       {display:block; margin:0 12px 0 20px; padding:0 0 0 40px; line-height:50px; border:none; border-bottom:1px dotted #aaa; background:transparent url(../images/impact-arrow.png) 0px 14px no-repeat; cursor:pointer; font-weight:bold; float:none;}
		.gallery-text a:hover {background:url(../images/impact-arrow.png) 0px -35px no-repeat; border:none; border-bottom:1px solid #aaa;  color:#423223;}

		.galleryitems h3          {padding:10px 0;}
		.galleryitems div         {display:none;}
		.galleryitems img         {}
		.galleryitems a           {border-bottom:1px dotted; padding:5px;}
		.galleryitems a:hover     {background:#333; color:#fff; border-bottom:1px solid #fff;}
		.galleryitems div.current {display:block;}
		.qtip-content             {font-size:14px; font-weight:bold;}*/
		
		
	/* @Chapter Select
	----------------------------------------*/
	.chapter-select       {display:block; position:relative; /*background:url(../images/chapter-bg-select-short.gif) no-repeat 0 0;*/ height:75px; padding:6px 0px 10px; width:385px; margin-bottom:3px;}	
	
	
	.pers       { height:77px; padding:6px 0px 10px; width:385px; margin-bottom:3px;}
	.pers img   {float:right; margin:0px 0 0 10px; width: 70px;}

	
		.chapter-select:hover {background-position:0 -97px; border:none !important;}
		.chapter-select-curr  {background-position:0 -97px; border:none !important;}
		.chapter-select h3    {color:#4b3a29; text-transform:uppercase; font-weight:bold; font-size:15px; padding:4px 0 2px 0;}
		.chapter-select p     {line-height:1.3em; font-size:10px;}

		
		.chapter-select img   {float:right; margin:0px 0 0 10px; width: 80px;}
/*		.chapter-select .ribbon-curr {position:absolute; top:0; right:0; width:67px; height:48px; background:url(../images/chapter-current.png) no-repeat 0px 0px;}
		.chapter-select .ribbon-next {position:absolute; top:0; right:0; width:67px; height:48px; background:url(../images/chapter-next.png) no-repeat 0px 0px;}*/
		

	/* @Lab Layout
	----------------------------------------*/
/*		.lab-image-1          {padding-top:0; position:absolute; top:0; right:10px; width:445px;height:619px; background:url(../images/delivery/lab-left.png) no-repeat left top;}
		.lab-image-2          {padding-top:64px; position:absolute; top:1px; left:0; width:455px;height:618px;background:url(../images/delivery/lab-right.png) no-repeat left top;}
		.lab-image-1 p        {color:#ccc; padding:0 161px 8px 20px; font-size:11px; line-height:18px;}
		.lab-image-1 h2       {padding:30px 0 10px 20px; color:#ab7b30;}
		.lab-image-2 p        {color:#ccc; padding:0 20px 10px 65px; font-size:11px; line-height:18px;}
		.lab-image-2 p.narrow {padding:0 20px 10px 235px;}
	*/

	/* @research Layout
	----------------------------------------*/
/*		.research-image-1      {padding:35px 20px 20px 35px; position:absolute; top:0; right:10px; width:385px; height:579px; background:url(../images/discovery/research-left.png) no-repeat left top;}
		.research-image-2      {padding-top:64px; position:absolute; top:1px; left:0; width:455px;height:553px;background:url(../images/discovery/research-right.png) no-repeat left top;}
		
		.research-image-1 h2 {color:#fff; text-transform:none; font:normal 24px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif;}
		.research-image-2 p {position:absolute; color:#fff; bottom:65px; left:30px; width:50%;}
		
		.research-list    {list-style:none; margin:10px 20px !important;}
		.research-list li {padding:20px; margin:0 0 10px; font:normal 17px "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; list-style:none; display:block; color:#fff; background:#457697; height:37px; border-bottom:2px solid #000;}
		.research-list li:hover {background:#666; border-bottom:2px solid #000; cursor:pointer;}
		.research-list li div {display:none;}
		
		#research-popup {border:8px solid #666;overflow:hidden; z-index:2000; display:none; width:300px; height:300px; position:absolute; top:100px; left:510px; background:#fff; padding:20px;}
		#research-popup-line {display:none; width:200px; height:8px; position:absolute; top:150px; left:410px; background:#666; z-index:1000;}
	
	/* @Connections Layout
	----------------------------------------*!/
		.connections-image-1   {padding-top:0; position:absolute; top:0; right:10px; width:445px;height:619px; background:url(../images/transformation/spread-left.png) no-repeat left top;}
		.connections-image-2   {padding-top:64px; position:absolute; top:1px; left:0; width:455px;height:618px;background:url(../images/transformation/spread-right.png) no-repeat left top;}
	*/

/* @z-index fix
----------------------------------------*/
    body               {z-index:0;}
    #menu              {z-index:100;}
    #book              {z-index:10;}
    .viewbook          {z-index:10;}
    .pN                {z-index:10;}
    .p0                {z-index:10;}
    .p1                {z-index:10;}
    .p2                {z-index:10;}
    .p3                {z-index:10;}
    .p4                {z-index:10;}
    .tab               {z-index:5;}
    .arrow             {z-index:20;}
    .counter           {z-index:40;}
    .map-image-1       {z-index:10;}
    .map-image-2       {z-index:10;}
    .map-overlay       {z-index:50;}
    .map-dialog        {z-index:60;}
    .map-overlay:hover {z-index:120;}
    .map-overlay:hover .map-dialog:hover {z-index:130;}
    #footer            {z-index:5;}
    #toc               {z-index:110;}   
	
