@charset "utf-8";
/* CSS Document */
body	{
	background-color:black;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0 auto;
	padding:0;
}
a	{
	cursor:hand;
}

.main	{
	background-color:#222;
	width:800px;
	margin:0 auto 0 auto;
	padding:0;
	
}
.top  {
	background-color:#1B1B1B;
	width:800px;
	height:75px;
	margin:0 auto;
	padding:0;
	color:white;
}
.middle	{
	background:url(../images/bg.jpg) no-repeat center; 
	width:800px; 
	height:482px;
	border-bottom:2px dashed #0069B3;
	position:relative;
	
}
.bottom  {
	background-color:#000;
	width:792px;
	margin:0;
	padding:3px 0 3px 8px;
	color:#666666;
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:9px;
	letter-spacing:1px
}

.bio	{
	width:155px;
	height:170px;
	float:right;
}

a.bio	{
	border:1px dashed #212121;
	margin-top:205px;
	margin-right:80px;
	text-decoration:none;
}
a.bio:hover	{
	border:2px dashed #000;
	text-decoration:none;
	
}


.art	{
	width:128px;
	height:140px;
	float:right;


}
a.art	{
	border:1px dashed #212121;
	margin-top:168px;
	margin-right:30px;
	text-decoration:none;
	
}
a.art:hover	{
	border:2px dashed #000;
	text-decoration:none;

}

.others	{
	width:115px;
	height:125px;
	float:right;

}
a.others	{
	border:1px dashed #212121;
	margin-top:145px;
	margin-right:40px;
	text-decoration:none;
	
}
a.others:hover	{
	border:2px dashed #000;
	text-decoration:none;

}

.contact	{
	width:140px;
	height:155px;
	float:right;
	
	

}
a.contact	{
	border:1px dashed #212121;
	margin-top:158px;
	margin-right:63px;
	text-decoration:none;
	
}
a.contact:hover	{
	border:2px dashed #000;
	text-decoration:none;
	
}
a.nasimshabani	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:9px;
	text-decoration:none;
	color:#333333;
}
a.nasimshabani:hover	{
	font-family:Arial, "Times New Roman", Times, serif;
	font-size:9px;
	text-decoration:line-through;
	color:#0069B3;
}
.topimg	{
	background:url(../images/mohammadhassanhendi.jpg) no-repeat top; 
	width:310px; 
	height:75px; 
	float:left
}
.menu	{
	width:480px; 
	float:right;
	padding-top:26px;
}
.menu ul	{
	list-style:none;
	margin-right:12px;
}
*html .menu ul li 	{
	float:right;
	list-style:none;
	margin-left:5px;
	padding:6px;
	background-color:#212121;
	
}

.menu ul li 	{
	float:right;
	list-style:none;
	margin-left:5px;
	padding:7px;
	background-color:#212121;
	
}


.menu ul li a, .menu ul li a:visited 	{
	background-color:#212121;
	text-decoration:none;
	color:#999999;
	font-size:10px;
	border-bottom:1px dashed #252525;
	padding-top:6px;
	padding-bottom:0;
	margin:0;
	
}

.menu ul li a:hover 	{
	background-color:#212121;
	text-decoration:none;
	color:#0069B3;
	font-size:10px;
	border-top:2px dashed #0069B3;
	padding-top:6px;
	padding-bottom:0;
	margin:0;

}




/*///////////////////////////////div_infi///////////////////////////////////*/

