@charset "utf-8";
/* CSS Document */

body{
	font-size:11px;
	font-family:tahoma, Arial, sans-serif;
	margin:0;
	padding:0;
	background:url(../images/fa/bg-body.jpg) repeat-x #f4e8db;
	text-align:right;
}

img{
	border:0px;
}

.clear{
	line-height:0px;
	font-size:0px;
	clear:both;
}

.link-index{
	position:absolute;
	margin:-100px 0 0 10px;
	top:130px;
	left:0 ;
	clear:both;
}

.link-index a{
	width:200px;
	height:100px;
	display:inline-block;
	color:#E7CAAA;
}

#wrapper{
	min-width:960px;
	clear:both;
}

#container{
	width:960px;
	margin:0 auto !important;
	padding:0 !important;
	position:relative;
}

#header{
	width:960px;
	height:141px;
	background:url(../images/fa/header.jpg) no-repeat;
	clear:both;
}

#header1{
	width:960px;
	height:245px;
	background:url(../images/fa/header1.jpg) no-repeat;
	clear:both;
}

#header2{
	width:960px;
	height:245px;
	background:url(../images/fa/header2.jpg) no-repeat;
	clear:both;
}

#header3{
	width:960px;
	height:245px;
	background:url(../images/fa/header3.jpg) no-repeat;
	clear:both;
}

#header4{
	width:960px;
	height:245px;
	background:url(../images/fa/header4.jpg) no-repeat;
	clear:both;
}

#header5{
	width:960px;
	height:245px;
	background:url(../images/fa/header5.jpg) no-repeat;
	clear:both;
}

#header6{
	width:960px;
	height:245px;
	background:url(../images/fa/header6.jpg) no-repeat;
	clear:both;
}

#header7{
	width:960px;
	height:245px;
	background:url(../images/fa/header7.jpg) no-repeat;
	clear:both;
}

#header8{
	width:960px;
	height:245px;
	background:url(../images/fa/header8.jpg) no-repeat;
	clear:both;
}

#login{
	width:960px;
	direction:rtl;
	padding:30px 0 0 0;
	clear:both;
}

#menu{
	width:960px;
	direction:rtl;
	height:auto;
	padding-top:40px;
	clear:both;
}

#menu a{
	height:35px;
	cursor:pointer;
	display:inline-block;
	padding-left:40px;
}

#menu img{
	border:0px;
}

#feature{
	width:960px;
	height:378px;
	background:url(../images/fa/bg-header.jpg) no-repeat;
	clear:both;
}

#main{
	width:960px;
	background:url(../images/fa/bg-main.jpg) repeat-y;
	clear:both;
}

#nav-left{
	width:658px;
	min-height:337px;
	background:url(../images/fa/bg-left.jpg) no-repeat #eccea8;
	float:left;
}

#random-image{
	width:285px;
	height:265px;
	background:url(../images/fa/ghab.png) no-repeat;
	margin-top:40px;
	margin-left:10px;
	float:left;
	z-index:3;
}

#image{
	position:relative;
	top:17px;
	
	left:-16px;
	
	z-index:1;
}

#text{
	width:330px;
	padding:0 15px 0 0;
	float:right;
}

.box1{
	width:290px;
	height:130px;
	background:url(../images/fa/note.png) no-repeat;
	background-position:left;
	padding:12px 28px 18px 12px;
	clear:both;
}

.titr{
	clear:both;
}

.title{
	color:#6a4331;
	padding:20px 0 8px 0;
	direction:rtl;
	clear:both;
}

.content{
	color:#876558;
	direction:rtl;
	clear:both;
}

.more{
	text-align:left;
	padding:10px 0 0 0;
	clear:both;
}

.box2{
	width:290px;
	height:130px;
	background:url(../images/fa/cup.png) no-repeat;
	background-position:right;
	padding:12px 28px 12px 12px;
	clear:both;
}

#nav-right{
	width:302px;
	min-height:337px;
	background:url(../images/fa/bg-right.jpg) no-repeat #7d2412;
	float:left;
}

#middle-right{
	width:265px;
	height:269px;
	background:url(../images/fa/bg-right-2.jpg) no-repeat;
	margin:0 auto;
	clear:both;
}

