﻿
/*-----------------------------------payame modir amel--------------------------------------------*/
#payamemodir
{
	
	height:250px;
	width:984px;
	background-color:White;
	border-color:#592f06;
	border-style:outset;
	border-width:2px;
	position:relative;
}
.peygam
{
	position:absolute;
	width:75%;
	left:25%;
	height:240px;
	background-color:White;
	border-left-color:#fe042d;
	border-left-style:groove;
	border-left-width:1px;
	padding-bottom:10px;
	line-height:normal;
}
.topNavar
{
	width:100%;
	position:relative;
	height:50px;
}
.header
{
	width:25%;
	background-color:#4b3408;
	color:White;
	height:20px;
	margin-top:5px;
	font-weight:bold;
	position:absolute;
	left:75%;
	border-bottom:groove 1px black;
border-top:groove 1px black;
}
.navar
{
	width: 75%;
	background-color: #f89b09;
	color: Black;
	height: 20px;
	margin-top: 5px;
	position: absolute;
	left: 0%;
	border-bottom: groove 1px black;
	border-top: groove 1px black;
}
.aks
{	height:97%;
	left:0;
	width:25%;
	margin:0;
	background-color:#c3c4ca;
	position:absolute;
	top: 0px;
}

#button
{
	width:100%;
	height:20px;
	left:0;
	margin:0;
	color:White;
	font-weight:bold;
	cursor:hand;
	font-size:7pt;
	position:relative;
}

.Nazarat
{
	position: absolute;
	left: 0;
	width: 34%;
	background-image: url('/images/HomePagePic/topaksbutton.png');
	height: 20px;
	padding-top: 2px;
}
.AboutMe
{
	position: absolute;
	left: 33%;
	width: 34%;
	background-image: url('/images/HomePagePic/topaksbutton.png');
	height: 20px;
	padding-top: 2px;
}
.TamasBaMa
{
	position: absolute;
	left: 66%;
	width: 34%;
	background-image: url('/images/HomePagePic/topaksbutton.png');
	height: 20px;
	padding-top: 2px;
}
	

.rozaks
{
	width:98%;
	height:222px;
	border-color:#b77af0;
	border-style:groove;
	border-width:3px;

	
}


 .topheader
{
	font-size:10pt;
	color:#ef573e;
	margin-top:0;
	height:20px;
	padding:0 2px 0 0 ;
	text-align:right;
	
	
}
.subject
{
	color:#f606dd;
	font-size:8pt;
	font-style:italic;
	height:30px;
	line-height:23px;
	font-weight:bold;
	
}
 .body
{
	text-align:center;
	font-size:9pt;
	color:#56250b;
	padding:0 25px 0 25px;
	line-height:23px;
}
 .end
{
	color:Red;
	font-size:9pt;
	
}
#TozihateAks
{
	
	
}
.TopRoz
{
	
	height:20px;
	 background-image:url('http://persianweblog.ir/mb/temp/m4-blue/pics/2.gif');
	 width:98%;
		padding-right:5px;
	color:White;
	text-align:center;
	cursor:hand;
	
	
}
.DownRoz
{
	
	 background-color:White;
	 width:97%;
	 color:#532b04;
	text-align:center;
	padding-left:5px;
	border:Groove 1px black;
	height:60px;
	
	
	
	
	
	
}


/*--------------------------------- main menu for down parts--------------------------------------*/
#downPartMenu
{
	width:989px;
	z-index:0px;
	position:relative;
	height:220px
	
	
}
#menuTitle
{
	width:100%;
	position:relative;
	height:20px
}
.title1
{
	position:absolute;
	width:25%;
	height:20px;
	left:0px;
}
.title2
{
	position:absolute;
	width:25%;
	height:20px;
	left:25%
}
.title3
{
	position:absolute;
	width:25%;
	height:20px;
	left:50%
	}
.title4
{
	position:absolute;
	width:25%;
	height:20px;
	left:75%
}
#menuTitle img
{
	cursor:hand;
}

#menu1
{
	padding-top:9px;
	width:25%;
	height:211px;
	border-right-color:#f30ab4;
	border-right-style:ridge;
	border-right-width:1px;
	background-color:#6cd8c0;
	position:absolute;
	left:0px;
	top:0px;
	
}
#menu2
{
	padding-top:9px;
	width:25%;
	height:211px;
	border-right-color:#f30ab4;
	border-right-style:ridge;
	border-right-width:1px;
	background-color:#ff66ff;
	position:absolute;
	left:25%;
	top:0px;
	
}
#menu3
{
	padding-top:9px;
	width:25%;
	height:211px;
	border-right-color:#f30ab4;
	border-right-style:ridge;
	border-right-width:1px;
	background-color:#fffe00;
	position:absolute;
	left:50%;
	top:0px;
}
#menu4
{
	padding-top:9px;
	width:25%;
	height:211px;
	background-color:#05cddc;
	position:absolute;
	left:75%;
	top:0px;
}
#downPartMenu div div
{
	padding-top:10px;
}
.limit
{
	background-color:#9e9391;
	width:985px;
	height:20px;
	border-color:#ebf903;
	border-style:groove;
	border-width:2px;
}
#eject img
{
	float:right;
	width:20px;
	height:20px;
	padding-right:4px;
	cursor:hand;
	display:none;
}
.limitB
{
	background-color:#9e9391;
	width:985px;
	height:15px;
	border-color:#ebf903;
	border-style:groove;
	border-width:2px;
}

