@charset "UTF-8";
/* CSS Document */

body{ margin-top:0; font-family:Helvetica, Arial, sans-serif; font-size:12px;}
img{ border:none;}
a{text-decoration:none; color:inherit;  outline:none;}
a:hover{ color:#04a2f4;}
#container{ width:940px; margin-left:auto; margin-right:auto;}
#header{float:left; width:940px; position:relative;}
	.logo {float:left;}
	.nav{ position:absolute; bottom:0; right:0;}
		.navbutton{ font-size:14px; font-weight:bold; float:left; margin-left:19px; color:#000;}
		.navbutton:hover{ color:#04a2f4;}
#main{ float:left; margin-top:20px; background-image:url(images/home-main.jpg); background-repeat:no-repeat; width:940px; height:310px; position:relative;}
	.biglink1{width:186px; height:46px; left:40px; background-image:url(images/btn_writer_off.png); position:absolute; top:33px; }
		.biglink1:hover{background-image:url(images/btn_writer_on.png);}
	.biglink2{width:258px; height:57px; left:40px; background-image:url(images/btn_speaker_off.png); position:absolute; top:95px;}
		.biglink2:hover{background-image:url(images/btn_speaker_on.png);}
	.biglink3{width:296px; height:60px; left:40px; background-image:url(images/btn_instigator_off.png); position:absolute; top:166px;}
		.biglink3:hover{background-image:url(images/btn_instigator_on.png);}
	.biglink4{width:228px; height:46px; left:40px; background-image:url(images/btn_human_off.png); position:absolute; top:233px;}
		.biglink4:hover{background-image:url(images/btn_human_on.png);}
#submain{ float:left; width:938px;height:148px; border-left:1px #d7d7d7 solid;border-right:1px #d7d7d7 solid; border-bottom:1px #d7d7d7 solid; background-repeat:no-repeat;  background-image:url(images/home-submain.jpg);}
	.content{ width:280px; height:100px; margin-top:20px; margin-left:80px; position:relative; padding-left:80px;}
		.subimage{ position:absolute; top:0; left:0;}
		h2{ margin-top:10px; margin-bottom:10px; font-size:18px; font-weight:bold;}
		.subtext{ margin-bottom:5px;}
		.subbutton{ float:left; margin-right:10px; font-weight:bold;}
		
	
#footer{ width:940px; height:65px; float:left; background-image:url(images/footer-background.jpg); position:relative;}
	.copyright{position:absolute; right:6px; top:11px; color:#7e7e7e; font-size:.96em;}
	.freerange{position:absolute; right:0; top:25px;}


/* appearance */

#mainappear{ float:left; margin-top:20px; background-image:url(images/appear-bkgrnd.jpg); background-repeat:repeat-x; width:940px; height:101px; position:relative;}
  .booknav{position:absolute; font-size:14px; font-weight:bold; top:95px; left:35px;}
  	.booknav a{ display:block;  color:#FFF;  margin-bottom:20px;}
	.booknav a:hover{  color:#00deea; padding-left:10px; background-image:url(images/book-rollover.png); background-repeat:no-repeat; background-position:center left; }
	.book {border:7px #FFF solid; position:absolute; top:40px; }
	.booktext{
	color:#FFF;
	position:absolute;
	left:210px;
	top:70px;
	width:400px;
}
.booktextalt{
color:#FFF;
	position:absolute;
	left:210px;
	top:90px;
	width:400px;
	}
.buyit{
	position:absolute;
	left:210px;
	top:245px;
	width:400px;
	color:#00deea;
	font-size:14px; 
	 font-weight:bold;
}
.bookbutton{ float:left; margin-right:10px; color:#FFF;}
#calendar{ float:left; height:550px; background-color:#ebebeb;  width:940px; position:relative; padding-top:20px; text-align:center;}

.bookbutton:hover{ color:#00deea;}
.title{position:absolute; top:25px; left:25px;}
	.biglink1{width:186px; height:46px; left:40px; background-image:url(images/btn_writer_off.png); position:absolute; top:33px; }
		.biglink1:hover{background-image:url(images/btn_writer_on.png);}
	.biglink2{width:258px; height:57px; left:40px; background-image:url(images/btn_speaker_off.png); position:absolute; top:95px;}
		.biglink2:hover{background-image:url(images/btn_speaker_on.png);}
	.biglink3{width:296px; height:60px; left:40px; background-image:url(images/btn_instigator_off.png); position:absolute; top:166px;}
		.biglink3:hover{background-image:url(images/btn_instigator_on.png);}
	.biglink4{width:228px; height:46px; left:40px; background-image:url(images/btn_human_off.png); position:absolute; top:233px;}
		.biglink4:hover{background-image:url(images/btn_human_on.png);}
#booksubmain{ float:left; width:938px; height:149px; border:1px #d7d7d7 solid; border-top:none;  position:relative;}
	.contactcontent{ height:100px; margin-top:20px; margin-left:40px;  position:relative;  float:left;}
	#quotebox{ position:absolute; background-image:url(images/quote.jpg); background-repeat:no-repeat; padding-left:25px; width:525px; height:100px; font-size:30px; font-weight:bold; left:25px; top:25px;}
	.source{ float:right; font-size:14px; color:#7d7d7d; }
		.subimage{ position:absolute; top:0; left:0;}
		h2{ font-size:18px; font-weight:bold; margin:0;}
		h3{font-size:24px; position:absolute; left:430px; top:45px; width:400px; margin:0; color:#FFF;}
			.bookslider{font-size:24px; position:absolute; left:200px !important; top:45px; width:400px; margin:0; color:#FFF; border-bottom:none !important;}
		.subtext{ margin-bottom:5px;}
		
		
/* books */ 

#mainbook, #mainbio{ float:left; margin-top:20px; background-image:url(images/main-bkgrnd.jpg); background-repeat:repeat-x; width:940px; height:310px; position:relative;}

/* bio */

 .biopic{ position:absolute; bottom:0; right:0;}
 .subtitle{ font-size:30px; font-weight:bold; position:absolute; top:122px; left:30px; color:#FFF; }
 .biotext{ font-size:16px;  position:absolute; top:162px; left:30px; color:#FFF; width:600px; }
 
#biosubmain{ float:left; width:938px; border-left:1px #d7d7d7 solid;border-right:1px #d7d7d7 solid; border-bottom:1px #d7d7d7 solid; position:relative;}
	.left{ float:left; width:508px; padding-left:30px; padding-top:25px; padding-right:30px; min-height:800px; padding-bottom:60px; }
	 .left p{ font-size:14px; margin-bottom:10px;}
	 a.leftlink { display:block; font-size:18px; color:#04a2f4; }
	.right{ float:right; width:368px; background-image:url(images/bio-sidebar-bkgrnd.jpg); background-repeat:no-repeat; height:800px; }
	.contactcontent{ height:100px; margin-top:20px; margin-left:40px;  position:relative;  float:left;}
	.quote{  background-image:url(images/quote.jpg); background-repeat:no-repeat; padding-left:25px; width:480px; height:100px; font-size:30px; font-weight:bold; margin-top:25px; margin-bottom:25px;}
	
	
/* contact */

#contactmain{ float:left; margin-top:20px; background-image:url(images/contact-main.jpg); background-repeat:no-repeat; width:940px; height:310px; position:relative;}
	.biglink1{width:186px; height:46px; left:40px; background-image:url(images/btn_writer_off.png); position:absolute; top:33px; }
		.biglink1:hover{background-image:url(images/btn_writer_on.png);}
	.biglink2{width:258px; height:57px; left:40px; background-image:url(images/btn_speaker_off.png); position:absolute; top:95px;}
		.biglink2:hover{background-image:url(images/btn_speaker_on.png);}
	.biglink3{width:296px; height:60px; left:40px; background-image:url(images/btn_instigator_off.png); position:absolute; top:166px;}
		.biglink3:hover{background-image:url(images/btn_instigator_on.png);}
	.biglink4{width:228px; height:46px; left:40px; background-image:url(images/btn_human_off.png); position:absolute; top:233px;}
		.biglink4:hover{background-image:url(images/btn_human_on.png);}
#contactsubmain{ float:left; width:938px;height:149px; border:1px #d7d7d7 solid; }
	.contactcontent a,.contactcontent-end a, .contactcontent-mid a{ color:#04a2f4;}
	.contactcontent, .contactcontent-end, .contactcontent-mid{ height:100px; margin-top:20px; margin-left:40px;  position:relative; float:left; padding-top:5px;}
	.contactcontent-mid{}
	.contactcontent-end{}
	.contactsubtextnormal, .subtextnormal{font-size:1.2em;}
	.contacttext{padding:65px 0 0 25px;color:#fff; width:350px; font-size:14px; float:left; line-height:16px;}
		.subimage{ position:absolute; top:0; left:0;}
		h2{ font-size:1.3em; font-weight:bold; margin:0;}
		.subtext{ margin-bottom:5px;}
		.subbutton{ float:left; margin-right:10px; font-weight:bold;}
		
		#contact-area {
	width: 500px;
	margin-top: -3px;
}

#contact-area input, #contact-area textarea {
	padding: 5px;
	width: 210px;
	font-family: Helvetica, sans-serif;
	font-size: 0.87em;
	font-weight:bold;
	margin: 0px 0px 10px 0px;
	border: 1px solid #ccc;
	
}



#contact-area textarea {
	height: 90px;
}

#contact-area textarea:focus, #contact-area input:focus {
	border: 1px solid #fff;
}

#contact-area input.submit-button {
padding-top:-20px;
	margin-left:20px;
	width: 62px;
	height:31px;
	background-image:url('images/submit.png');
	background-position:top;
	text-indent:-9999px;
	position:absolute;
	margin-top:71px;
	
}

label {
	float: left;
	text-align: right;
	margin-right: 15px;
	width: 100px;
	padding-top: 5px;
	font-size: 1.4em;
	display:none;
}



/* JS slider */
	/* * { margin: 0; padding: 0 }
		 I've used a hard CSS reset above, but you should consider a more sophisticated reset, such as this one: http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
		
		p { text-align: left; margin: 15px 0 }
		
		p, ul { font-size: 13px; line-height: 1.4em } 
		
		p a, li a { color: #39c; text-decoration: none }
		
		p.intro { border-bottom: 1px solid #ccc; margin-bottom: 20px; padding: 20px 0 30px 0; text-align: center; width: 100% }
		
		p#cross-links {  }
		
		 p#cross-links { border-bottom: 1px solid #ccc; margin-bottom: 30px; padding-bottom: 30px } 
		
		noscript p, noscript ol { color: #a00; font-size: 13px; line-height: 1.4em; text-align: left }
		noscript a { color: #a00; text-decoration: underline }
		noscript ol { margin-left: 25px; }
		
		a:focus { outline:none }
		
		img { border: 0 } */
		
		h3 { border-bottom: 1px solid silver; margin-bottom: 5px; padding-bottom: 3px; text-align: left }
		

	
		
		.stripViewer .panelContainer .panel ul {
			text-align: left;
			margin: 0 15px 0 30px;
		}
		
		.slider-wrap { /* This div isn't entirely necessary but good for getting the side arrows vertically centered */
			margin: 0px 0 0 200px;
			position: relative;
			width:600px;
			height:300px;
		
			vertical-align:top;
		}

		/* These 2 lines specify style applied while slider is loading */
		.csw {width: 100%; height: 460px; background: #fff; overflow: scroll}
		.csw .loading {margin: 200px 0 300px 0; }

		.stripViewer { /* This is the viewing window */
			position: relative;
			overflow: hidden; 
			margin: 0px 0 0 40px;
			width: 700px; /* Also specified in  .stripViewer .panelContainer .panel  below */
			height: 280px;
			clear: both;
			
		}
		
		.stripViewer .panelContainer { /* This is the big long container used to house your end-to-end divs. Width is calculated and specified by the JS  */
			position: relative;
			left: 0; top: 0;
			width: 100%;
			list-style-type: none;
			/* -moz-user-select: none; // This breaks CSS validation but stops accidental (and intentional - beware) panel highlighting in Firefox. Some people might find this useful, crazy fools. */
		}
		
		.stripViewer .panelContainer .panel { /* Each panel is arranged end-to-end */
			float:left;
			height: 100%;
			position: relative;
			width: 700px; /* Also specified in  .stripViewer  above */
		}
		
		.stripViewer .panelContainer .panel .wrapper { /* Wrapper to give some padding in the panels, without messing with existing panel width */
			padding: 10px;
		}
		
		.stripNav { /* This is the div to hold your nav (the UL generated at run time) */
			margin: auto;
		}
		
		.stripNav ul { /* The auto-generated set of links */
			list-style: none;
		}
		
		.stripNav ul li {
			float: left;
			margin-right: 2px; /* If you change this, be sure to adjust the initial value of navWidth in slideviewer.js */
		}
		
		.stripNav a { /* The nav links */
			font-size: 10px;
			font-weight: bold;
			text-align: left;
			line-height: 32px;
			background: #c6e3ff;
			color: #000;
			text-decoration: none;
			display: block;
			padding: 0 15px;
			display:none;
		}
		
		.stripNav a:hover {
			background: #9cf;
		}
		
		.stripNav a.current {
			background: #39c;
			color: #fff;
			display:none;
		}
		
		.stripNavL, .stripNavR { /* The left and right arrows */
			position: absolute;
			top: 230px;
			text-indent: -9000em;
		}
		
		.stripNavL a, .stripNavR a {
			display: block;
			height: 40px;
			width: 40px;
		}
		
		.stripNavL {
			left: 0;
		}
		
		.stripNavR {
			right: 0;
		}
		
	/*	.stripNavL {
			background: url("images/arrow-left.gif") no-repeat center;
		}
		
		.stripNavR {
			background: url("images/arrow-right.gif") no-repeat center;
		}*/