@charset "utf-8";
/* CSS Document */
* {
	margin: 0;
	padding: 0;
}

/*-------------------------------------------------------S T A R T  N A V I G A T I O N ---------------------------------------------*/
#home #slider { /* Add BLOCK LINK */
	width: 835px;
	position: relative;
	top: 5px;
	margin: 0 auto;
	}

/* START BLOCK SIZE */
#home .scroll {
	height: 305px;
	width: 600px;
	overflow: auto;
	overflow-x: hidden;
	position: relative;
	clear: left;
	}

#home .scrollContainer div.panel {
	height: 500px;
	width: 600px;
	}

/* END BLOCK SIZE */

ul.navigation li {
	list-style: none;
	display: block;
	float: left;
	width: 210px;
	height: 75px;
	margin-top: 2px;
	margin-left: 6px;
	}

ul.navigation li a {
	float: left;
	display: block;
	line-height: 75px;
	width: 210px;
	height: 75px;
	text-align: center;
	font-size: 16px;
	font-weight: bold;
	text-transform: capitalize;
	color: #5e4c2e;
	text-shadow: 0 1px 1px rgba(0,0,0,1.0);
	background-image:url(../button/javabut2.jpg)
}

ul.navigation li a:hover {
	color:#d4c6b0;
	background-image:url(../button/javabut.jpg)
	}

ul.navigation li a.selected {
	margin-top:0;
	height: 75px;
	color: #ede5d7;
	text-shadow: none;
	background-image:url(../button/javabutvisited.png)
	}
	
ul.navigation li a.selected:hover {
	color: #d4c6b0;
	}
/*-------------------------------------------------------E N D  N A V I G A T I O N ---------------------------------------------*/

/*-------------------------------------------------------B L O C K  D E T A I L S ---------------------------------------------*/
#details {
	text-align: left;
	float: left;
	width: 605px;
	height: 305px;
	margin-top:1px;
	margin-left:5px;
	margin-right:0px;
	}
#details2 {
	text-align: left;
	float: left;
	margin-top:6px;
	margin-left:2px;
	width: 210px;
	height: 305px;
	}
/*-------------------------------------------------------E N D  D E T A I L S ---------------------------------------------*/