body {
	background:#000;
	text-align:center;
	padding:0 0 0 8px;
	}
h1 {
	position:absolute;
	width:100px;
	margin-left:-9999em;
	}
a {
	color:#6ac5f1;
	}

/**************************************************************************
----------------------------- CURTAIN AREA --------------------------------
**************************************************************************/
#container {
	width:974px;
	margin:0 auto;
	background:url(../_images/home/bg.jpg) no-repeat top center
	}
#wrapper {
	width:429px;
	height:423px;
	margin:0 auto;
	padding:0;
	overflow:hidden;
	position:relative;
	}
#curtain {
	display:block;
	width:429px;
	height:339px;
	margin:0 auto;
	padding:84px 0 0 0;
	}

/*-- hack for Safari to get the curtains lined up right --*/
html[xmlns*=""] body:last-child #curtain {width:438px;}
html[xmlns*=""] body:last-child #left {width:224px;}
/* end hack */

/*-- hack for Opera to hide the whole curtain sliding thing, since Opera can't seem to handle it --*/
@media all and (min-width:0px) {
  head~body #clicklayer,head~body #left,head~body #right {display:none}
	}
/* end hack */

#left {
	display:block;
	width:215px;
	height:339px;
	float:left;
	position:relative;
	background:url(../_images/home/left.jpg) right;
	}
#right {
	display:block;
	width:214px;
	height:339px;
	float:right;
	position:relative;
	background:url(../_images/home/right.jpg);
	}

#clicklayer {
	display:block;
	width:429px;
	height:339px;
	position:absolute;
	z-index:999;
	left:0;
	cursor:pointer;
	}
#hnav {
	width:429px;
	height:339px;
	padding:84px 0 0 0;
	position:absolute;
	top:0;
	left:0;
	background:url(../_images/home/nav.jpg) no-repeat bottom;
	}
#hnav a {
	display:block;
	position:absolute;
	text-indent:-9999em;
	}
#hnav .hnav-about a {
	width:140px;
	height:29px;
	top:135px;
	left:62px;
	}
#hnav .hnav-about a:hover {
	background:url(../_images/home/nav-hover.jpg) no-repeat 0 -1px;
	}
#hnav .hnav-products a {
	width:140px;
	height:29px;
	top:171px;
	left:64px;
	}
#hnav .hnav-products a:hover {
	background:url(../_images/home/nav-hover.jpg) no-repeat -2px -37px;
	}
#hnav .hnav-presentations a {
	width:140px;
	height:29px;
	top:203px;
	left:68px;
	}
#hnav .hnav-presentations a:hover {
	background:url(../_images/home/nav-hover.jpg) no-repeat -6px -69px;
	}
#hnav .hnav-news a {
	width:140px;
	height:29px;
	top:235px;
	left:61px;
	}
#hnav .hnav-news a:hover {
	background:url(../_images/home/nav-hover.jpg) no-repeat 1px -101px;
	}
#hnav .hnav-educators a {
	width:140px;
	height:29px;
	top:268px;
	left:65px;
	}
#hnav .hnav-educators a:hover {
	background:url(../_images/home/nav-hover.jpg) no-repeat -3px -134px;
	}
#hnav .hnav-click a {
	width:140px;
	height:29px;
	top:300px;
	left:73px;
	}
#hnav .hnav-click a:hover {
	background:url(../_images/home/nav-hover.jpg) no-repeat -11px -166px;
	}
#content-boxes {
	width:740px;
	height:193px;
	margin:86px auto 0 auto;
	font:normal 12px/14px Georgia, "Times New Roman", Times, serif;
	color:#fff;
	text-align:left;
	}
#content-boxes h2 {
	font:bold 15px/16px Arial, Helvetica, sans-serif;
	color: #abcc7a;
	margin:0;
	}
#content-boxes p {
	margin:8px 0;
	}
#content-boxes .box {
	height:193px;
	float:left;
	overflow:hidden;
	}
#content-boxes .box ul {
	list-style-type:square;
	color:#fff;
	line-height:14px;
	margin:8px 0 8px 18px;
	}
#content-boxes .box li {
	margin:0 0 6px 0;
	}
#content-boxes .box#box-one {
	width:222px;
	margin:10px;
	}
#content-boxes .box#box-two {
	width:230px;
	margin:10px;
	}
#content-boxes .box#box-two p {
	margin-left:4px;
	}
#content-boxes .box#box-two ul {
	margin-left:24px;
	}
#content-boxes .box#box-three {
	width:222px;
	margin:10px;
	}
	
	/**************************************************************************
	----------------------------- CLOSE CURTAIN EASTER EGG --------------------------------
	**************************************************************************/
	
#elk {
	position: relative;
	top: -375px;
	left: 420px;
	width: 50px;
	height: 53px;
	cursor:pointer;
	}