@CHARSET "UTF-8";
/* ================================================================ 
The CSS Document Design With :: Mohammad B. Adib Behrooz
=================================================================== */
.body{
	font-family: Tahoma, Arial,"Times New Roman",verdana;
	margin-top: 0px;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-bottom: 0px;
	background-color: #FFFFFF;
	top:auto;
	}
	
.total{
	border: solid 1px #F4F4F4;
	width: 988px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;	
	background-color:#F7F7F7; 	
	color: #FFFFFF;	
	}
	
.input, .checkbox
	{font-family: Tahoma; font-size: 8pt; direction: rtl; text-align: right; margin-right: 2px; background-color: #FFFFFF; width: 130px;}

.textarea-order
	{font-family: Tahoma; font-size: 8pt; direction: ltr; text-align: left;}

.textarea
	{font-family: Tahoma; font-size: 8pt; direction: rtl; text-align: right; margin-right: 2px; width: 220px;}

.etextarea
	{font-family: Tahoma; font-size: 8pt; direction: ltr; text-align: left; margin-right: 2px; width: 220px;}

.einput, .echeckbox
	{font-family: Tahoma; font-size: 8pt; direction: ltr; text-align: left; width: 130px;}

.button
	{font-family: Tahoma; font-size: 8pt; direction: rtl; text-align: center; width: 100px;}	 

.input-num
	{font-family: Tahoma; font-size: 8pt; direction: rtl; text-align: right; margin-right: 0px;width: 40px; vertical-align: bottom;}

.select
	{font-family: Tahoma; font-size: 8pt; direction: ltr; text-align: left; margin-right: 2px; width: 170px;}

.clear{
	visibility: hidden;
	clear: both;
	}	

/*---------------- join ---------- */
	/*--*/
	#div_left .menubar, #div_middle .menubar, #div_middle_second .menubar, #div_right .menubar{
		border-bottom: 2px solid #EBECE4;
		text-align: left;
		direction: ltr;
		color: #666666;
		height: 18px;
		padding: 3px 0px 1px 2px;
		margin: 0px;	
		background-image: url("../images/core/menu-bg.gif");	
	}
	
	#div_left .menubar a, #div_middle .menubar a, #div_middle_second .menubar a, #div_right .menubar a{
		text-decoration: none;
		color: #666666;			
	}
	
	#div_left .menubar a:hover, #div_middle .menubar a:hover, #div_middle_second .menubar a:hover, #div_right .menubar a:hover{
		text-decoration: none;
		color: #CD8162;			
	}	
	
	/*--*/	
	#div_left ul.content, #div_middle ul.content, #div_middle_second ul.content, #div_right ul.content{
	margin: 2px 0px 2px 0px;
	padding: 0px;
	list-style-type: none;
	color: #FFFFFF; /* color: #333333; */
	}
	
	#div_left ul.content li, #div_middle ul.content li, #div_middle_second ul.content li, #div_right ul.content li{
	margin: 0px;
	padding: 0px;
	text-align: center;
	direction: ltr;
	}
	
	/*--*/	
	#div_left .album,  #div_middle .album, #div_right .album{
	margin: 5px 4px 1px 4px;
	float: right;			
	}
			
	#div_left .picture, #div_middle .picture, #div_middle_second .picture, #div_right .picture{		
	margin-top: 4px;
	border: solid 1px #C2C2C2;
	background-color: #FFFFFF;
	}	
	
