/*Design By Vahid Majidi - powered by اسکریپت.com*/
*{
	margin:0px;
	padding:0px;
	border:none;
	outline:none;	
}
body,html{
	width:100%;
	height:100%;	
}
body{
	background-color:#eee;
	direction:rtl;
	font-family:tahoma;
	font-size:13px;	
}
a{
	color:#0064FF;
	text-decoration:none;	
}
#bg1{
	width:100%;
	height:50%;
	background:#69d url(../images/bg.png) no-repeat left bottom;
	border-bottom:1px solid #000;
}
#bg2{
	width:100%;
	height:calc(50% - 1px);
	background:#ed2 url(../images/bg2.png) no-repeat right top;
}
#main{
	width:980px;
	height:100%;
	margin:0 auto;
	position:relative;
	overflow:hidden;
}
.box-top{
	width:150px;
	height:150px;
	background-color:#fcfcfc;
	border:1px solid #333;
	border-bottom:none;
	bottom:-100px;
	position:absolute;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s;
}
.box-bottom{
	width:150px;
	height:150px;
	background-color:#fcfcfc;
	border:1px solid #333;
	border-top:none;
	top:-100px;
	position:absolute;
	-webkit-transition:all 0.2s;
	-moz-transition:all 0.2s;
	-o-transition:all 0.2s;
	-ms-transition:all 0.2s;
	transition:all 0.2s;
}
.box-top:hover{
	bottom:0px;
}
.box-bottom:hover{
	top:0px;	
}
#box1{
	left:40px;
}
#box2,#box6{
	left:290px;
}
#box3,#box7{
	left:540px;
}
#box4,#box8{
	left:790px;
}
#box5{
	left:40px;
	top:0px;
	border-bottom-left-radius:50px;
	border-bottom-right-radius:50px;
}
#footer{
	width:100%;
	position:absolute;
	bottom:20px;
	left:30px;
	direction:ltr;
	color:#000;	
}
/*Design By Vahid Majidi - powered by اسکریپت.com*/