body {
	margin: 0 auto;
	padding: 0;
	background: #8091a5 url(home_interface/background_canvas.jpg) no-repeat center top;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	position: relative;
}

	
#container {
	margin: 0 auto;
	width: 1000px; /* the auto margins (in conjunction with a width) center the page */
	position: relative;
	text-align: left;
	padding: 0;
	height: 610px;
}

.home #slogan { /* home page only */
	position: absolute;
	left:748px;
	top:19px;
	width: 239px;
	height: 231px;
	padding: 0;
	margin: 0;
	}

.home #banner {
	position: absolute;
	left: 205px;
	top: 46px;
	width: 507px;
	height: 71px;
	padding: 0;
	margin: 0;
	}


.inside #banner {
	position: absolute;
	left: 208px;
	top: 40px;
	width: 507px;
	height: 71px;
	padding: 0;
	margin: 0;
	}

.videos #banner {
	position: absolute;
	left: 208px;
	top: 40px;
	width: 507px;
	height: 71px;
	padding: 0;
	margin: 0;
	}



#logo {
	position: absolute;
	left: 39px;
	top: 122px;
	width: 103px;
	padding: 0px;
	margin: 0;
	}

.home #sampleStill {
	position: absolute;
	left: 398px;
	top: 140px;
	width: 301px; /* includes shadow */
	height: 227px;
	padding: 0px;
	margin: 0;
}

.inside #sampleStill {
	position: absolute;
	left: 670px;
	top: 327px;
	width: 307px; /* includes shadow */
	height: 205px;
	padding: 0px;
	margin: 0;
	z-index: 10;
}

.inside #playButton {
	position: absolute;
	left: 670px;
	top: 327px;
	width: 307px; /* includes shadow */
	height: 205px;
	padding: 0px;
	margin: 0;
	z-index: 11;
}


#insideTitle {
	position: absolute;
	left: 331px;
	top: 122px;
	width: 326px;
	height: 54px;
	padding: 0px;
	margin: 0;
}


#footer p {
	font-family: skia, arial, sans-serif;
	color: #00224a;
	font-size: .8em;
	line-height: 1.5em;
	padding: 0 0 .4em 0;
	margin: 0;
}



/*  NAVIGATION 
================================================= */

#navigation1 {
	position: absolute;
	left: 164px;
	top: 122px;
	width: 167px;
	height: 259px;
	padding: 0px;
	margin: 0px;
}

#navigation2 {
	position: absolute;
	left: 14px;
	top: 488px;
	width: 160px;
	height: 57px;
	padding: 0px;
	margin: 0px;
}



/* "Center" body content 
============================================= */


.home #centerContent {
	position: absolute;  
	left: 213px;
	top: 401px;
	width: 460px;
	padding: 0px;
	margin: 0px;
}

	.home #centerContent p {
		font-family: skia, arial, sans-serif;
		color: #666;
		font-size: 13px;
		line-height: 1.5em;
		padding: 0 0 .6em 0;
		margin: 0;
		}

.inside #centerContent {
	position: absolute;  
	left: 359px;
	top: 170px;
	width: 290px;
	height: 407px;
	padding: 0px;
	margin: 0px;
}

	.inside #centerContent p {
		font-family: skia, arial, sans-serif;
		color: #666;
		font-size: 12px;
		line-height: 1.5em;
		padding: 0 0 .6em 0;
		margin: 0;
		}

.videos #centerContent {
	position: absolute;  
	left: 362px;
	top: 170px;
	width: 290px;
	height: 407px;
	padding: 0px;
	margin: 0px;
}
	.videos #centerContent p {
		font-family: skia, arial, sans-serif;
		color: #666;
		font-size: 12px;
		line-height: 1.5em;
		padding: 0 0 .6em 0;
		margin: 0;
		}


/*#centerContent li {
	font-size:11px;
	font-family: arial, arial, sans-serif;
	color: #000;
	}
	
#centerContent blockquote {
	font-size:11px;
	font-family: arial, arial, sans-serif;
	color: #555555;
	}

#centerContent a {
	font-weight: bold;
	color:  #660000;
	text-decoration: none;
	}
#centerContent a:visited {
	font-weight: bold;
	color:  #660000;
	text-decoration: none;
	}
#centerContent a:active {
	color:  #660000;
	}
#centerContent a:hover {
	background: #660000;
	color: #fff;
	}

#centerContent .smalltext {
	font-size: 9px;
}
*/



/* TYPOGRAPHY 
================================================ */


h1,h2,h3 {
	font-family: skia, arial, sans-serif;
	}

h1 {
	font-size:19px;
	}

h2 {
	font-size:15px;
	}

h3 {
	font-size:13px;
	}

p {
	font-size:12px;
	}


/* LINK COLORS 
================================================ */

a {
	color: #00224a;
}
a:hover {
	color: #cabe00;
}