body {
	font: 12px 'Trebuchet MS', Trebuchet, Helvetica, sans-serif;
	color: #6B506B;	
	margin: 20px;
	padding: 0; 
	min-width: 1000px;
	line-height: 20px;	
}
body.bg {
	background: #FFFFFF url('../images/bg.gif') repeat-y right;
}
a {
	color: #6B506B;
}
#nav {
	position:fixed;
	top: 30px;
	left: 750px; 
	width: 280px;
	height: 260px;
	padding: 10px 0 0 0;
	margin: 7px 0 0 0;
	background: url('../images/block.png') no-repeat;	
	text-align: center;
}
#nav img { 
	margin: 10px 0 0 0;
	text-indent: -35px;
}
#nav ul { 
	margin-top: 15px;
	text-indent: -40px;
}
#nav li { 
	list-style: none;
	line-height: 21px;
}
#nav li a {
	color: #6B506B;
	padding: 1px;
	text-decoration: none;
}
#nav li a:hover{
	color: #054087;
	background-color: #eaeaea;
}	
pre {
	display: block;
	margin: 1em 0;
	padding: 10px 16px;
	border-left: 6px solid #69037E;
	background-color: #ededed;
	overflow: auto;
}
code{
	font: 11px courier, fixed;
	background-color: #ededed;
	color: #0A246A;
	padding: 0.3em 0.4em;
}
pre code{
	padding: 0; margin: 0;
}
.main {
	width: 50%;
}
.main p {
	margin: 0px;
	clear: both;
	width: 100%;
}
.section {
	margin: 20px 0 0 0;
}
h2 {
	font: 19px normal 'Trebuchet MS', Trebuchet, sans-serif;
}
h3 {
	font: 17px normal Georgia;
	color: #B59BB5;
}

.demo {
	color: #0A246A;
	padding: 0px 0 5px 1px;
	width: 500px;
}
