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

/* TEXT ----------------- */

body {
	background-color:#0F2733;
	color:white;
	font-family:Sans-serif;
	line-height:140%;
	font-size:12px;
	background-image:url(images/bg-gradient.png);
	background-repeat:repeat-y;
	background-attachment:fixed;
	background-position:center
}

.hilite{
	color:#FF9900;
	}

a { text-decoration:none;
	color:#FF9900;
	}
	
a.head {
	font-family:"Gill Sans",Sans-serif;
	color:white;
	}
	
.code{
	font-family:Courier, mono;
	line-height:150%;
	background-color:#14242e;
	}

h1{
	font-style:italic;
	font-size:1.2em;
	margin-bottom:8px;
	}
	
h2{
	font-weight:bold;
	font-size:1.05em;
	}
	
.clearleft{
	clear:left;
}


.clearright{
	clear:right;
}

.clearboth{
	clear:both;
}
		
/* TABLES ----------------- */
	
/* OLD
table.section {
	margin:8px;
	width:auto;
	max-width:60%;
	border-spacing:10px;
	border: 2px solid #14445d;
	}*/
	
/* OLD
td.code {
	font-family:Courier, mono;
	line-height:150%;
	}*/	

/* IMGS ----------------- */

img{
	border:1px solid white;
	margin-bottom:8px;
	}

img.left{
	float:left;
	margin-right:22px;
	}
	
img.leftClrDown{
	float:left;
	clear:left;
	margin-right:22px;
	}

img.right{
	float:right;
	margin-left:22px;
	}

img.rightClrDown{
	float:right;
	clear:right;
	margin-left:22px;
	}

img.noborder{
	border:none;
	margin:0;
	}

/* PAGE TEMPLATE DIVS---- */

div#holder{
/*	text-align:center;  */
	position:relative;
	width:900px;
	margin:0 auto;
/*	height:auto  */
	}
	
div#links{
	position:fixed;
	top:130px;
	left:inherit;
	width:inherit;
	text-align:center;
	font-size:1.5em;
	z-index:4;
}
	
div#headline{
	position:fixed;
	top:-18px;
	left:inherit;
	width:inherit;
	height:230px;
	background:url(images/header.png) no-repeat center;
	z-index:3;	
	}

div#headbg{
	position:fixed;
	top:0;
	width:908px;
	height:160px;
	background:#0c161c;
	z-index:2;
	}

div#content{
	position:absolute;
	width:inherit;
	top:186px;
	padding:2px;
	}
	
div#footer{
	clear:both;
	text-align:center;
	font-size:.8em
	}
	
/* CONTENT DIVS ---------- */
		
div.img-capt-left{
	width:auto;
	float:left;
	margin:0 20px 20px 0;
	border:2px solid #14445D;
	padding:6px;
	}
	
/*div.img-capt-left img{
	margin-bottom:8px;
	}*/
	
div.img-capt-right{
	width:auto;
	float:right;
	margin:0 0 20px 20px;
	border:2px solid #14445D;
	padding:6px;
	}
	
/*div.img-capt-right img{
	margin-bottom:8px;
	}*/

div.section{
	width:600px;
	margin:4px auto;
	border:2px solid #14445D;
	padding:6px;
	}
	
div.sectionhalf{
	width:420px;
	float:left;
	margin:4px 5px;
	border:2px solid #14445D;
	padding:6px;
	}

div.sectiongroup{
	width:100%;
	float:left;
	margin-bottom:30px;
	}
	
div.section img{
	margin:0 12px 0 0;
	vertical-align:middle;
	}

div.sectionhalf img{
	margin:0 12px 0 0;
	float:left;
	}

div.code{
	background:#14242e;
	margin:10px 50px;
	padding:15px;
	border:1px dotted #a9d0e8;
	font-family:Courier, mono;
	line-height:150%;
	}
	
div.movieholder{
	margin:10px auto;
	padding:2px auto;
	text-align:center;
	}