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

.geometry {
	height: 88px;
	line-height: 80px;
	color: #f9f9f9;
	background-color: #daf499;
	font-weight: bold;
	font-size: 30px;
	letter-spacing: 3px; 
}

/*menu */
ul.menue {
	width: 1000px;
	height: 60px;
	overflow: hidden;
}

ul.menu li {
	float: left;
	width: 200px;
	height: 60px; 
	
	font-size: 20px;
	font-weight: bold;
	line-height: 60px;
	text-align: center;
	letter-spacing: 1px;
}

ul.menu li#home {
	background-color: #868686;
} 
 
ul.menu li a {
	color: #f9f9f9;
	display: block;	
}

ul.menu li a:hover {
	color: #515151;
	line-height: 54px;
	border: 2px solid #484848;
}

/* images */
ul.images {
	width: 1000px;
	overflow: hidden;
}

ul.images li {
	width: 500px;
	height: 500px;
	float: left;
	border: 1px solid silver;
}


ul.images li:first-child {
	background-image: url(../images/geometry_circlewithinacircle.gif);
	background-size: 480px 480px;
	backgrund-pozition: center;
	background-repeat: no-repeat;
}

ul.images li:nth-child(2) {
	background-image: url(../images/geometry_intersectingshapes.gif);
	background-size:  480px 480px;
	background-pozition: center;
	background-repeat: no-repeat;
}

ul.images li:nth-child(3) {
	background-image: url(../images/geometry_origionalconstruction.gif);
	background-size:  480px 480px;
	background-pozition: center;
	background-repeat: no-repeat;
}

ul.images li:nth-child(4) {
	background-image: url(../images/geometry_origionalfinal.gif);
	background-size:  480px 480px;
	background-pozition: center;
	background-repeat: no-repeat;
}
	
ul.images li:nth-child(5) {
	background-image: url(../images/geometry_hairlineconstruction.gif);
	background-size:  480px 480px;
	background-pozition: center;
	background-repeat: no-repeat;
}
	
	
ul.images li:nth-child(6) {
	background-image: url(../images/geometry_hairlinefinal.gif);
	background-size:  480px 480px;
	background-pozition: center;
	background-repeat: no-repeat;
}