/*---------------------------------Part 1 of down main page---------------------------------*/
#downPart1
{
	position:relative;
	display:none;
	background-color:#6cd8c0;
	width:985px;
	height:500px;
	top: 0px;
	border-color:#413587;
	border-style:ridge;
	border-width:2px;
	
}
#left
{
	width:75%;
	height:100%;
	position:absolute;
	left: 0px;
	
}
.top
{
	height:330px;
	padding-top:15px;
	border-bottom-color:#f603d1;
	border-bottom-style:inset;
	border-bottom-width:1px;
}
.down
{
	height:120px;
	position:relative;
	padding-top:10px;
	padding-bottom:5px;
}
.IranShenasi
{
	width:70%;
	position:absolute;
	left:0px;
	border-right-color:Black;
	border-right-style:groove;
	border-right-width:1px;
}
.Ekotorism
{
	width:30%;
	position:absolute;
	left:70%;
}
.downTitle
{
	height:17px;
	color:White;
	background-color:Black;
	position:relative;
}

#right
{
	width:25%;
	height:100%;
	position:absolute;
	left:75%;
	border-left-color:#4f8af6;
	border-left-style:groove;
	border-left-width:1px;
	
}
#rightContact
{
	height:100%;
	
}
.divs
{
	height:23%;
	padding-top:6px;
	margin-bottom:6px;
}
.divsTitle
{
	color:White;
	background-color:#382711;
	border:groove 1px black;
	height:15px;
	margin:2px 0 2px 0;
	
}


/*---------------------------------Part 2 of down main page---------------------------------*/
#downPart2
{
	display:none;
	width:985px;
	height:500px;
	background-color:#fffe00;
	position:relative;
	border-color:#413587;
	border-style:ridge;
	border-width:2px;
}
#line1
{
	position:absolute;
	left:0;
	width:100%;
	height:250px;
}
#line1Contact
{
	position:relative;
	padding-top:15px;
	height:235px;
}
.row1L
{
	position:absolute;
	left:0;
	width:25%;
}

.row1Center
{
	position:absolute;
	width:50%;
	left:25%;
	border-left-color:Black;
	border-left-style:dotted;
	border-left-width:1px;
	}
 .row1R
{
	position:absolute;
	width:25%;
	left:75%;
	border-left-color:Black;
	border-left-style:dotted;
	border-left-width:1px;	
}
#row1Title
{
	position:absolute;
	top:225px;
	background-color:Black;
	width:100%;
	left:0px;
	color:White;
	height:20px;
}
#line2
{
	position:absolute;
	left:0;
	top:250px;
	width:100%;
	height:230px;
	padding-top:20px;
}

.line2Contact
{
	width:100%;
	height:250px;
	position:relative;
	
	
}
#line2Colums1
{
	position:absolute;
	left:0px;
	width:25%;
	height:150px;
	padding-top:30px;
	border-right-color:#1b7104;
	border-right-style:dotted;
	border-right-width:1px;
}
#line2Colums2
{
	position:absolute;
	left:25%;
	width:25%;
	height:150px;
	top: 0px;
	padding-top:30px;
	border-right-color:#1b7104;
	border-right-style:dotted;
	border-right-width:1px;
}
#line2Colums3
{
	position:absolute;
	left:50%;
	width:25%;
	height:150px;
	padding-top:30px;
	border-right-color:#1b7104;
	border-right-style:dotted;
	border-right-width:1px;
}
#line2Colums4
{
	position:absolute;
	left:75%;
	width:25%;
	height:150px;
	padding-top:30px;
}
.line2Title
	{
		position:absolute;
		top:200px;
		background-color:Black;
		width:100%;
		left:0px;
		height:20px;	
		color:White;
	}