#ghomeyshi{
	width:265px;
	margin:0 auto;
	clear:both;
}

#ghadam-range{
	width:219px;
	height:33px;
	padding:80px 23px 0 23px;
	color:#ffbc7e;
	line-height:17px;
	direction:rtl;
	clear:both;
}

#fenjan-chay{
	width:219px;
	height:33px;
	padding:28px 23px 0 23px;
	line-height:17px;
	direction:rtl;
	color:#ffbc7e;
	clear:both;
}

#note-khamoosh{
	width:219px;
	height:33px;
	padding:28px 23px 0 23px;
	color:#ffbc7e;
	direction:rtl;
	line-height:17px;
	clear:both;
}

#footer{
	width:940px;
	height:80px;
	background:url(../images/fa/footer1.png) no-repeat;
	direction:rtl;
	padding:0 20px 0 0;
	clear:both;
}

#footer table tr td{
	padding:4px 5px;
}

#ground {
	margin:-167px 0 0 !important;
	margin:-168px 0 0;
	
	background:url(../images/fa/bg.jpg) repeat-x #6d583b;
	min-width:960px;
}

#ground_background {
	background:transparent url(../images/fa/washington-background.jpg) no-repeat scroll 50% 50%;
	height:133px;
	padding:145px 0 0;
	width:auto;
}

.bottom-menu-area{
	width:870px;
	padding:18px 0 17px 0;
	margin:0 auto;
	text-align:left;
	clear:both;
}

.menu-bottom{
	width:870px;
	clear:both;
}

.menu-bottom a{
	display:inline-block;
	cursor:pointer;
	text-decoration:none;
	color:#9e825f;
	padding:0 10px;
}

.footer-site{
	width:870px;
	color:#7d6546;
	padding:10px 0;
	line-height:16px;
	clear:both;
}

.footer-site a{
	text-decoration:none;
	color:#7d6546;
}

.footer-site a:hover{
	color:#CCCCCC;
}

/*------------------------------------------------*/
/*-------------------light box--------------------*/
/*------------------------------------------------*/




#facebox .b {
  background:url(../images/fa/b.png);
}

#facebox .tl {
  background:url(../images/fa/tl.png);
}

#facebox .tr {
  background:url(../images/fa/tr.png);
}

#facebox .bl {
  background:url(../images/fa/bl.png);
}

#facebox .br {
  background:url(../images/fa/br.png);
}

#facebox {
  position: absolute;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 100;
  text-align: right;
}

#facebox .popup {
  position: relative;
}

#facebox table {
  margin: auto;
  border-collapse: collapse;
}

#facebox .body {
  padding: 10px;
  background: #F3E3D3;
  width: 370px;
}

#facebox .loading {
  text-align: center;
}

#facebox .image {
  text-align: center;
}

#facebox img {
  border: 0;
}

#facebox .footer {
  border-top: 1px solid #DDDDDD;
  padding-top: 5px;
  margin-top: 10px;
  text-align: right;
}

#facebox .tl, #facebox .tr, #facebox .bl, #facebox .br {
  height: 10px;
  width: 10px;
  overflow: hidden;
  padding: 0;
}

#mydiv{
	direction:rtl;
}

/*------------------------------------------------*/
/*-----------------content about------------------*/
/*------------------------------------------------*/

.content-about{
	width:635px;
	height:743px;
	background:url(../images/fa/about-back1.gif) no-repeat;
	margin:0 auto;
	clear:both;
}

/*------------------------------------------------*/
/*--------------------mardomak--------------------*/
/*------------------------------------------------*/

.title-page-image{
	width:590px;
	margin:0 auto;
	padding:0 0 25px 0;
	clear:both;
}

.title-page{
	width:437px;
	text-align:12px;
	font-weight:600;
	text-align:center;
	padding:20px 0 0 80px;
	direction:rtl;
	float:left;
}

.title-page-chay{
	text-align:12px;
	font-weight:600;
	text-align:center;
	padding:5px 0 0 40px;
	direction:rtl;
	clear:both;
}

.title-page-policy table tr td{
	font-size:12px;
	font-weight:600;
	text-align:center;
	margin:30px 0;
	padding:5px 0 0 40px;
	clear:both;
}