/*---------------- Div_left ---------- */	
	#div_left{
		width: 244px;
		float: left;
		font: normal normal 8pt Tahoma;		
		padding: 3px;
		margin: 1px;
		text-decoration: none;
		vertical-align: top;
	}
	
	#div_left .menu, #div_right .menu{
		border: 1px solid #CCCCCC;
		width: 240px;
		padding: 3px;
		margin: 0px;
		margin-bottom: 4px;		
		float: left;
	}	
	
	#div_left .daughter,
	#div_right .daughter, 
	#div_middle_second .daughter{
		border: 1px solid #CCCCCC;
		width: 240px;
		padding: 3px;
		margin: 0px;
		margin-bottom: 4px;		
		float: left;	
	}
	
	#div_left  .daughter ul.content li,
	#div_right .daughter ul.content li{
	margin: 0px;
	padding: 0px;
	text-align: center;
	list-style-type: none;
	color: #ffffff;	
	}	
	
	#div_left .gallery, #div_right .gallery, #div_middle_second .gallery, #div_right .latestwork, #div_right .news, #div_left .news{
		border: 1px solid #CCCCCC;
		width: 240px;
		padding: 3px;
		margin: 0px;	
		margin-bottom:4px;				
		float: left;	
	}			
				
	#div_left ul.menulist, 
	#div_right ul.menulist,
	#div_middle_second ul.menulist{
	margin: 3px 0px 3px 0px;
	padding: 3px;
	list-style-type: none;
	color: #333333;  /* #333333; !important  */
	text-align: left;
	direction: ltr;
	}
	
	#div_left ul.menulist li,
	#div_right ul.menulist li, 
	#div_middle_second ul.menulist li{			
	margin: 0px;
	padding: 3px 0px 3px 0px;
	color: #828282;  /* #828282 !important */
	background-image: url("../images/core/gray-dot.png");	
	}
	
	#div_left ul.menulist li a,
	#div_right ul.menulist li a, 
	#div_middle_second ul.menulist li a{
	margin: 0px;
	padding: 3px 0px 3px 0px;
	text-decoration: none;
	color: #ffffff;  /* #828282 !important */
	}
	
	#div_left ul.menulist li.current a,
	#div_right ul.menulist li.current a, 
	#div_middle_second ul.menulist li.current a{
	margin: 0px;
	padding: 3px 0px 3px 0px;
	color: #000000;  /* !important */
	}	
	
	#div_left ul.menulist li a:hover, 
	#div_right ul.menulist li a:hover, 
	#div_middle_second ul.menulist li a:hover{
	margin: 0px;
	padding: 3px 0px 3px 0px;
	color: #000000; /* !important */
	}
	
	#div_left .text ul li img{		
		margin: 3px;
		margin-left: 0px;	
		padding: 3px;
		padding-left: 0px;	
	}							
	