#div_bio	{
	position:absolute;
	left:50px;
	top:40px;
	width:680px;
	height:381px;
	background-color:#2E2E2E;
	color:#CCC;
	visibility: hidden;
}
#div_bio .bio_title	{
	background-color:#242424;
	padding:15px;
	border-bottom:1px solid #3F3F3F;
	color:#929292;
	margin:0;
	height:10px;
	text-align:right;
	vertical-align:middle
}
#div_contatct	{
	position:absolute;
	left:50px;
	top:40px;
	width:680px;
	height:395px;
	background-color:#2E2E2E;
	color:#CCC;
	visibility: hidden;
}
#div_contatct .contatct_title	{
	background-color:#242424;
	padding:15px;
	border-bottom:1px solid #3F3F3F;
	color:#929292;
	margin:0;
	height:10px;
	text-align:right;
	vertical-align:middle
}
#div_gallery	{
	position:absolute;
	left:150px;
	top:40px;
	width:680px;
	height:381px;
	background-color:#2E2E2E;
	color:#CCC;
	visibility: hidden;
	z-index:100;

}
#div_gallery .gallery_title	{
	background-color:#242424;
	padding:15px;
	border-bottom:1px solid #3F3F3F;
	color:#929292;
	margin:0;
	height:10px;
	text-align:right;
	vertical-align:middle
}
#div_gallery1	{
	position:absolute;
	left:150px;
	top:40px;
	width:500px;
	height:381px;
	background-color:#2E2E2E;
	color:#CCC;
	visibility: visible;
	z-index:100;
}
#div_gallery1 .gallery_title	{
	background-color:#242424;
	padding:15px;
	border-bottom:1px solid #3F3F3F;
	color:#929292;
	margin:0;
	height:10px;
	text-align:right;
	vertical-align:middle
}
#div_art	{
	position:absolute;
	left:150px;
	top:40px;
	width:680px;
	height:381px;
	background-color:#2E2E2E;
	color:#CCC;
	visibility: hidden;
}
#div_art .art_title	{
	background-color:#242424;
	padding:15px;
	border-bottom:1px solid #3F3F3F;
	color:#929292;
	margin:0;
	height:10px;
	text-align:right;
	vertical-align:middle
}
#div_art1	{
	position:absolute;
	left:150px;
	top:40px;
	width:500px;
	height:381px;
	background-color:#2E2E2E;
	color:#CCC;
	visibility:visible;
}
#div_art1 .art_title	{
	background-color:#242424;
	padding:15px;
	border-bottom:1px solid #3F3F3F;
	color:#929292;
	margin:0;
	height:10px;
	text-align:right;
	vertical-align:middle
}
a.close	{
	color:#990000;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	letter-spacing:2px;
	text-decoration:none;
}
a.close:hover	{
	color:#000;
	font-family:Arial, Helvetica, sans-serif; 
	font-weight:bold; 
	letter-spacing:2px;
	text-decoration:none;
}
.t	
{
	color:#1381CF;
	border-bottom:1px dashed #000;
	font-family:Times New Roman, Tahoma;
	font-size:14px;
	padding:0 0 5px 0;
	margin:0 10px 0 0;
}
.t a, .t a:visited
{
	color:#1381CF;
	border-bottom:1px dashed #000;
	font-family:Times New Roman, Tahoma;
	font-size:14px;
	padding:0 0 5px 0;
	margin:0 10px 0 0;
}
.t a:hover
{
	color:#012348;
	border-bottom:1px dashed #012348;
	font-family:Times New Roman, Tahoma;
	font-size:14px;
	padding:0 0 5px 0;
	margin:0 10px 0 0;
}
.content
{
	padding:0 0 5px 0;
	margin:0 10px 0 0;
}

.pagin
{
	
	margin:3px;
	padding:3px;
	font-family:Arial;
	font-size:11px;
}

.rightalign
{
	direction:rtl;
	text-align:justify;
}

/* ---------- gallery styles start here ----------------------- */

.gallery {
	list-style: none;
	margin:0 auto;
	padding:10px 10px 0 10px;
	width:450px;
	
	
}

*html .gallery div a:hover img {
	border-color: #000;
	background: #000;
}

.gallery div:hover img {
	border-color: #000;
	background: #000;
}
.gallery img {
	background: #212121;
	border: solid 1px #212121;
	padding: 5px;
	width: 80px;
	height: 80px;

}
.gallery a {
	text-decoration: none;
}

/* ---------- gallery styles - end ----------------------- */
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

.txtbox	
{
	background-image:url(../images/txtbox-bg.gif);
	background-repeat:repeat;
	width:130px;
	height:18px;
	border-bottom:dashed 2px #242424;
	border-left:none;
	border-right:none;
	border-top:none;
	padding: 2px 4px 0 4px;
	font-family:Tahoma, Arial;
	font-size:11px;
	color:#929292
	
}
.txtareaa
{
	background-image:url(../images/txtbox-bg.gif);
	background-repeat:repeat;
	width:250px;
	height:130px;
	border-bottom:dashed 2px #242424;
	border-left:none;
	border-right:none;
	border-top:none;
	padding: 2px 4px 0 4px;
	font-family:Tahoma, Arial;
	font-size:11px;
}
.btn	
{
	font-family:Tahoma, Arial;
	font-size:11px;
	font-weight:600;
	background-color:#343434;
	border:solid 1px #2e2e2e;
	padding:2px 5px 2px 5px;
	color:#0069B3;
}