@import url('reset.css');

/* @General
----------------------------------------*/
    html      {}
    body      {margin:0; padding:0; width:100%; height:100%; font-size:80%; font-family:"Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream VeraSans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}
   
    h1, h2, h3, h4, h5, h6 {padding:0 0 10px;}
    h1 {text-indent:-999em;  top:10px; left:320px; width:320px; height:75px; padding:0;}
    h1 a {display:block; width:100%; height:100%;}
    h2 {padding:20px 0; text-transform:uppercase; font: normal 21px "Tw Cen MT", Futura, "Century Gothic", sans-serif; color:#423223;}
    h3 {font:normal 20px "Myriad Pro", Myriad, "DejaVu Sans Condensed","Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, "Helvetica Neue", Helvetica, Arial, sans-serif; color:#684425;}
    h4 {color:#684425;}
    p  {font-size:12px; padding:0 0 10px; line-height:20px; color:#000;}
	
	q  {display:block; width:200px; font-size:18px; font-weight:bold; font-style:italic;}
	
    .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;}
    img.right    {margin:0 10px 15px 15px;}
    img.left     {margin:0 15px 15px 0px;}
	
	.print {display:block;}
	.break { page-break-before:always;}
	img {page-break-inside:avoid;}
   
/* @General Structure
----------------------------------------*/
    #menu       {display:none;}
		#menu #printmenu   {display:none;}
    #book       {display:none;}
    #mybook     {display:none;}
	#load       {display:block;}
	#load > div {display:block; clear:both;}
	#footer     {display:none;}
	#fancybox-wrap {display:none;}

	/* @Home
	----------------------------------------*/
		#home    {margin:50px auto 0; width:985px; height:auto; padding:0 10px 0;}
		#home h2 {padding:15px 20px 5px; text-transform:none; color:#fff; font-family:"Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream VeraSans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif;}
		#home p {padding: 0 20px 20px; color:#9a9a9a;}
		
		#book-select    {width:100%; height:100%;}
		#book-select li {display:inline;}
		#book-select a  {display:block; position:relative; margin:0; border-right:1px solid #666; width:196px; height:400px; float:left; clear:none; background:#fff; text-decoration:none; color:#000;}
		#book-select a .title {display:block;  top:0; left:0; width:186px; text-align:center; color:#fff; background:#000; opacity:.8; padding:5px; font:bold 15px "Segoe UI", Candara, "Bitstream Vera Sans", "DejaVu Sans", "Bitstream VeraSans", "Trebuchet MS", Verdana, "Verdana Ref", sans-serif; }
		
		#book-select #overview       {background:url(../article/images/cover-overview.jpg) no-repeat 0px 0px;}
		#book-select #discovery      {background:url(../article/images/cover-discovery.jpg) no-repeat 0px 0px;}
		#book-select #delivery       {background:url(../article/images/cover-delivery.jpg) no-repeat 0px 0px;}
		#book-select #partnerships   {background:url(../article/images/cover-partnerships.jpg) no-repeat 0px 0px;}
		#book-select #transformation {background:url(../article/images/cover-transformation.jpg) no-repeat 0px 0px;}
		
		#book-select #overview:hover       {background:url(../article/images/cover-overview-select.jpg) no-repeat 0px 0px;}
		#book-select #discovery:hover      {background:url(../article/images/cover-discovery-select.jpg) no-repeat 0px 0px;}
		#book-select #delivery:hover       {background:url(../article/images/cover-delivery-select.jpg) no-repeat 1px 0px;}
		#book-select #partnerships:hover   {background:url(../article/images/cover-partnerships-select.jpg) no-repeat 0px 0px;}
		#book-select #transformation:hover {background:url(../article/images/cover-transformation-select.jpg) no-repeat 0px 0px;}
		
		#homepage #toc {position:relative;}
		#homepage #toc-content  {background:url(../article/images/bg-toc-repeat.png) repeat-y top center;}
		#homepage #toc-content h2  {padding-top:15px;}
		
	
	/* @Table of Contents
	----------------------------------------*/
		#toc          {display:none;}
		
	/* @Viewbook Styling
	----------------------------------------*/	   
		#load ul       {font-size:12px; padding:0; margin:0 0 20px 10px; line-height:20px; color:#524f4a; list-style:disc inside;}

		.tagline {font:bold 18px "Myriad Pro"; color:#34322d; margin:10px 0; border-bottom:1px solid #928e86;}
		.caption {padding:10px; color:#000; padding:10px;}
	   
		.padtop  {}
	   
		.col-2   {clear:none; width:45%; float:left; padding:10px;}
		
		.block-4 {}
		
	/* @Gallery
	----------------------------------------*/
		.gallery a       {display:none;}
		.gallery a:hover {border:1px solid #aaa; background-color:#fff;}
		
		.gallery-text {display:none;}

		.galleryitems h3          {padding:10px 0;}
		.galleryitems div         {display:block;}
		.galleryitems img         {}
		.galleryitems a           {border-bottom:1px dotted; padding:5px;}
		.qtip-content             {font-size:14px; font-weight:bold;}
		
		
	/* @Chapter Select
	----------------------------------------*/
		.chapter-select       {display:block; position:relative; padding:6px 0 10px; margin-bottom:3px; text-decoration:none;}
		.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;}
		.chapter-select img   {float:right; clear:right; margin:3px 0 0 10px;}
		.chapter-select .ribbon-curr {display:none;}
		.chapter-select .ribbon-next {display:none;}
		
	/* @Contacts
	----------------------------------------*/
		.btn-contact {display:block;}
			   
		.contact-section h3 {color:#4b3a29; text-transform:uppercase; padding:10px 0; font-weight:bold; font-size:17px;}
		.contact-section h4 {font-size:14px;padding:0 0 15px; margin:0;}
		.contact-section p  {padding:0; line-height:1.2em; font-size:10px;}
	   
		.contact-section .links             {list-style:none; font-size:10px; margin:0; padding:0;}
		.contact-section .links li          {line-height:1.2em;padding:3px 0 0;}
		.contact-section .links .title      {display:block; background:none; padding:3px 0 0;}
		.contact-section .links .title span {color:#000; font-weight:bold; display:block; width:105px; height:11px; margin-top:-10px;}
	   
		.contact-table-wrap     {width:100%;  bottom:0;}
		.contact-table          {width:100%;}
		.contact-table td       {padding:5px;}
		.contact-table a:hover  {border:none;}
		.contact-table thead tr {height:6px;}
		.contact-table thead th {height:6px; padding:0;}
	   
		.contact-table .top     {}
		.contact-table .last td {border:none; padding-bottom:0px;}
	   
		.contact-table .name    {width:100px; padding:5px 0px 5px 5px; font-weight:bold;}
		.contact-table .email   {padding:5px 0 5px; text-align:center; vertical-align:middle;}
		.contact-table .phone   {text-align:center; text-align:center; vertical-align:middle;}
		.contact-table .web     {text-align:center;text-align:center; vertical-align:middle;}
		.contact-table .title   {padding:5px;}
	   
		.contact-table .email a:after,
		.contact-table .phone span:after,
		.contact-table .web a:after {content:" [" attr(title) "]"; border-bottom:1px dotted #76726a;}
		
		.contact-table .name img,
		.contact-table .email img,
		.contact-table .phone img,
		.contact-table .web img,
		.contact-table .title img {display:none;}
		
	/* @Lab Layout
	----------------------------------------*/
		.lab-image-1          {}
		.lab-image-2          {}
		.lab-image-1 p        {color:#000;}
		.lab-image-1 h2       {color:#000;}
		.lab-image-2 p        {color:#000;}
	
	/* @Globe Layout
	----------------------------------------*/
		.globe-image-1        {}
		.globe-image-2        {}
	
	/* @research Layout
	----------------------------------------*/
		.research-image-1      {}
		.research-image-2      {}
		
		.research-image-2 p {display:none;}
		
		.research-list    {list-style:none; margin:10px 0 !important;}
		.research-list li {list-style:none; display:block;}
		.research-list li div {display:block;}
		.research-list li div h3 {display:none;}
		
		#research-popup {display:none;}
		#research-popup-line {display:none;}
	
	/* @Connections Layout
	----------------------------------------*/
		.connections-image-1   {}
		.connections-image-2   {}
	#litrature {
	height: 65px;
	width: 130px;
	float: left;
}
#literature {
	height: 65px;
	width: 100px;
}