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

* img {
	border:0;
}

ul, li {
	margin: 0;
	padding:0;
	list-style:none;
}

.hideStuff {
	display:none;
}

.quadrantPanel {
	width:924px;
	overflow:hidden;
	height:576px;
	position:relative;
}

.quadrantPanel li {
	margin-top:7px;
}

#resultsUpdate {
	cursor:pointer;
}

#resultsPanel {
	background-color:#CCCCCC;
	height:600px;
	display:none;
}

#summerPanel.quadrantPanel {background:url(../images/summer_panel.jpg) no-repeat;}
#winterPanel.quadrantPanel {background:url(../images/winter_panel.jpg) no-repeat;}
#springPanel.quadrantPanel {background:url(../images/spring_panel.jpg) no-repeat;}
#autumnPanel.quadrantPanel {background:url(../images/autumn_panel.jpg) no-repeat;}
#round3Panel {background:url(../images/rnd3-background.jpg) no-repeat;}
#finalPanel {background:url(../images/final_panel.jpg) no-repeat;}

.quadrantPanel li {
	position:absolute;
	top:7px;
}

.quadrantPanel li div.smallCraft {
	width: 86px;
	height: 57px;
	display:block;
}

.quadrantPanel li div.smallCraft span { /*--Used to crop image--*/
	width: 86px;
	height: 57px;
	overflow: hidden;
	display: block;
}

.quadrantPanel li div.mediumCraft {
	width: 123px;
	height: 82px;
	display:block;
	cursor:pointer;
	
}

.quadrantPanel li div.mediumCraft span { /*--Used to crop image--*/
	width: 123px;
	height: 82px;
	overflow: hidden;
	display: block;
	cursor:pointer;
	
}

.quadrantPanel li div.largeCraft {
	width: 246px;
	height: 164px;
	display:block;
}

.quadrantPanel li div.largeCraft span { /*--Used to crop image--*/
	width: 246px;
	height: 164px;
	overflow: hidden;
	display: block;
}

#round3Panel li div.mediumCraft {
	width: 166px;
	height: 112px;
	display:block;
	cursor:pointer;
}

#round3Panel li div.mediumCraft span { /*--Used to crop image--*/
	width: 166px;
	height: 112px;
	overflow: hidden;
	display: block;
	cursor:pointer;
}

#round3Panel li div.largeCraft {
	width: 222px;
	height: 147px;;
	display:block;
}

#round3Panel li div.largeCraft span { /*--Used to crop image--*/
	width: 222px;
	height: 147px;
	overflow: hidden;
	display: block;
}

#finalPanel li div.mediumCraft {
	width: 198px;
	height: 130px;
	display:block;
	cursor:pointer;
}

#finalPanel li div.mediumCraft span { /*--Used to crop image--*/
	width: 198px;
	height: 130px;
	overflow: hidden;
	display: block;
	cursor:pointer;
}

#finalPanel li div.largeCraft {
	width: 300px;
	height: 198px;
	display:block;
}

#finalPanel li div.largeCraft span { /*--Used to crop image--*/
	width: 300px;
	height: 198px;
	overflow: hidden;
	display: block;
}

	.round1 {
		width:86px;
		height:57px;
		overflow:hidden;
		left:49px;
	}
	
		.round1 img {
			height:114px;
			margin-top:0px;
			width:86px;
		}
		
		.round1 img.selected {
			height:114px;
			margin-top:-57px;
			width:86px;
		}
	
	.round2 {
		width:123px;
		height:82px;
		overflow:hidden;
		left:324px;
		margin-left:2px;
	}
	
		.round2 img {
			width:123px;
			height:164px;
			margin-top:0px;
		}
		
		.round2 img.activated {
			width:123px;
			height:164px;
			margin-top:-82px;
		}
		
		.round2 img.selected {
			height:164px;
			margin-top:-82px;
			width:123px;
		}
		
	.quadrantPanel li.round3 {
		height:112px;
		width:166px;
		overflow:hidden;
		background-color:#CCC;
		top:245px;
		left:630px;
	}
	
		.round3 img {
			height:224px;
			width:166px;
			margin-top:0px;
		}
		
		.round3 img.activated {
			width:166px;
			height:224px;
			margin-top:-112px;
		}
		
		.round3 img.selected {
			height:224px;
			margin-top:-112px;
			width:166px;
		}
		
	.finalRound {
		height:130px;
		width:198px;
		overflow:hidden;
		background-color:#CCC;
	}
	
		.finalRound img {
			width:198px;
			height:260px;
			margin-top:0px;
		}
		
		.finalRound img.activated {
			width:198px;
			height:260px;
			margin-top:-130px;
		}
		
		.finalRound img.selected {
			height:260px;
			margin-top:-130px;
			width:198px;
		}
	
	.round4 {
		left:351px;
		height:147px;
		width:222px;
		overflow:hidden;		
	}
	
	.finalRound {
		width:198px;
		height:130px;
	}
	
	.finalWinner {
		width:300px;
		height:198px;
		overflow:hidden;
	}
	
	#springBox1 {top:175px;}
	#summerBox1 {top:175px;}
	#winterBox1 {top:175px;}
	#autumnBox1 {top:175px;}
	
	#springBox2 {top:257px;}
	#summerBox2 {top:257px;}	
	#winterBox2 {top:257px;}	
	#autumnBox2 {top:257px;}	
	
	#springBox3 {top:339px;}
	#summerBox3 {top:339px;}
	#winterBox3 {top:339px;}
	#autumnBox3 {top:339px;}
	
	#springBox4 {top:420px;}
	#summerBox4 {top:420px;}
	#winterBox4 {top:420px;}
	#autumnBox4 {top:420px;}
	
	#springBox5 {top:204px;}
	#summerBox5 {top:204px;}
	#winterBox5 {top:204px;}
	#autumnBox5 {top:204px;}
	
	#springBox6 {top:368px;}
	#summerBox6 {top:368px;}
	#winterBox6 {top:368px;}
	#autumnBox6 {top:368px;}
	
	#rnd3Box1 {top:111px; left:46px;}
	#rnd3Box2 {top:301px; left:46px;}
	#rnd3Box3 {top:111px; left:712px;}
	#rnd3Box4 {top:301px; left:712px;}
	#rnd3Box5 {top:89px;}
	#rnd3Box6 {top:269px;}
	
	#finalRoundBox1 {top:195px; left:47px;}
	#finalRoundBox2 {top:195px; right:49px;}
	#finalRoundBox3 {top:174px; left:310px;}

#craftMadnessLogo {
	position:absolute;
	width:216px;
	height:127px;
	top:331px;
	left:255px;
	z-index:5;
}