/*---------------------------------Part 3 of down main page---------------------------------*/
#downPart3
{
	display:none;
	width:985px;
	height:500px;
	background-color:#ff66ff;
	position:relative;
	border-color:#413587;
	border-style:ridge;
	border-width:2px;
}
#row1
{
	width:100%;
	height:333px;
	position:absolute;
	left:0;
	top: 0px;
	padding-top:15px;
}
#Part3Row1Contact
{
	position:relative;
	height:333px;
	width:100%;
	
	
}
#Part3Row1Left
{
	position:absolute;
	height:333px;
	width:50%;
	left:0px;
	
}
#Part3Row1Right
{
	position:absolute;
	height:310px;
	width:50%;
	left:50%;
	top: 0px;
	border-left-color:#f606a4;
	border-left-style:dashed;
	border-left-width:1px;
}
#Part3Row1Title
{
	color:White;
	background-color:Black;
	height:20px;
	position:absolute;
	width:100%;
	left:0px;
	top:310px;

}
#contact
{
	height:310px;
	
	
}
.r1
{
	position:relative;
	height:60%;
	
}
.r2
{
	height:40%;
	position:relative;
	padding-top:20px;
}
.r1C1
{
	position:absolute;
	width:50%;
	left:0px;
	height:85%;
	top: 0px;
	
}
.r1C2
{
	position:absolute;
	width:50%;
	left:50%;
	height:85%;
	top: 0px;
	border-left-color:#f606a4;
	border-left-style:dashed;
	border-left-width:1px;
}
.r1C1T
{
	position:absolute;
	width:50%;
	left:0px;
	
	top: 0px;
	
}
.r1C2T
{
	position:absolute;
	width:50%;
	left:50%;
	
	top: 0px;
}

.title
{
	height:20px;
	position:absolute;
	top:85%;
	left:0px;
	width:100%;
	background-color:Black;
	color:White;
	
}
.title5
{
	width:50%;
	position:absolute;
	left:50%;
}
#row2
{
	height:147px;
	width:100%;
	position:absolute;
	left:0;
	top: 344px;
	padding-top:15px;
}
.part3Row2	
{
	position:relative;
	width:100%;
	height:117px;
	
	
}
.title1part3row2
{
	position:absolute;
	width:25%;
	height:80%;
	left:0px;
	padding:10px 0 15px 0;
}
.title2part3row2
{
	border-left: 1px dashed #ad5907;
	position:absolute;
		width:25%;
	height:80%;
		left:25%;
		top: 0px;
		padding:10px 0 15px 0;
}
.title3part3row2
{
	position:absolute;
	width:25%;
	height:80%;
	left:50%;
	border-left-color:#ad5907;
	border-left-style:dashed;
	border-left-width:1px;
	padding:10px 0 15px 0;
	}
.title4part3row2
{
	position:absolute;
	width:25%;
	height:80%;
	left:75%;
	border-left-color:#ad5907;
	border-left-style:dashed;
	border-left-width:1px;
	padding:10px 0 15px 0;
}
.part3Row2Title
{
	width:100%;
	position:relative;
	height:20px;
	background-color:Black;
	color:White;
}


/*---------------------------------Part 4 of down main page---------------------------------*/
#downPart4
{
	display:none;
	width:984px;
	height:600px;
	background-color:#05cddc;
	border-color:#413587;
	border-style:ridge;
	border-width:2px;
	position:relative;
}
#part4row1
{
	height:77%;
	width:100%;	
	position:relative;
}
.part4row1Left
{
	float:left;
	width:50%;
	height:100%;
	position:relative;
}
.part4row1Right
{
	float:right;
	width:50%;
	height:100%;
	position:relative;
	
}
#part4row2
{
	width:100%;
	height:23%;
	position:relative;
}

.div1
{
	
	height:5%;
	padding-top:10px;
	padding-bottom:5px;
	font-weight:bold;
	color:Black;
	font-size:10pt;
	border-left-color:#f80505;
	border-left-style:groove;
	border-left-width:1px;
	position:relative;
		
}
.div2
{
	height:40%;
	border-left-color:#f80505;
	border-left-style:groove;
	border-left-width:1px;
	position:relative;
}
.div3
{
	height:9%;
	border-left-color:#f80505;
	border-left-style:groove;
	border-left-width:1px;
	padding-top:5px;
	padding-bottom:5px;
	padding-left:10px;
	padding-right:10px;
	position:relative;
	
}
.div4
{
	height:15%;
	border-left-color:#f80505;
	border-left-style:groove;
	border-left-width:1px;
	padding-top:0px;
	padding-bottom:9px;
	position:relative;
}
.div5
{
	height:22%;
	position:relative;
	background-color:#4c1c04;
	border-left-color:#f80505;
	border-left-style:groove;
	border-left-width:1px;
	
}
.pic1
{
	width:25%;
	height:100%;
	position:absolute;
	left:0;
}
.pic2
{
	width:25%;
	height:100%;
	position:absolute;
	left:25%;
}
.pic3
{
	width:25%;
	height:100%;
	position:absolute;
	left:50%;
}
.pic4
{
	width:25%;
	height:100%;
	position:absolute;
	left:75%;
}
