@charset "UTF-8";

/* Last updated 28June 2013 */
/* Author: Quan Pham */
/* Ecospace */
/* Splash page */

body {
	background:url(../images/body_back.jpg) repeat scroll left top #CCC;
    color: #000000;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 0.8em;
}

#container {
	width: 940px;
	margin: 8px auto 0;
	color:#FFF;
}

#main {
	position:absolute;
	height:510px;
	top:30px;
	width:940px;
	margin: 5px auto 0;
}

/*#wrapper {
	box-shadow: inset 2px 2px 3px #999, inset -2px -2px 3px #999, 2px 4px 5px #000;
	border:1px solid #333;
}*/

#printInfo {
	display:none;
}

/*+++++++++++++++++Link buttons++++++++++++++++++++++++++++++++++++++++++*/



#explore a:link,
#explore a:visited {
	position:absolute;
	width:45px;
	height:61px;
	left:589px;
	top:234px;
	border:0;
	background: url(images/btExplore.png) no-repeat left top;
}

#explore a:hover,
#explore a:focus,
#explore a:active { 
	left:585px;
	top:227px;
	width:57px;
	height:77px;
	background:url(images/btExplore2.png) no-repeat left top;
	z-index:22;
}

#generate a:link,
#generate a:visited {
	position:absolute;
	width:46px;
	height:71px;
	left:656px;
	top:226px;
	border:0;
	background: url(images/btGenerate.png) no-repeat left top;	
}

#generate a:hover,
#generate a:focus,
#generate a:active { 
	left:652px;
	top:220px;
	width:59px;
	height:90px;
	background:url(images/btGenerate2.png) no-repeat left top;
	z-index:20;

}

#produce a:link,
#produce a:visited {
	position:absolute;
	width:72px;
	height:32px;
	left:611px;
	top:297px;
	border:0;
	background: url(images/btProduce.png) no-repeat left top;
}

#produce a:hover,
#produce a:focus,
#produce a:active {
	left:605px;
	top:294px;
	width:90px;
	height:40px;
	background:url(images/btProduce2.png) no-repeat left top;
	z-index:30;
}

#about a:link,
#about a:visited {
	position:absolute;
	width:53px;
	height:20px;
	left:575px;
	top:395px;
	border:0;
	background: url(images/btAbout.png) no-repeat left top;
}

#about a:hover,
#about a:focus,
#about a:active { 
	left:570px;
	top:392px;
	width:67px;
	height:28px;
	background:url(images/btAbout2.png) no-repeat left top; 
}

#teach a:link,
#teach a:visited {
	position:absolute;
	width:86px;
	height:42px;
	left:663px;
	top:386px;
	border:0;
	background: url(images/btTeach.png) no-repeat left top;	
}

#teach a:hover,
#teach a:focus,
#teach a:active { 
	left:657px;
	top:381px;
	width:107px;
	height:52px;
	background:url(images/btTeach2.png) no-repeat left top; 
}
/*=============================================================================*/

#boxText {
	position:absolute;
	width:339px;
	height:90px;
	left:24px;
	top:355px;
	border:0;
}

a:link,
a:visited {
	color:#000;
	text-decoration: underline;
}

a:focus,
a:hover,
a:active {
	color: #666;
	text-decoration:underline;
}

img { border:0; }

#decLogo {
	position:absolute;
	width:136px;
	height:42px;
	left:20px;
	top:485px;
	padding-bottom:8px;
}

#nealsLogo {
	position:absolute;
	left:790px;
	top:502px;
	z-index:15;
}

#copyright {
	position:absolute;
	left:856px;
	top:504px;
	font-size:13px;
	color: #000;
}

/*span { display:none;}*/

.hidden {
	position:absolute;
    right:5000px;
    width:1000px;
    color:#fff;
}

ul {
	padding:0; 
	text-align: center;
	line-height:1.3em;
	margin:30px auto 0;
	width: 60%;
}
ul li {
	margin:0;
	padding:0;
	color:#FFF;
	display: inline;
    text-decoration:none;
	font-size:1.5em;	

}
ul li a {
	padding:0 10px 0 5px;
	color: #fff;
	text-decoration:none;	
	font-size:.7em;
}	
ul li a:focus,
ul li a:hover,
ul li a:active { 
	text-decoration:underline;
	color: #666;
}