/* top page elements */
#topContainer {
	text-align: center;
	background: url(../../img/interface/bg-top-container.gif) 0px 0px repeat-x;
	}
		
	#topBar {
		position: relative;
		width: 778px;
		min-width: 778px;
		height: 103px;
		margin: 0 auto;
		text-align: left;
		}	
		#logo {
			position: absolute;
			top: 21px;
			left: 8px;
			}			
		ul#mainNavigation {
			position: absolute;
			top: 76px;
			left: 18px;
			}
			ul#mainNavigation li { float: left; height: 24px; }
				ul#mainNavigation li a {
					display: block;
					float: left;
					height: 24px;
					}
					ul#mainNavigation li a span { display: none; }
					
					/* main navigation button display */
					ul#mainNavigation li.home a { width: 69px; background: url(../../img/nav/home.gif) 0px 0px no-repeat; }
					ul#mainNavigation li.theAuthor a { width: 92px; background: url(../../img/nav/the-author.gif) 0px 0px no-repeat; }
					ul#mainNavigation li.learnMore a { width: 94px; background: url(../../img/nav/learn-more.gif) 0px 0px no-repeat; }
					ul#mainNavigation li.purchase a { width: 84px; background: url(../../img/nav/purchase.gif) 0px 0px no-repeat; }
					ul#mainNavigation li.speakingEngagements a { width: 150px; background: url(../../img/nav/speaking-engagements.gif) 0px 0px no-repeat; }
					
						/* hover and selected states */
						ul#mainNavigation li a:hover { background-position: 0px -24px; }
						ul#mainNavigation li a#selectedMain { background-position: 0px -48px; }
			

/* content styles */
#contentContainer {
	text-align: center;
	background: url(../../img/content/bg-content-container.gif) 0px 0px repeat-x;
	}
	
#content, #engagementsContent {
	position: relative;
	width: 778px;
		w\idth: 760px;
	min-width: 778px;
		m\in-width: 760px;
	margin: 0 auto;
	text-align: left;
	padding: 60px 0 50px 18px;
	background: url(../../img/interface/bg-globe-watermark.jpg) 0px 0px no-repeat;
	}
	#engagementsContent { background: url(../../img/interface/bg-globe-watermark-marbles.jpg) 0px 0px no-repeat; }
	
	#content h1, #engagementsContent h1 {
		height: 24px;
		margin-bottom: 32px;
		}
		#content h1#twoLine, #engagementsContent h1#twoLine {
			height: 57px;
			margin-bottom: 32px;
			}
			
	
	#content ul, #engagementsContent ul { margin: 0 0 25px 0; }
		
		ul.withBottomBG {
			padding: 0 0 20px 0;
			background: url(../../img/content/bg-content-hr-small.gif) 0px bottom no-repeat;
			}
			ul#onGradient { background: url(../../img/content/bg-content-hr-small-gradient.gif) 0px bottom no-repeat; }
		
		#content ul li, #engagementsContent ul li {
			position: relative;
			margin: 0 0 8px 0;
			padding: 0 0 0 15px;
			background: url(../../img/content/bg-bullet.gif) 0px 4px no-repeat;
			}
			
	
	#content p span.introLetter, #engagementsContent p span.introLetter { float: left; margin-top: 3px; }
	p.dwlIntro img { float: left; margin: 0 5px 0 0; }
	
	p.withBottomBG {
		padding: 0 0 20px 0;
		background: url(../../img/content/bg-content-hr-small.gif) 0px bottom no-repeat;
		}
	
	.logos {
		margin: 0 0 25px 0;
		padding: 0 0 18px 0;
		background: url(../../img/content/bg-content-hr-small.gif) 0px bottom no-repeat;
		}
		a.firstLogo { margin-right: 59px; }
	
	p.authorDetails { color: #666666; }
	
	p.credit {
		margin: 0 0 25px 0;
		padding: 0 0 18px 0;
		color: #999;
		font-weight: bold;
		font-size: .9em;
		text-align: right;
		background: url(../../img/content/bg-content-hr-medium.gif) 0px bottom no-repeat;
		}
		p#fullBorder { background: url(../../img/content/bg-content-hr-full.gif) 0px bottom no-repeat; }
		
		#noBG { background: none; }
		
/* the author page styles */
.rightFocusArea {
	width: 300px;
	float: right;
	}
	#headshot {
		w\idth: 275px;
		padding: 373px 0 0 25px;
		background: url(../../img/content/mccool-headshot.gif) 100% 0px no-repeat;
		}
	 #headshot p {
	 	padding: 12px 0 18px 70px;
		background: url(../../img/content/thumb-book-cover-front.jpg) 0px 12px no-repeat;
		}
	
	#bookCoverSmall {
		width: 251px;
			w\idth: 211px;
		padding: 297px 0 50px 40px;
		background: url(../../img/content/focus-front-cover.gif) 100% 0px no-repeat;
		}
	#bookCoverLarge {
		width: 330px;
			w\idth: 267px;
		padding: 0 0 0 63px;
		}
		
	#speakingEngagements {
		width: 312px;
		margin-left: 60px;
		color: #666666;
		}
		#speakingEngagements h2 {
			color: #666666;
			font-size: 1em;
			margin: 0 0 22px 71px;
			}
		#speakingEngagements div.engagement {
			width: 312px;
				w\idth: 241px;
			position: relative;
			padding: 0 0 22px 71px;
			}
			#speakingEngagements div.date {
				position: absolute;
				top: 0px;
				left: 0px;
				}

/* focus link with arrow to the right of text */
a.learnMore {
	text-indent: 0px;
	padding: 0 14px 0 0;
	background: url(../../img/home/bg-learn-more-arrow.gif) 100% 2px no-repeat;
	}
	a.learnMore:hover { background-position: 100% -22px; }
					
/* footer styles - always sticks to the bottom of the interface */			
#footer {
	height: 64px;
	text-align: center;
	background: url(../../img/interface/bg-footer.gif) 0px 0px repeat-x;
	}
	
	#footerContent {
		position: relative;
		width: 778px;
		min-width: 778px;
		margin: 0 auto;
		height: 64px;
			he\ight: 54px;
		padding: 10px 22px 0 0;
		color: #9c9c9c;
		font-size: .9em;
		text-align: right;
		}
	#footer a#lightfin { color: #999; background: url(../../img/interface/bg-lightfin.gif) 100% 3px no-repeat; }
		#footer a#lightfin:hover { color: #999; background-position: 100% -29px; }
		
	#footerLinks {
		color: #9c9c9c;
		position: absolute;
		top: 10px;
		left: 15px;
		}
	#footerLinks a { color: #999; }
		#footerLinks a:hover { color: #fff; }
		#footerLinks a#selectedFooter { color: #333; }