.title-page-policy{
	margin:15px 0;
	padding:5px 0 0 40px;
	clear:both;
}

.titla-image{
	width:70px;
	height:25px;
	clear:both;
}

.title-image-chay{
	padding:10px 40px 0 0;
	clear:both;
}

.title-image-kereshmeh{
	padding:10px 40px 0 0;
	clear:both;
}

.chay-title{
	font-size:10px;
	color:#3a2a19;
	direction:rtl;
	font-weight:normal;
}

.mardomak-image{
	width:554px;
	height:381px;
	background:url(../images/fa/mardomak-frame.gif) no-repeat;
	margin:0 auto;
	padding:30px 36px 0 0;
	clear:both;
}

.mardomak-image2{
	width:391px;
	height:578px;
	background:url(../images/fa/frame-4.gif) no-repeat;
	margin:0 auto;
	padding:32px 34px 0 0;
	clear:both;
}

.ghalamranje-image{
	width:562px;
	height:227px;
	background:url(../images/fa/frame-3.gif) no-repeat;
	margin:20px auto;
	padding:33px 25px 0 0;
	clear:both;
}

.text{
	color:#6a4c2d;
	text-align:justify;
	padding:20px 30px;
	line-height:20px;
	direction:rtl;
	clear:both;
}

.dashed{
	width:580px;
	height:6px;
	background:url(../images/fa/dashed.jpg) no-repeat;
	margin:0 auto;
	clear:both;
}

.icon-area{
	padding:13px 20px 0 0;
	clear:both;
}

.icon-box{
	width:86px;
	height:92px;
	float:right;
}

.icon-image{
	text-align:center;
	clear:both;
}

.icon-text{
	color:#21180e;
	text-align:center;
	direction:rtl;
	clear:both;
}

.icon-text a{
	text-decoration:none;
	color:#21180e;
}

.comment{
	background:#FFFFFF;
	display:none;
	clear:both;
}

.hide-div{
	cursor:pointer;
}

.comment-header{
	width:658px;
	height:117px;
	background:url(../images/fa/header-comment.jpg) no-repeat;
	clear:both;
}

.comment-middle{
	width:658px;
	clear:both;
}

.comment-footer{
	width:658px;
	height:27px;
	background:url(../images/fa/footer-comment.jpg) no-repeat;
	clear:both;
}

.comment-box{
	direction:rtl;
	line-height:18px;
	color:#6a4c2;
	clear:both;
}

.comment-box td{
	padding:0 15px 0 15px;
}

.bottom-line{
	height:2px;
	background:url(../images/fa/line.jpg) no-repeat;
	margin:10px 0;
	clear:both;
}

.top-comment{
	vertical-align:top;
	color:#000;
}

.comment-header-left{
	width:312px;
	text-align:left;
	padding:73px 0 0 14px;
	float:left;
}

.comment-header-left a{
	color:#000000;
	text-decoration:none;
}

.comment-header-right{
	width:246px;
	padding:73px 80px 0 0;
	font-size:12px;
	font-weight:600;
	float:right;
}

.piano{
	width:597px;
	height:216px;
	background:url(../images/fa/kereshme-start-back-16.png) no-repeat;
	margin:70px auto;
	clear:both;
}

.piano-left{
	width:243px;
	direction:ltr;
	text-align:left;
	padding:120px 0 0 40px;
	float:left;
}

.piano-left a{
	position:absolute;
	display:block;
	width:164px;
	height:61px;
	background:url(../images/fa/1.png) no-repeat;
	color:#E4D3C2;
	text-decoration:none;
	cursor:pointer;
}

.piano-left a:hover{
	width:164px;
	height:61px;
	background:url(../images/fa/2.png) no-repeat;
}


.piano-right{
	width:253px;
	direction:rtl;
	padding:35px 20px 0 0;
	float:right;
}

.piano-right a{
	position:absolute;
	color:#E4D3C2;
	text-decoration:none;
	display:block;
	width:166px;
	height:61px;
	background:url(../images/fa/start-kereshme-off.png) no-repeat;
	cursor:pointer;
}

