/* Site-wide imports
------------------------------------------------- */

@import "reset.css";


/* Site CSS
------------------------------------------------- */

html { }

body { background: #fff; text-align: center; }

	#click-listener { position: absolute; top: 0; left: 0; z-index: 1000; width: 100%; height: 100%; background: url('../img/layout/cl-test.png'); display: none; }

	#header-container { width: 100%; background: url('../img/layout/header-bg.png') repeat-x; height: 27px; color: #fff; text-align: center; margin-bottom: 16px; }
		.container-push { margin-bottom: 30px !important; }
		
		#header { width: 930px; margin: 0 auto; text-align: left; font-size: 14px; }
			#header ul { margin: 0; padding: 0; }
				#header ul li { list-style: none; display: inline; float: left; margin-right: 16px; }
					#header ul li a { display: block; height: 27px; background: url('../img/layout/topnav.png') no-repeat; text-indent: -9000px; outline: 0; }
						#home { width: 50px; }
							#home:hover { background-position: 0 -27px !important; }
						#about { width: 52px; background-position: -67px 0 !important; }
							#about:hover, #about.active { background-position: -67px -27px !important; }
						#testimonials { width: 88px; background-position: -136px 0 !important; }
							#testimonials:hover, #testimonials.active { background-position: -136px -27px !important }
						#blog { width: 41px; background-position: -243px 0 !important; }
							#blog:hover, #blog.active { background-position: -243px -27px !important }
						#contact { width: 61px; background-position: -302px 0 !important; }
							#contact:hover, #contact.active { background-position: -302px -27px !important }

	#container { width: 930px; margin: 0 auto; padding: 0; text-align: left; padding-bottom: 40px; position: relative; }
	
		#logo-hp { width: 126px; height: 112px; text-indent: -9000px; position: absolute; top: 30px; left: 466px; z-index: 20; background: url('../img/layout/logo.png') no-repeat; }
		#logo { width: 126px; height: 112px; text-indent: -9000px; background: url('../img/layout/logo.png') no-repeat; margin: 0 0 32px 60px; }
		
		#motivational-slideshow { width: 632px; height: 476px; overflow: hidden; position: absolute; top: 0; left: -31px; }
		#homepage-titles { position: absolute; top: 160px; left: 466px; z-index: 20; }
		#homepage-text { position: absolute; top: 320px; left: 466px; z-index: 20; }
		
		#left-sidebar { width: 257px; float: left; background: url('../img/layout/sidebar-border.png') top right no-repeat; margin-right: 30px; }
		
			.testimonials-section #left-sidebar { height: 670px; }
			
			.bio-text { clear: both; overflow: hidden; margin-bottom: 26px; line-height: 1; color: #727272; }
				.bio-text img { float: left; margin-right: 8px; }
				.bio-text p.name { color: #000; font-size: 16px; margin: 0 0 -6px 0; }
				.bio-text p.number { margin: 0 0 -6px 0; }
				.bio-text a.email { display: block; color: #335b86; text-decoration: none; margin-bottom: 6px; }
					.bio-text a.email:hover { text-decoration: underline; }
					
			#testimonials-list { margin: 0; padding: 0; }
				#testimonials-list li { list-style: none; margin-bottom: 16px; }
					.testimonial-name { color: #000; font-size: 16px; margin: 0 0 -2px 0; }
					.testimonial-company { color: #727272; margin: 0 0 4px 0; }
					.testimonial-view {  }
					
		#subpage-content-small { width: 400px; float: left; margin: 30px 10px 0 0; padding-bottom: 90px; }
		#subpage-content-wide { width: 630px; float: left; margin: 30px 0 0 0; padding-bottom: 90px; }
		
			h2#title-about { width: 119px; height: 33px; background: url('../img/layout/title-about.png') no-repeat; text-indent: -9000px; }
				h2#title-about-blair { width: 324px; height: 41px; background: url('../img/layout/title-about-blair.png') no-repeat; text-indent: -9000px; }
				h2#title-about-sandy { width: 357px; height: 41px; background: url('../img/layout/title-about-sandy.png') no-repeat; text-indent: -9000px; }
			h2#title-testimonials { width: 247px; height: 33px; background: url('../img/layout/title-testimonials.png') no-repeat; text-indent: -9000px; }
			h2#title-contact { width: 148px; height: 29px; background: url('../img/layout/title-contact.png') no-repeat; text-indent: -9000px; }
			
			.test-author { color: #636363; font-size: 18px; margin-bottom: 12px; }
			
			.abstract { font-size: 16px; color: #757575; margin-bottom: 12px; line-height: 1.4; }
			
		#resources { float: right; width: 204px; height: 115px; background: url('../img/layout/resources.png') no-repeat; overflow: hidden; margin-top: 86px; }
			#resources ul { float: left; margin: 36px 0 0 12px; padding: 0; }
				#resources ul li { list-style: none; margin-bottom: 6px; }
					#resources ul li a { display: block; background: url('../img/layout/pdf-icon.png') no-repeat; font-size: 11px; font-family: Tahoma, sans-serif; color: #335b86; text-decoration: none; padding-left: 20px; }
					
		.contact-points { margin: 0 0 16px 0; padding: 0; float: left; width: 300px; }
			.contact-points li { list-style: none; background: url('../img/layout/bullet.png') 0 4px no-repeat; padding-left: 12px; }
			
		#contact-form { margin: 0; padding: 0; clear: both; }
			#contact-form ul { margin: 0; padding: 0; }
				#contact-form ul li { list-style: none; display: inline; float: left; }
					#contact-form ul li label { float: left; width: 98px; margin-top: 5px; padding-left: 36px; font-weight: normal; }
					#contact-form ul li#comments label { float: none; display: block; }
					#contact-form ul li input[type=text] { width: 156px; padding: 2px 0; }
					#contact-form ul li textarea { margin-left: 36px; width: 536px; height: 78px; overflow: auto; }
					#contact-form ul li input, #contact-form ul li textarea { font-size: 11px; font-family: Arial, sans-serif; }
					#contact-form ul li p#required { margin-left: 36px; }
					#contact-form ul li#submit-form input { margin-left: 36px; }
	
	#footer-container { position: fixed; z-index: 10000; bottom: 0; left: 0; width: 100%; height: 70px; background: url('../img/layout/footer-bg.png') repeat-x; text-align: center; }
		#footer { width: 930px; height: 70px; margin: 0 auto; text-align: left; color: #fff; position: relative; }
		
			.footer-tabs { display: block; text-indent: -9000px; height: 70px; position: absolute; background: url('../img/layout/footer-elements.png') no-repeat; outline: 0; cursor: pointer; z-index: 8000; }
				#footer-seek { width: 310px; left: 0; }
					#footer-seek.active { background: url('../img/layout/footer-seek-active.png') no-repeat; }
					#footer-seek.notactive { background-position: 0 -70px; }
				#footer-experience { background-position: -310px 0; width: 309px; left: 310px; }
					#footer-experience.active { background: url('../img/layout/footer-experience-active.png') no-repeat; }
					#footer-experience.notactive { background-position: -310px -70px; }
				#footer-gain { background-position: -620px 0; width: 311px; right: 0; }
					#footer-gain.active { background: url('../img/layout/footer-gain-active.png') 1px 0 no-repeat; right: 1px; }
					#footer-gain.notactive { background-position: -620px -70px; }
	
	.footer-tabs-content { position: fixed; z-index: -10; bottom: -3px; left: 50%; margin-left: -466px; width: 930px; height: 528px; border: 1px solid #fff; -webkit-box-shadow: 0 0 10px #bdc7de; -moz-box-shadow: 0 0 10px #bdc7de; display: none; text-align: left; }
		#footer-seek-tab { background: url('../img/layout/tab-seek-bg.jpg') top left no-repeat; }
			#seek-content-right { position: absolute; top: 37px; right: 37px; }
			#seek-content-connection { position: absolute; top: 40px; left: 20px; }
			#seek-content-text { text-align: left; color: #fff; width: 285px; line-height:13px; position: absolute; top: 90px; left: 20px; }
		#footer-experience-tab { background: url('../img/layout/tab-experience-bg.jpg') top left no-repeat; }
			#experience-content-left { position: absolute; bottom: 90px; left: 37px; }
			#experience-content-alignment { position: absolute; top: 37px; right: 66px; }
			#experience-content-text { color: #fff; width: 300px; line-height:13px; position: absolute; top: 90px; right: 10px; }
		#footer-gain-tab { background: url('../img/layout/tab-gain-bg.jpg') top left no-repeat; }
			#gain-content-left { position: absolute; top: 37px; left: 37px; }
			#gain-content-results { position: absolute; top: 37px; right: 140px; }
			#gain-content-text { color: #fff; width: 300px; line-height:13px; position: absolute; top: 90px; right: 10px; }
			
		.tab-close { position: absolute; top: -2px; right: -2px; cursor: pointer; }
		
	#copyright { color: #b2b2b2; background: #fff; padding: 10px 0; font-size: 13px; position: fixed; bottom: 50px; left: 50%; margin-left: -465px; }
	#copyright-hp { color: #b2b2b2; font-size: 13px; position: absolute; bottom: 60px; left: 50%; margin-left: 230px; }