/* CSS Document 
COLOR PALETTE
Orange:			#f7941d;
Light Blue:		#dce3e9;
Medium Blue:	#86a0ba;
Dark Blue:		#6483b1;

*/
body { 
	margin: 0; 
	padding: 0; 
	background-color: #dce3e9; 
	font: .88em/1.3em Verdana, Arial, Helvetica, sans-serif; 
	color: #000;
}
a				{ text-decoration: none; }
a:link			{ color: #6483b1; }
a:visited		{ color: #86a0ba; }
a:hover			{ color: #903; }
a:active, a:focus { color: #86a0ba; }

h2 { color: #f7941d; font-size: 1.3em; }
h3 { color: #000; font-size: 1.1em; }

img { border: none; }

#gestalt { position: relative; width: 780px; margin: 0 auto; }
#container { background-color: #fff; border-bottom: 10px solid #6483b1; clear: both; }

#arrow { position: absolute; left: 260px; top: 93px; z-index: 1000; }

.brand { position: absolute; left: 0px; top: 77px; width: 780px; z-index: 100; overflow: hidden; }

#mainnav { position: relative; margin: 0; padding: 0; height: 100px; }
#mainnav ul { position: absolute; right: 20px; top: 10px; margin: 0; padding: 0; }
#mainnav ul li { display: block; list-style-type: none; float: left; padding: 0; }

#chapter { margin: 0; padding: 0; height: 150px; background-color: #86a0ba; border-top: 1px solid #000; overflow: hidden; }
#chapter p { margin: 0; padding: 0 0 0 210px; }
#chapter img.single { width: 550px; position: relative; top: 60px; }
#chapter img.double { width: 550px; padding-top: 50px; }

#subscribe { 
	position: absolute; 
	left: 20px; 
	top: 365px; 
	width: 150px;
	padding: 0;
}
#subscribe img { margin: 0; padding: 0 0 25px 0; width: 142px; height: 142px; }
#subscribe a { font-weight: bold; }
#subscribe a:link, #subscribe a:visited { color: #f7941d; }
#subscribe .bigyes { font-size: 1.5em; }

#maincontent { margin: 30px 20px 30px 210px; }
#maincontent a { text-decoration: underline; }

#footer { margin: 0; padding: 5px 0 20px 0; }
#footer p { margin: 0; padding: 0; font-size: .74em; line-height: .8em; color: #6483b1; }
#footer p.credit { text-align: right; margin-top: -.8em;}

/* chapter backgrounds which should be 200 x 150 */
.home { background: #86a0ba url(../images/home.jpg) no-repeat left top; }
.sample { background: #86a0ba url(../images/sample.jpg) no-repeat left top; }
.contact { background: #86a0ba url(../images/contact.jpg) no-repeat left top; }
.about { background: #86a0ba url(../images/about.jpg) no-repeat left top; }
.info { background: #86a0ba url(../images/info.jpg) no-repeat left top; }
.subscribe { background: #86a0ba url(../images/subscribe.jpg) no-repeat left top; }