.piano-right a:hover{
	width:166px;
	height:61px;
	background:url(../images/fa/start-kereshme-on.png) no-repeat;
}

.moosighi{
	width:233px;
	height:345px;
	background:url(../images/fa/moosighi.jpg) no-repeat;
	margin:20px auto;
	color:#ffbc7e;
	text-align:center;
	padding:65px 16px 15px 16px;
	line-height:18px;
	font-weight:600;
	font-size:12px;
}

.box-right{
	width:265px;
	margin:0 auto;
}

.box-right-title-mardomak{
	width:265px;
	height:51px;
	background:url(../images/fa/akshaye_akhir.jpg) no-repeat;
	clear:both;
}

.box-right-title-kereshmeha{
	width:265px;
	height:51px;
	background:url(../images/fa/kereshmeha.jpg) no-repeat;
	clear:both;
}

.box-right-title-navaranjeh{
	width:265px;
	height:51px;
	background:url(../images/fa/navaranjeh-title.jpg) no-repeat;
	clear:both;
}

.box-right-title-chay{
	width:265px;
	height:51px;
	background:url(../images/fa/maghalat.jpg) no-repeat;
	clear:both;
}

.box-right-title-ghalam{
	width:265px;
	height:51px;
	background:url(../images/fa/ghalam.jpg) no-repeat;
	clear:both;
}

.box-right-middle{
	width:235px;
	height:354px;
	background:url(../images/fa/bg-right-box.jpg) no-repeat;
	padding:10px 15px;
}


.box-right-middle-chay{
	width:215px;
	height:354px;
	background:url(../images/fa/bg-right-box.jpg) no-repeat;
	padding:10px 25px;
	color:#ffbc7e;
	direction:rtl;
	line-height:19px;
}

.box-right-middle-chay a{
	color:#ffbc7e;
	display:block;
	text-decoration:none;
}

.box-right-middle-ghalam{
	width:215px;
	height:354px;
	background:url(../images/fa/bg-right-box.jpg) no-repeat;
	padding:10px 25px;
	color:#ffbc7e;
	line-height:19px;
	direction:rtl;
}

.box-right-middle-kereshmeha{
	width:215px;
	height:354px;
	background:url(../images/fa/bg-right-box.jpg) no-repeat;
	padding:10px 25px;
	color:#ffbc7e;
	line-height:19px;
}

.box-right-middle-ghalam a{
	color:#ffbc7e;
	display:block;
	text-decoration:none;
	direction:rtl;
}

.thumbnail{
	width:65px;
	height:44px;
	background:url(../images/fa/frame-thumbnail.png) no-repeat;
	margin:8px 4px;
	padding:3px 4px 0 0;
	float:left;
}

.about-right{
	width:295px;
	margin:35px auto;
	clear:both;
}

.content-middle{
	text-align:justify;
	direction:rtl;
	color:#897158;
	padding:90px 110px 0 100px;
	line-height:20px;
	clear:both;
}

.content-links{
	padding:5px 0 0 75px;
	direction:ltr;
	text-align:left;
	clear:both;
}

.content-links table tr td{
	padding:0 12px 0 0;
}

.content-middle-title{
	color:#4e3821;
	font-weight:600;
	padding:3px 0;
	clear:both;
}

.content-middle-text{
	height:430px;
	color:#BFA077;
	overflow:hidden;
	clear:both;
}

/*------------------------------------------------*/
/*--------------------contact--------------------*/
/*------------------------------------------------*/

select{
	font-family:tahoma, Arial, sans-serif;
	font-size:11px;
}

.top{
	vertical-align:top;
}

.star{
	color:#FF0000;
}

textarea{
	font-family:tahoma, Arial, sans-serif;
	font-size:11px;
}

.contact-form{
	width:450px;
	direction:rtl;
	margin:30px auto;
	clear:both;
}

input{
	font-family:tahoma, Arial, sans-serif;
	font-size:11px;
}

.trshadow{
	padding:5px;
	background:#e6d6bd;
	color:#333333;
}

.trlight{
	padding:5px;
	background:#f2e7d5;
	color:#333333;
}

#table1 tr td{
	padding:5px;
}