/*---------------- Div_Middle ---------- */
	#div_middle{
		width: 456px;
		float: left;
		font: normal normal 8pt Tahoma;		
		padding: 3px;
		margin: 1px;
		text-decoration: none;
		vertical-align: top;
	}
			
	#div_middle .flash{
		border: 1px solid #CCCCCC;
		width: 456px;
		height: 145px;
		padding: 3px;
		margin: 1px;
		margin-bottom: 4px;					
		float: left;
		/*background-image: url("../images/core/flash.jpg");	*/
	}

	#div_middle .news, #div_middle .latestwork{
		border: 1px solid #CCCCCC;
		width: 456px;
		padding: 3px;
		margin: 0px;	
		margin-bottom:4px;				
		float: left;			
	}	
	
	#div_middle .album{
		margin: 3px 2px 3px 2px;
		float: left;			
	}
	
	#div_middle .text{
		float: left;
		text-align: left;
		direction: ltr;	
		margin: 1px;
		width: 440px;
		line-height: 14pt;
	}		
	
	#div_middle .text ul, 
	#div_middle_second .text ul,
	#div_right .text ul,
	#div_left .text ul{		
		margin: 2px 0px 2px 0px;
		padding: 0px;
		list-style-type: none;
		color: #ffffff; /* #333333 */
	}	
	
	#div_middle .text ul li,
	#div_middle_second .text ul li, 
	#div_right .text ul li,
	#div_left .text ul li{		
		margin: 0px;
		padding: 0px;
		padding-bottom: 5px;
	}
	
	#div_middle .text ul li img, 
	#div_middle_second .text ul li img, 
	#div_right .text ul li img{		
		margin: 3px;
		margin-right: 0px;	
		padding: 3px;
		padding-right: 0px;	
	}		
	
	#div_middle .text ul li.titr, 
	#div_middle_second .text ul li.titr, 
	#div_right .text ul li.titr,
	#div_left .text ul li.titr{
		color: #ffffff;	 /* #696969 */	
		margin: 0px;
		padding: 0px;
	}
	
	#div_middle .text ul li.titr_detail, 
	#div_middle_second .text ul li.titr_detail, 
	#div_right .text ul li.titr_detail,
	#div_left .text ul li.titr_detail{
		text-align: center;
		direction: ltr;
		color: #fffaea;	 /* #6E7B8B */	
		margin: 0px;
		padding-bottom: 10px;
	}	
	
	#div_middle .text ul li.titr a, 
	#div_middle_second .text ul li.titr a, 
	#div_right .text ul li.titr a,
	#div_left .text ul li.titr a{
		margin: 0px;
		padding: 0px;
		text-decoration: none;
		color: #fffaea;	 /* #6E7B8B */	
	}	
	
	#div_middle .text ul li.titr a:hover, 
	#div_middle_second .text ul li.titr a:hover, 
	#div_right .text ul li.titr a:hover,
	#div_left .text ul li.titr a:hover{
		text-decoration: none;		
		color: #fffaea;	 /* #CD8162 */
	}
	
	#div_middle .text ul li.titr a:visited, 
	#div_middle_second .text ul li.titr a:visited, 
	#div_right .text ul li.titr a:visited,
	#div_left .text ul li.titr a:visited{
		text-decoration: none;		
		color: #fffaea;	 /* #CD8162 */
	}
	
	/* Pageing */		
	#div_middle .numberic, 
	#div_middle_second .numberic{
		width: 440px;
		margin: 0px 10px 0 0;
	}		
	
	#div_middle .nav a, 
	#div_middle_second .nav a{
		font-family: Tahoma;
		font-size: 8pt;
		direction: ltr;
		text-align: center;
		text-decoration: none;
		color: #FFFFFF;
		width: 62px;	
		background-color: #A7AAAD;
		border: 1px solid #E6E8EA;
		float: left;
		height: 18px;
		padding-top: 2px;		
	}	
		
	#div_middle .no,
	#div_middle_second .no{
		font-family: Tahoma;
		font-size: 8pt;
		direction: ltr;
		float: left;
		text-decoration: none;	
		text-align: center;
		direction: ltr;		
		width: 180px;			
		height: 18px;
		padding: 2px 0px 2px 0px;
		color: #000000;					
	}
	
	#div_middle .no a, 
	#div_middle_second .no a{
		direction: ltr;	
		padding-left:2px;
		padding-right:2px;
		text-decoration: none;	
		color: #FFFFFF;
	}
	
	#div_middle .box-bg{
		border:1px solid #cccccc;
		padding: 0px 3px 0px 3px;
		background-color: #C2C2C2;
	}
	
	#div_middle .box-unbg{
		border:1px solid #cccccc;
		padding: 0px 3px 0px 3px;	
		color: #ffffff;
	}
			
	/* Pageing */
	
	/*	Form */

	#div_middle .form{
		float: left;
		width: 450px;
		direction: ltr;
		text-align: center;
		text-align-last: center;
	}
	
	#div_middle .form ul.order{
		float: left;
		margin:0;
		padding:0;
	}	
	
	#div_middle .form ul li.label{
		list-style:none;
		padding: 5px 5px 5px 0px;
		vertical-align: middle;
		text-align: right;
		width: auto;
		color: #ffffff; /* color: #000000;	*/
		width: 120px;	
		height: 23px;				
	}
	
	#div_middle .form ul li.textbox{
		list-style:none;
		padding: 5px 5px 5px 0px;
		vertical-align: middle;
		text-align: left;
		width: 300px;
		height: 23px;		
	}	
	
	#div_middle .form ul li.textarea{
		list-style:none;
		padding: 5px 5px 5px 0px;
		vertical-align: middle;
		text-align: left;
		width: 300px;	
	}		

	#div_middle .form ul.other{
		float: right;
		margin:0;
		padding:0;
		width: 50px;
	}
	
	#div_middle .form ul li.other{
		list-style:none;
		padding: 5px 5px 5px 0px;
		vertical-align: middle;
		height: 20px;
		text-align: left;
		width: 150px;		
	}
	
	
	#div_middle .form ul li.name{
		color: #000000;
	}
	
	/* !Form */
	
	#div_middle .messagefalse{
		float: right;
		text-align: left;
		direction: ltr;
		padding: 3px 10px 3px 10px;
		margin: 3px 20px 3px 20px;
		color: #fffaea; /* color: #CD8162; */
		width: 300px;
	}	
	
	#div_middle .messagetrue{
		float: right;
		text-align: left;
		direction: ltr;
		padding: 3px 10px 3px 10px;
		margin: 3px 20px 3px 20px;
		color: #fffaea; /* color: #CD8162; */
		width: 300px;
	}

