body { 
	margin:0; padding:0;
	font-family: arial, Courier, monospace; 
}

#h1 { 
	font-family:"Courier New", Courier, monospace; 
	/**display:none; **/
	font-size:30px; 
	color:#FF9900; 
	text-align:center;
	text-shadow:0 0 1px black,-1px -1px #666666,-2px -2px #666666,-3px -3px #666666,-4px -4px #333333,-5px -5px #333333,-6px -6px #333333,0 0 10px black; 
	margin-top: 5px;
	margin-bottom: 0;
}

#intro_text {
	color: #212121;
	font-weight: bold;
	font-size: 19px;
	margin-bottom: 20px;
	/**text-shadow: 1px 1px 0 #000000, 1px -1px #666666;**/
}

#app_area {
	width: 1100px;
}

#left_area , #right_area{
	float: left;
	width: 210px;
	margin: 5px;
	border: 1px solid #FF9900;
	height: 410px;
	background: url('puzzle-pieces.png') no-repeat 5px 120px #4DABC3;
}#right_area {	height: auto;	padding-bottom: 20px;}

#left_area h3 {
	color: #FFFFFF;
	text-shadow: 0 0 1px #000000, -1px -1px #666666 ;
}

#right_area {
	background: /**url('email_icon.png') no-repeat scroll 30px 290px **/ #298DC4; /** #61FF66;**/
	border: 1px solid #7FBF1C;
}

#right_area h3 {
	display: none;
	color: #FFFFFF;
	text-shadow: 0 0 1px #000000, -1px -1px #666666 ;
}

#right_area span {
	/**display: none;**/
	float: left;
	margin-bottom: 10px;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-shadow: 0 0 1px #000, -1px -1px #000;
}

#right_area label {
	width: 100%;
	float: left;
	color: #333333;
	padding-left: 5px;
	font-size: 15px;
	font-weight: bold;
	text-shadow: 0 0 1px #FFFFFF, -1px -1px #FFFFFF ;
}

#right_area input {
	padding: 5px 10px;
	width: 180px;
	margin-bottom: 5px;
	text-align: center;
}

#email_button {
	width: 205px !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	cursor: pointer;
	/**background: #4DABC3;**/
}

#middle_area {
	-webkit-perspective:3000; 
	-moz-perspective:3000px; 
	-ms-perspective:3000;
	float: left;
	width: /**540px;**/ 650px;
}

#bottom_area {
	display: none;
	float: left;
	width: 1140px;
	margin: 5px;
	height: 250px;
	border: 1px solid #4DABC3;
}

#instructions {
	padding: 10px;
	text-align: left;
}

#instructions h3 {
	margin-top: 0px;
	font-size: 15px;
}

.puzzle { 
	height: 80px; /**100px;**/
	display: inline-block; 
	box-shadow: 0 5px 10px black; 
	border-radius: 10px; 
	transition: all .5s; 
	margin: 0px 10px; 
	-webkit-transform: rotateX(30deg); 
	transform: rotateX(40deg); 
	position: relative; 
	width: 80px; /**100px;**/
	background:	#4DABC3;
	cursor: pointer;
}

.puzzle:hover { 
	-webkit-transform: scale(1.1); 
	transform: scale(1.1); 
	background: #FF9900; /**#7FBF1C; **/
}

.puzzle .puzzleID {
	position: relative;
	top: /**30px;**/ 35px;
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 15px;
}


.collection { 
	height: 20px; 
	display: inline-block; 
	box-shadow: 0 5px 10px black; 
	border-radius: 2px; 
	transition: all .5s; 
	margin: 0px 5px; 
	-webkit-transform: rotateX(30deg); 
	transform: rotateX(40deg); 
	position: relative; 
	width: 84px; 
	background:	#ff9900;
	cursor: pointer;
	padding-top: 5px;
	color: #FFFFFF;
	font-size: 12px;
}

.collection:hover { 
	-webkit-transform: scale(1.1); 
	transform: scale(1.1); 
	background: #ED3435;
}

#collections {
	float: left;
	overflow-y: scroll;
	height: 300px;
}