/*------------------------------------------------*/
/*--------------------register--------------------*/
/*------------------------------------------------*/

.register{
	width:500px;
	margin:30px auto;
	direction:rtl;
	clear:both;
}

#table2 tr td{
	padding:5px;
}

/*------------------------------------------------*/
/*-------------------kereshmeh 1------------------*/
/*------------------------------------------------*/

.cd-box{
	width:581px;
	height:417px;
	background:url(../images/fa/cd.png) no-repeat;
	margin:0 auto;
	padding:32px 0 0 47px;
	text-align:left;
	z-index:300;
	clear:both;
}

.player{
	width:534px;
	height:175px;
	margin:0 auto;
	clear:both;
}

.kereshmeh-box{
	width:205px;
	background:#842b14;
	padding:5px;
	margin:0 auto 10px auto;
	clear:both;
}

.navaranjeh-box{
	width:209px;
	background:#842b14;
	padding:3px;
	margin:0 auto 10px auto;
	text-align:left;
	color:#fff5df;
	clear:both;
}

.kereshmeh-box-left{
	width:93px;
	text-align:left;
	float:left;
}

.kereshmeh-box-right{
	width:105px;
	padding:0 0 0 5px;
	float:right;
}

.kereshmeh-box-right table{
	text-align:left;
}

.cd-cover{
	width:83px;
	height:82px;
	background:url(../images/fa/cd-cover.png) no-repeat;
	padding:4px 0 0 10px;
	clear:both;
}

.title-cover{	
	color:#fff5df;
	font-weight:700;
}

.time-cover{
	color:#d4976f;
}


/*------------------------------------------------*/
/*---------------------comment--------------------*/
/*------------------------------------------------*/

.comment-page{
	width:566px;
	height:358px;
	background:url(../images/fa/comment-bg.png) no-repeat;
	margin:0 auto;
	clear:both;
}

.title-comment-page{	
	direction:rtl;
	padding:40px 120px 0 0;
	clear:both;
}

.form-comment-page{
	width:470px;
	margin:20px auto 0 auto;
	direction:rtl;
	clear:both;
}

.gray{
	color:#6f512f;
}

.comment-form{
	width:292px;
	height:18px;
	background:url(../images/fa/form-comment.jpg) no-repeat;
	padding:4px 4px 0 4px;
	border:0px;
}

.comment-form-text{
	width:347px;
	height:94px;
	background:url(../images/fa/form-comment-text.jpg) no-repeat;
	padding:4px;
	border:0px;
}

.send-comment{
	width:66px;
	height:25px;
	background:url(../images/fa/send-comment.jpg) no-repeat;
	border:0px;
	cursor:pointer !important; 
}

.clear-comment{
	width:105px;
	height:26px;
	background:url(../images/fa/clear-button.jpg) no-repeat;
	border:0px;
	cursor:pointer;
}

.send-page{
	width:566px;
	height:358px;
	background:url(../images/fa/send-to-freind.png) no-repeat;
	margin:0 auto;
	clear:both;
}

.form-send-page{
	width:410px;
	padding:90px 0 0 0;
	margin:0 auto;
	direction:rtl;
	clear:both;
}

.paging{
	clear:both;
	color:#FFFFFF;
}

.page-navigation{
	font-family:Tahoma, trebuchet, helvetica, arial, geneva, sans-serif;
	color:#CCCCCC; 
	text-align:left;
	font-size: 75%; /* Resets 1em to 12px */
	display:block;
	font-size:10px; 
	clear:both; 
	overflow:hidden;
	margin:0; 
	padding:0.5em 0;
}
			.page-navigation a, .page-navigation a:visited, .page-navigation span {color:#FFBC7E;padding:0 4px; text-decoration:none;}
			.page-navigation a:hover {text-decoration:underline;}
			
			.page-navigation a.previous, .page-navigation a.previous:visited, .page-navigation span.previous{
				padding:0 4px 0 16px;
			}
			.page-navigation a.next, .page-navigation a.next:visited, .page-navigation span.next{
				padding:0 16px 0 4px;
			}

.gray a{
	text-decoration:none;
	font-weight:600;
	color:#666666;
}

.gray a:hover{
	color:#000;
}