#main {
	width:scrollWidth;
	background:url(../img/back.jpg) no-repeat top center;
	background-size:100% 100%;
	margin:0 auto
	}

#logo {
	width:50%;
	height:10%;
	position:absolute;
	top:0;
	left:10%;
	z-index:0;
	text-align:left
	}

#navi {
	position:absolute;
	z-index:9;
	right:0px;
	top:0px;
	}

.logo {
	height:120%
	}

#main_frame {
	margin:0 auto;
	border:solid 0;
	width:100%;
	height:89.5%;
	position:absolute;
	left:0;
	top:10%;
	z-index:0
	}

#footer {
	width:100%;
	position:absolute;
	bottom:1%;
	left:0;
	z-index:5;
	color:#100043;
	font-size:14px;
	font-family:؟،جم;
	text-align:center
	}

.navi_item_selected { 
	text-align:center; 
	background-color:#0080FF
	}

.navi_item_non_selected { 
	text-align:center;
	}

ul,li{ 
	margin:0px; 
	padding:0px;
	}

li{ 
	list-style:none; 
	list-style-position:outside; 
	text-align:left; 
	font-size:16px; 
	font-weight:bold; 
	float:left;
	background:url(../img/navi.png) top right no-repeat;background-size:80px 80px;
	}

.menu1{
	text-align:left;
	width:120px;
	height:auto;
	margin:0px 0px;
	color:#F0F0F0;
	padding:0px 0px;
	cursor:hand;
	overflow-x:hidden;
	overflow-y:hidden;
	filter:Alpha(opacity=70);
	-moz-opacity:0.7;
	}

.menu2{
	text-align:left;
	width:80px;
	height:80px;
	margin:0px 0px;
	color:#F0F0F0;
	padding:0px 0px;
	overflow-x:hidden;
	overflow-y:hidden;
	cursor:hand;
	}

.list{ 
	margin:80px 0 0 0; 
	line-height:32px; 
	text-align:left; 
	padding: 0; 
	font-weight:bold;
	background-color:
	rgba(65,105,225,0.75)
	}

.list a:link{ 
	color:#F0F0F0; 
	text-decoration:none; 
	width:66px; 
	padding:0 27px 0 27px; 
	float:left
	}

.list a:visited{ 
	color:#F0F0F0; 
	text-decoration:none; 
	width:66px; 
	padding:0 27px 0 27px; 
	float:left
	}

.list a:hover{ 
	color:#F0F0F0; 
	width:66px; 
	padding:0 27px 0 27px; 
	text-decoration:none; 
	background-color:#0080FF; 
	float:left
	}

.list a:active{ 
	display:block; 
	color:#F0F0F0; 
	width:66px; 
	padding:0 27px 0 27px; 
	text-decoration:none;  
	background-color:#0080FF; 
	float:left
	}