#page{
    width:900px;
    margin:0 auto;
}
	#slider{
		width:800px;
		margin:0 auto;
		position:relative;
	}

	#page .navigation{
		padding:0 0 0 20px;
		height:40px;
	}
	
	#page .navigation li{
		height:50px;
		float:left;
		padding:0 2px 0 0;
	}
	
	#page .navigation a{
		display:block;
		height:40px;
		line-height:40px;
		float:left;
		padding:0 1px 0 0;
		font-size:15px;
		color:#7d0006;
		font-weight:bold;
		text-decoration: none;
	}
		#page .navigation a:hover,
		#page .navigation a.selected{
			color:#FFF;
			background: #e0131f url(images/coda/page_navigation_a.png) right top no-repeat;
		}
		#page .navigation a.selected{
			color: #FFF;
			background: #e0131f;
		}
	#page .navigation a span{
		display:block;
		height:40px;
		float:left;
		padding:0 20px;
	}
		#page .navigation a:hover span,
		#page .navigation a.selected span{
			background:url(images/coda/page_navigation_span.png) left top no-repeat;
		}
	#page .navigation a:focus{
		outline:none;
	}

	#page .scroll{
		height:550px;
		width:760px;
		margin:0 auto;
		overflow:auto;
		position:relative;
		clear:left;
	}
	
		#page .scrollContainer .panel{
			padding:20px 10px;
			height:510px;
			width:740px;
			overflow: auto;
		}		
			#page .panel p{
				padding:0 0 1em 0;
				font-family: Arial, Helvetica, sans-serif;
				font-size:12px;
				line-height:1.5em;
				color: #484848;
			}
			#page .panel h3{
				font-size:28px;
				padding:0 0 .5em 0;
				letter-spacing:-2px;
				color:#000;
				font-weight:bold;
			}
			#page .panel h4{
				padding:0 0 .5em 0;
				font-size:15px;
				letter-spacing:-0.5px;
				font-weight:bold;
				color:#3e414c;
			}
			#page .panel strong{
				color:#33333e;
			}
			#page .panel em{
				font-style:italic;
			}
			#page .panel a{
				white-space:nowrap;
				color:#490000;
				font-weight:bold;
			}
				#page .panel a:hover{
					text-decoration:underline;
					color:#e0131f;
				}
			#page .panel .gallery img{
				padding:2px;
				border:solid 1px #c0c5d6;
			}
			#page .panel blockquote,
			#page .panel ul,
			#page .panel ol,
			#page .panel pre{
				font-size:12px;
				margin:1em 2em 2em 2em;
				padding:10px 15px;
			}
			
			.green #page .panel ul {
				background:#dff8cf;
				color: #34551e;
			}
			
			#page .panel blockquote p{
				padding:.4em 0 !important;
				text-indent:0 !important;
			}
			#page .panel li{
				list-style-position: inside;
				padding: 0 0 .5em 0;
			}
				#page .panel ul li{
					margin:0 0 0 1em;
					list-style:square;
				}
				
				#page .panel ol li{
					margin:0 0 0 1.5em;
					list-style:decimal;
				}
			#page .panel pre{
				line-height:1em;
				color:#19234c;
				font-size:13px;
				overflow:auto;
				background:#f8f8f8;
				border:solid 1px #e5e5e5;
			}
			#page .panel code{
				padding:0 3px;
				color:#33333e;
				background:#f8f8f8;
				border:solid 1px #e5e5e5;
				font-size:13px !important;
			}
			
			#page .panel .gallery{
				text-align:center;
			}

	#page .scrollButtons{
		width:40px;
		height:50px;
		position:absolute;
		top:230px;
		cursor:pointer;
	}
		#page .scrollButtons a{
			display:block;
			height:50px;
			width:40px;
		}
		#page .scrollButtons span{
			display:none;
		}
		#page .scrollMeLeft{
			left:-40px;
		}
			#page .scrollMeLeft a{
				background:url(images/coda/left_right.png) 0 0 no-repeat;
			}
			#page .scrollMeLeft a:hover{
				background:url(images/coda/left_right.png) 0 -50px no-repeat;
			}
		#page .scrollMeRight{
			right:-40px;
		}
			#page .scrollMeRight a{
				background:url(images/coda/left_right.png) -40px 0 no-repeat;
			}
			#page .scrollMeRight a:hover{
				background:url(images/coda/left_right.png) -40px -50px no-repeat;
			}