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

*{margin:0px; padding:0px;}

html {
	<!--[if IE 7]>
		overflow:hidden;
	<![endif]-->
	
}


body{
	background-color:#000000;
/*	*/
	overflow-y: hidden;
	overflow-x: hidden;

}
.clr{clear:both;}

.wrap{
	position:relative;
	margin:0px; padding:0px;
	padding-top:140px;
	margin:0 auto;
	width:980px;
}

	
/***********************************************************/
/***********************************************************/
	.bodymain{
		position:relative;
		display:block;
		padding:0px;
		margin:0px;
		background:url(../img/orange-bg.jpg) no-repeat top center;

	}
	
		.content-body{
			position:relative;
			height:355px;
		}
		
		
		
		.prev-box{
					position:absolute;
					left:0px; top:0px;
					width:50px;
					background:#333333;
					display:inline;
					height:355px;
				}
					.prev-box a{
						position:relative;
						float:left;
						height:355px;
						width:50px;
						display:block;
						background:#333333 url(../img/root/backtochallenge.png) no-repeat left center;
					}
				.prev-box a:hover{background-color:#666666;}
		.post-bg{
			position:absolute;
			left:50px; right:190px;
			height:355px;
			width:740px;
			height:355px;
			background-color:#000000;
			opacity:0.9;
			filter:alpha(opacity=90);			
		}
		.post{
			position:relative;
			padding:10px;
			padding-left:25px;
			margin-left:50px;
			margin-right:180px;
			color:#fff;
		
		}
		.post h1{
			font-family:"Times New Roman", Times, serif;
			font-size:22px;
			color:#fff;
			padding-bottom:10px;
			margin-right:20px;
			border-bottom:#333333 solid 1px;
		}
		.post h2{
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			padding-top:10px;
			color:#FFFF00;
		}
		.post h3{}
		.post p{
			padding-bottom:10px; padding-top:10px;
			font-family:Arial, Helvetica, sans-serif;
			font-size:12px;
			font-weight:100;
			line-height:18px;
			width:70%;
		}
		.post blockquote{
			font-family:Arial, Helvetica, sans-serif;
			font-size:16px;
			line-height:20px;
			margin-left:25px; padding-left:10px;
			font-weight:bold;
			border-left:#333333 solid 5px;
		}

	/***********************************************************/
	/***********************************************************/
	
		
			
				
				.first-ab-bg{
					position:absolute;
					top:0px; left:790px;
					background-color:#000000;
					width:190px;
					padding:0px;
					height:355px;
					opacity:0.8;
					filter:alpha(opacity=80);
				}
				.first-ab{
					position:absolute;
					top:0px; left:790px;
					width:190px;
					padding:0px;
					height:335px;
				}
					.first-ab .social-box{
						position:relative;
						
						
						text-align:center;
						line-height:100px;
						border-bottom:#FFFFFF dotted 1px;
						
					}
					.first-ab .facebook{padding-top:25px;height:90px;}
					.first-ab .facebook:hover{background-color:#3B5998;}
					
					.first-ab .twitter{padding-top:25px;height:100px;}
					.first-ab .twitter:hover{background-color:#33CCFF;}
					
					.first-ab .email{padding-top:25px;height:89px; border:none;}
					.first-ab .email:hover{background-color:#C61616;}
					
					.first-ab .social-box:hover{}
				
					.body-left .prev-box{
					position:absolute;
					right:0px; top:0px;
					width:50px;
					background:#333333;
					display:inline;
					height:355px;
				}
					.body-left .prev-box a{
						position:relative;
						float:left;
						height:355px;
						width:50px;
						display:block;
						background:#333333 url(../img/root/current.png) no-repeat left center;
					}
					.body-left .prev-box a:hover{background-color:#666666;}
	/***********************************************************/
	
.product-info{
	clear:both;
	position:absolute;
	right:0px; top:0px;
}
	.product-info img{border:none;}


#scroller-box{
	position:relative;
	width:99%;
	height:300px;
	overflow:auto;
	
}
	/***********************************************************/
	/***********************************************************/
	.centerframe{
		position:relative;
		float:left;
		width:1200px;
		background:url(../img/apple-bg.jpg) no-repeat top center;
	}
	/***********************************************************/
			.centerframe .root{
				position:relative;
				height:355px;
			}
				.centerframe .root .prev-box{
					position:absolute;
					left:0px; top:0px;
					width:50px;
					background:#333333;
					display:inline;
					height:355px;
				}
					.centerframe .root .prev-box a{
						position:relative;
						float:left;
						height:355px;
						width:50px;
						display:block;
						background:#333333 url(../img/root/guess-competition.png) no-repeat left center;
					}
					.centerframe .root .prev-box a:hover{background-color:#666666;}
				
				.centerframe .root .about-opacity{
					position:absolute;
					left:50px; top:0px;
					height:353px;
					width:550px;
					opacity:0.8;
					filter:alpha(opacity=80);
					background-color:#000000;
					border:#333333 solid 1px;
				}
				.centerframe .root .about-box{
					position:absolute;
					left:50px; top:0px;
					height:353px;
					width:550px;
					border:#333333 solid 1px;
					color:#FFFFFF;
					font-size:18px;
					font-weight:bold;
				}
						.left-ab{
							position:absolute;
							top:0px; left:0px;
							width:370px;
							height:353px;
							border-right:#FFFFFF dotted 1px;
						}
							.list-ab{
								position:relative;
								padding:11px;
								
							}
								.list-ab p{
									font-family:Arial, Helvetica, sans-serif;
									font-size:12px;
									padding-left:1px; padding-top:2px;
								}
								.list-ab h1{
									position:relative;
									height:16px; width:125px;
									
								
								}
								.list-ab h1.bounty{background:url(../img/root/bounty.png) no-repeat left 0px;}
								.list-ab:hover h1.bounty{background:url(../img/root/bounty.png) no-repeat left -16px;}
								
								.list-ab h1.campaign{background:url(../img/root/campaign.png) no-repeat left 0px;}
								.list-ab:hover h1.campaign{background:url(../img/root/campaign.png) no-repeat left -16px;}
								
								.list-ab h1.challenge{background:url(../img/root/challenge.png) no-repeat left 0px;}
								.list-ab:hover h1.challenge{background:url(../img/root/challenge.png) no-repeat left -16px;}
								
								.list-ab h1.catch{background:url(../img/root/catch.png) no-repeat left 0px;}
								.list-ab:hover h1.catch{background:url(../img/root/catch.png) no-repeat left -16px;}
								
								.list-ab h1.winner{background:url(../img/root/winner.png) no-repeat left 0px;}
								.list-ab:hover h1.winner{background:url(../img/root/winner.png) no-repeat left -16px;}
								
								.list-ab:hover{background-color:#FFCC00; color:#000000;}
					
				.right-ab{
					position:absolute;
					top:0px; left:371px;
					width:178px;
					padding:0px;
					height:353px;
				}
					.right-ab .social-box{
						position:relative;
						
						
						text-align:center;
						line-height:100px;
						border-bottom:#FFFFFF dotted 1px;
						
					}
					.right-ab .facebook{padding-top:25px;height:90px;}
					.right-ab .facebook:hover{background-color:#3B5998;}
					
					.right-ab .twitter{padding-top:25px;height:100px;}
					.right-ab .twitter:hover{background-color:#33CCFF;}
					
					.right-ab .email{padding-top:25px;height:87px; border:none;}
					.right-ab .email:hover{background-color:#C61616;}
					
					.right-ab .social-box:hover{}
				
				
				
				
				.centerframe .root .next-box{
					position:absolute;
					left:600px; top:0px;
					height:355px;
					width:380px;
					background:#CC0000 url(../img/root/smile.png) no-repeat right top;
				}
				.centerframe .root .next-box .title{padding:50px 10px 5px 10px;}
				.centerframe .root .next-box p{padding:5px 25px 10px 10px; 
					font-family:Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold;
					color:#FFFFFF; line-height:18px;
					}
				.centerframe .root .next-box a{padding:10px 10px 5px 10px;}
				.centerframe .root .next-box a img{border:none;}
	
	
	/***********************************************************/
	/***********************************************************/	
	.rightframe{
		position:relative;
		float:left;
		width:1200px;

		background:url(../img/mango-bg.jpg) no-repeat top center;
	}
	/***********************************************************/	
		.root-answer{
				position:relative;
				padding:0px; margin:0px;
				display:block;
				min-height:1000px;
		
		}
		
		.root-answer .prev-box{
					position:absolute;
					left:0px; top:26px;
					width:50px;
					background:#333333;
					display:inline;
					height:355px;
				}
					.root-answer .prev-box a{
						position:relative;
						float:left;
						height:355px;
						width:50px;
						display:block;
						background:#333333 url(../img/root/previous-competition.png) no-repeat left center;
					}
					.root-answer .prev-box a:hover{background-color:#666666;}
					
					.root-answer .center-box{
						position:absolute;
						left:50px; top:0px;
						width:700px;
						
					}
					.root-answer .ans-body{
						position:relative;
						margin-top:-2px;
						padding:10px;
						background:#CC0000;
					}
					.root-answer .ans-body .ans-title{
						position:relative;
					}
					.root-answer .ans-body .ans-title img{float:left;}
					.root-answer .ans-body .ans-title p{ 
						position:relative; float:left; font-family:Arial, Helvetica, sans-serif;
						font-size:12px; color:#FFFFFF; font-weight:bold;
						width:50%;
						padding-left:20px;
					}
					
					
				.right-and-bg{
					position:absolute;
					top:0px; left:750px;
					width:230px;
					height:353px;
					background-color:#000000;
					opacity:0.8;
					filter:alpha(opacity=80);
				}	
				.right-ans{
					position:absolute;
					top:0px; left:750px;
					width:230px;
					padding:0px;
					height:353px;
				}
					.right-ans .social-box{
						position:relative;
						
						
						text-align:center;
						line-height:100px;
						border-bottom:#FFFFFF dotted 1px;
						
					}
					.right-ans .facebook{padding-top:25px;height:90px;}
					.right-ans .facebook:hover{background-color:#3B5998;}
					
					.right-ans .twitter{padding-top:25px;height:100px;}
					.right-ans .twitter:hover{background-color:#33CCFF;}
					
					.right-ans .email{padding-top:25px;height:95px; border:none;}
					.right-ans .email:hover{background-color:#C61616;}
					
					.right-ans .social-box:hover{}
					
/**************** Footer *************************/
#n-footer{
	position:fixed;
	bottom:0%; left:0px;
	height:100px;
	margin-top:-100px;
	width:100%;
	z-index:999;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	
	background:url(../images/bg/bg-footer.png) repeat-x left top;
}
	#n-footer .left{
		position:relative;
		float:left;
		padding-top:50px;
		display:inline;

	}
		#n-footer .left img{padding:10px; border:none;}
	#n-footer .right{
		position:relative;
		float:right;
		padding-top:60px;
		display:inline;
		padding-right:20px;
	}
	#n-footer .right ul{}
	#n-footer .right ul li{
		display:inline;
		list-style:none;
		padding:0px 5px 0px 10px;
		border-right:#FFFFFF solid 1px;
	}
	#n-footer .right ul li a{ color:#FFFFFF; text-decoration:none;}
	#n-footer .right ul li a:hover{ color:#FFFFFF; text-decoration:underline;}
	#n-footer p{
		padding-top:5px;
		text-align:right;
		color:#FFFFFF;
	}