/*
* Design By Vahid Majidi
* Powered By اسکریپت.com
*/

*{
	padding:0px;
	margin:0px;
	border:none;
	outline:none;
	font-family:tahoma;
}
a:link{
	color:#FFF;
	border-bottom:1px dashed #FFFFFF;
	padding-bottom:3px;
	text-decoration:none;
}
a:hover{
	color:#FFF;
	border-bottom:1px dashed #FFFFFF;
	padding-bottom:3px;
	text-decoration:none;
}
a:visited{
	color:#FFF;
	border-bottom:1px dashed #FFFFFF;
	padding-bottom:3px;
	text-decoration:none;
}
a:active{
	color:#FFF;
	border-bottom:1px dashed #FFFFFF;
	padding-bottom:3px;
	text-decoration:none;
}
h1{
	font-size:16px;
	color:#FFF;
	display:inline-block;
	margin:15px 10px;
}
h2{
	font-size:13px;
	color:#FFF;
	display:inline-block;
	margin:5px 5px 5px 0px;
}
p{
	color:#FFF;	
	display:inline-block;
	margin:5px 5px;
}
body{
	background-color:#fff;
	font-family:tahoma;
	font-size:13px;
	word-break:keep-all;
	word-wrap:break-word;
}
.main{
	position:relative;
	width:970px;
	height:400px;
	margin:0px auto;
	direction:rtl;
}
.welcome{
	position:absolute;
	top:25%;
	width:100%;
	height:400px;
	background-color:#404;
	border-top:3px solid #fff;
	border-bottom:3px solid #fff;
	box-shadow:0px 0px 15px #555;
	padding:20px 0px;
}
#under{
	position:absolute;
	top:50px;
	left:0px;
}
#singup{
	position:absolute;
	bottom:0px;
	right:110px;
	margin:0px 0px;
	padding:10px;
	box-shadow:0px 0px 10px #FFFFFF;
	border-radius:3px;
}
#email{
	padding:10px;
	border-radius:3px;
	outline:none;
}
#singup label{
	padding:10px;
	color:#FFF;
}
#submit{
	padding:10px;
	color:#000;
	border-radius:2px;
	-webkit-transition:all 0.5s;
	-o-transition:all 0.5s;
	-moz-transition:all 0.5s;
	-ms-transition:all 0.5s;
    transition:all 0.5s;
}
#submit:hover{
	background-color:#F90;
	color:#000;
	cursor:pointer;
}
#hide{
	color:#FFF;
	padding:50px;
	font-size:18px;
	letter-spacing:2px;
}
#title{
	-webkit-animation:vahid-majidi-2 0.8s;
	-webkit-animation-direction:alternate;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-o-animation:vahid-majidi-2 0.8s;
	-o-animation-direction:alternate;
	-o-animation-iteration-count:infinite;
	-o-animation-timing-function:linear;
	-moz-animation:vahid-majidi-2 0.8s;
	-moz-animation-direction:alternate;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	-ms-animation:vahid-majidi-2 0.8s;
	-ms-animation-direction:alternate;
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:linear;
    animation:vahid-majidi-2 0.8s;
	animation-direction:alternate;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	letter-spacing:2px;
	opacity:0.2;
	clear:both;
}
@-webkit-keyframes vahid-majidi-2{
	0% {opacity:0.2}
	100% {opacity:1}
}
@keyframes vahid-majidi-2{
	0% {opacity:0.2}
	100% {opacity:1}
}
#countdown {
	display: block;
	position: absolute;
	top: 65px;
	right: 80px;
	-webkit-animation:vahid-majidi 2s;
	-o-animation:vahid-majidi 2s;
	-ms-animation:vahid-majidi 2s;
	-moz-animation:vahid-majidi 2s;
	animation:vahid-majidi 2s;
	-webkit-animation-iteration-count:infinite;
	-webkit-animation-timing-function:linear;
	-webkit-animation-direction:alternate;
	-ms-animation-iteration-count:infinite;
	-ms-animation-timing-function:linear;
	-ms-animation-direction:alternate;
	-o-animation-iteration-count:infinite;
	-o-animation-timing-function:linear;
	-o-animation-direction:alternate;
	-moz-animation-iteration-count:infinite;
	-moz-animation-timing-function:linear;
	-moz-animation-direction:alternate;
	animation-iteration-count:infinite;
	animation-timing-function:linear;
	animation-direction:alternate;
	}
@-webkit-keyframes vahid-majidi{
	0% {right:80px;}
	100% {right:110px;}	
}
@keyframes vahid-majidi{
	0% {right:80px;}
	100% {right:110px;}	
}
#countdown ul {
    clear: both;
	position: relative;
	float: right;
	height: 84px;
	padding: 5px 0 0 0;
	margin:0px;
	list-style: none;
	}	
	
#countdown ul li {
	float: left;
	position: relative;
	width: 90px;
	height: 90px;
	margin:0px 10px;
	text-align: center;
	background-color:#fff;
	border-radius:1000px;
	box-shadow:0px 0px 20px #FFFFFF;
	}
	
#countdown ul li b {
	display: block;
	position: absolute;
	top: 15px;
	left: 2px;
	width: 84px;
	font-size:35px;
	color: #000;
	font-weight:normal;
	z-index: 9000;
	}	
	
#countdown ul li span {
	display: block;
	position: absolute;
	top: 60px;
	left: 3px;
	width: 84px;
	color: #000;
	font-size:13px;
	z-index: 9000;
	}
	
#countdown ul li span.long {
	display: block;
	}
	
#countdown ul li span.short {
	display: none;
	}	
.box{
	position:absolute;
	top:190px;
	width:600px;
	border:1px dashed #CCC;
	height:120px;
	padding:5px;
	border-radius:5px;
	overflow:auto;
}