@charset "UTF-8";
/* CSS Document */

html, body { height: 100%; }
* { padding: 0; margin: 0; }
h1 { padding: 10px 10px 0; }
p { padding: 0 10px 1em; }

a:link {
	text-decoration:none;
	color:#00AAFA;
}
a:visited {
	text-decoration: none;
	color:#00AAFA;
}
a:hover {
	text-decoration: none;
	color:#0000FA;
}
a:active {
	text-decoration: none;
	color:##00AAFA;
}

 

.smalltext {
		font-family:"Times New Roman", Times, serif; font-size:12px; color:#006699;
}


/***************************** PAGE ITEMS *******************************************************/
	
	
#main {
	position:absolute;
	left: 50%;
	width:792px;
	height:460px;
	margin-left: -450px;
}	

#title {
	position:absolute;
	left: 50%;
	width:900px;
	height:460px;
	margin-left: -450px;

}	

#title a {
	display:block;
	width:900px;
	height:460px;
	background:url(assets/title.jpg);
	background-position:top;
}		
	
#title a:hover {
	background-position:bottom;
}






#title2 {
	position:absolute;
	left: 50%;
	top: 460px;
	width:900px;
	height:170px;
	margin-left: -450px;

}	

#title2 a {
	display:block;
	width:900px;
	height:170px;
	background:url(assets/title2.jpg);
	background-position:top;
}		
	
#title2 a:hover {
	background-position:bottom;
}





#title3 {
	position:absolute;
	left: 50%;
	top: 640px;
	width:900px;
	height:270px;
	margin-left: -450px;

}	

#title3 a {
	display:block;
	width:900px;
	height:270px;
	background:url(assets/title3.jpg);
	background-position:top;
}		
	
#title3 a:hover {
	background-position:bottom;
}



#title4 {
	position:absolute;
	left: 50%;
	top: 908px;
	width:900px;
	height:470px;
	margin-left: -450px;

}	

#title4 a {
	display:block;
	width:900px;
	height:470px;
	background:url(assets/title4.jpg);
	background-position:top;
}		
	
#title4 a:hover {
	background-position:bottom;
}



#title5 {
	position:absolute;
	left: 50%;
	top: 1370px;
	width:900px;
	height:317px;
	margin-left: -450px;

}	

#title5 a {
	display:block;
	width:900px;
	height:317px;
	background:url(assets/title5.jpg);
	background-position:top;
}		
	
#title5 a:hover {
	background-position:bottom;
}


#title6 {
	position:absolute;
	left: 50%;
	top: 1696px;
	width:900px;
	height:832px;
	margin-left: -450px;

}	

#title6 a {
	display:block;
	width:900px;
	height:832px;
	background:url(assets/title6.jpg);
	background-position:top;
}		
	
#title6 a:hover {
	background-position:bottom;
	
	
}

#title7 {
	position:absolute;
	left: 50%;
	top: 2470px;
	width:900px;
	height:200px;
	margin-left: -450px;

}





#web1 {
	position:absolute;
	left: 50%;
	top: 2030px;
	width:446px;
	height:57px;
	margin-left: -223px;

}	

#web1 a {
	display:block;
	width:446px;
	height:57px;
	background:url(assets/web1.jpg);
	background-position:top;
}		
	
#web1 a:hover {
	background-position:bottom;
	
	
}




#web2 {
	position:absolute;
	left: 50%;
	top: 2087px;
	width:446px;
	height:57px;
	margin-left: -223px;

}	

#web2 a {
	display:block;
	width:446px;
	height:57px;
	background:url(assets/web2.jpg);
	background-position:top;
}		
	
#web2 a:hover {
	background-position:bottom;
	
	
}





#web3 {
	position:absolute;
	left: 50%;
	top: 2144px;
	width:446px;
	height:57px;
	margin-left: -223px;

}	

#web3 a {
	display:block;
	width:446px;
	height:57px;
	background:url(assets/web3.jpg);
	background-position:top;
}		
	
#web3 a:hover {
	background-position:bottom;
	
	
}






