@charset "utf-8";
/* CSS Document */

body, html { }
body {
	font-family: Arial, Verdana,sans-serif;
	font-size: 12px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 265px;
	background: url(../images/bg.png) left top repeat #efefef;
}


/* Navigation / Floatbox */
.floatbox {
	width: 250px;
	position: fixed;
	top: 150px;
	left: 0px;
}
	.floatbox .logo img { width: 95%; margin: 10px auto 10px auto; border: 0px; }
	.floatbox .logo { background: #f6f6f6; border-top-right-radius: 5px; }
	.floatbox .logo:hover { background: #2e2e2e;  }
	
	.floatbox ul {
		background: #FFFFFF;
		box-shadow: #1e1e1e 0px 0px 10px -2px;
		padding: 5px 5px 5px 5px;
		margin: 0px 0px 0px 0px;
		list-style: none;
		border-bottom-right-radius: 5px;
	}
		.floatbox ul li {
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
		}
			.floatbox ul li ul { display: none; position: fixed; min-width: 175px; margin: -120px 0px 0px 240px; border-radius: 5px; }
			.floatbox ul li:hover ul { display:block; }
		.floatbox ul li a:link { display:block; padding: 5px; text-decoration: none; color: #06c; border-bottom: 1px solid #efefef; }
		.floatbox ul li a:visited { color: #06c; border-bottom: 1px solid #efefef;}
			.floatbox ul li a.skip { border: none; }
		.floatbox ul li a:hover { background: #3e3e3e; text-align: right; color: #FFFFFF; }
		.floatbox ul li a:active { background: #006699; text-align: right; color: #ffffff; }
		
/* Floats and Positions */
.fixed { width: 700px; }
.liquid { min-width: 750px; }
.center { margin: auto; }


.left { float: left; }
.right { float: right; }
.clear { clear: both; }

/* Body Setup */
.body { background: #FFFFFF; padding: 5px 5px 10px 5px; margin: 20px; border-radius: 5px; box-shadow: #aeaeae 0px 0px 15px -2px; }
	.body h1, h2, h3, h4, h5 { color: #1e1e1e; margin: 5px; padding: 5px; }
		.body h2, h3, h4, h5 { margin-left: 15px; }
	.body p { line-height: 18px; color: #6e6e6e; padding: 5px; margin: 5px; text-indent: 15px; }
		.body p strong { color: #C30; }
		.body p a { color: #06F; }
		.body p a:hover { text-decoration: none; }
	.body ul { margin: 0px 0px 5px 10px; line-height: 18px; color: #6e6e6e;}
	.body a img { margin: 10px auto; border: 1px solid #ffffff; border-radius: 5px; background: #efefef; padding: 5px; max-width: 50%; display:block; box-shadow: #aeaeae 0px 0px 15px -2px; }
	
	.body pre { overflow:auto; padding: 8px; background: #fafafa; max-width: 75%; border: 2px solid #f0f0f0; line-height: 19px; margin: 10px auto 10px auto; word-wrap: normal; }
	.body object {margin: 15px auto; border: 1px solid #ffffff; border-radius: 5px; background: #efefef; padding: 5px; display:block; box-shadow: #aeaeae 0px 0px 15px -2px; width: 600px; height: 338px;}
		.body embed { width: 600px; height: 338px; z-index: -5; }

/* Footer */
.footer { font-size: 10px; text-align: right; margin: 0px 30px 30px 30px; font-weight: bold; }
	.footer a { color: #000000; text-decoration: none; }
	.footer em { font-weight: normal; }