/*---------------- Second_Div_Middle ---------- */
	#div_middle_second{
		width: 709px;
		float: left;
		font: normal normal 8pt Tahoma;		
		padding: 3px;
		margin: 1px;
		text-decoration: none;
		vertical-align: top;
	}
			
	#div_middle_second .flash{
		float: right;		
		border: 1px solid #CCCCCC;
		width: 456px;
		height: 145px;
		padding: 3px;
		margin: 1px;
		margin-bottom: 4px;					
		direction: rtl;
		text-align: left;
		background-image: url("../images/core/flash.jpg");	
	}

	#div_middle_second .news, 
	#div_middle_second .work{
		border: 1px solid #CCCCCC;
		width: 703px;
		padding: 3px;
		margin: 0px;	
		margin-bottom:4px;				
		float: left;		
	
	}	
	
	#div_middle_second .menu{
		border: 1px solid #CCCCCC;
		width: 233px;
		padding: 3px;
		margin: 1px;
		margin-bottom: 4px;		
		float: left;	
	}	
	
	#div_middle_second .roadmap{
		float: left;
		text-align: left;
		direction: ltr;	
		margin: 1px;
		line-height: 14pt;
	}
	
	#div_middle_second .roadmap ul{		
		margin: 2px 0px 2px 0px;
		padding: 0px;
		list-style-type: none;
		color: #ffffff; /* #333333 */
	}	
	
	#div_middle_second .roadmap ul li{		
		margin: 0px;
		padding-right: 4px;
	}	

	#div_middle_second .roadmap ul li a{		
		color: #ffffff; /* #333333 */
		text-decoration: none;
		padding-bottom: 4px;
	}

	#div_middle_second .roadmap ul li a:hover{		
		color: #fffaea; /*  #000000 */
		text-decoration: none;
		padding-bottom: 3px;
		/*border-bottom: solid 1px #c2c2c2;*/
	}
	
	#div_middle_second .album{
		float: left;		
		margin: 3px 8px 3px 8px;
		width: auto;					
	}
	
	#div_middle_second .second_album,
	#div_left .second_album,
	#div_right .second_album{
		float: left;		
		margin: 3px 5px 3px 3px;
		width: auto;
						
	}	
	
	#div_middle_second .text{
		float: left;
		width: auto;		
		text-align: left;
		direction: ltr;	
		margin: 1px;
		line-height: 14pt;
	}
	
	#div_middle_second .box-bg{
		border:1px solid #cccccc;
		padding: 0px 3px 0px 3px;
		background-color: #C9C9C9;
	}
	
	#div_middle_second .box-unbg{
		border:1px solid #cccccc;
		padding: 0px 3px 0px 3px;	
		color: #ffffff;
	}	

	
/*---------------- Div_Right ---------- */	
	#div_right{
		width: 244px;
		float: left;
		font: normal normal 8pt Tahoma;		
		padding: 3px;
		margin: 1px 1px 1px 4px;
		text-decoration: none;
		vertical-align: top;
	}
			
	#div_right .logo, 
	#div_left .logo, 
	#div_middle_second .logo{
		border: 1px solid #CCCCCC;
		width: 233px;
		height: 145px;
		padding: 3px;
		margin: 1px;
		margin-bottom: 4px;					
		float: right;
		background-image: url("../images/core/logo.jpg");	
	}
	
	#div_right .text,
	#div_left .text{
	float: left;
	text-align: left;
	direction: ltr;	
	margin: 1px;
	width: 230px;
	line-height: 13pt;
	}	
	
	#div_right .category,
	#div_left .category{
		border: 1px solid #CCCCCC;
		width: 240px;
		padding: 3px;
		margin: 0px;
		margin-bottom: 4px;		
		float: left;
	}	

	#div_right .content,
	#div_left  .content{
		text-align: left;
		direction: ltr;
		width: 230px;
		padding: 1px;
		margin: 0px;
		margin-bottom: 4px;			
		float: left;
		color: #ffffff; /* color: #6E7B8B; */
	}
	
	#div_right .content ul, #div_right .content ul ul,
	#div_left  .content ul, #div_left  .content ul ul{
	list-style-type: none;				
	margin: 2px 0px 2px 0px;
	padding: 0px;
	list-style-type: none;
	color: #ffffff; /* color: #333333; */
	}
	
	#div_right .content ul li,
	#div_left  .content ul li{	
	list-style-type: none;	
	margin: 0px;
	padding: 0px;
	list-style-type: circle;
	list-style-position: inside;
	}
	
	#div_right .content ul li a,
	#div_left  .content ul li a{
		text-decoration: none;
		color: #ffffff; /* color: #000000;	 */
	}	
	
	#div_right .content ul li ul li,
	#div_left  .content ul li ul li{	
	list-style-type: none;	
	margin: 0px;
	padding-left: 10px;
	list-style-type: square;
	list-style-position: inside;
	}					
	
/*---------------- Bottom ---------- */
	#bottom{
		width: 970px;	
		border: 1px solid #CCCCCC;
		padding: 3px;
		margin: 0px;
		margin-bottom: 4px;	
		font: normal normal 8pt Tahoma;	
		text-align: center;
		direction: ltr;	
		color:#928D8D;
		background-color: #FFFFFF;
	}
	
	#bottom a{
	text-decoration: none;
	color: #000000;	
	}
		
	#bottom p{
	margin-top: 3px;
	margin-bottom: 3px;
	}