/* 
Design By:Nima Manouchehry pour && Fatemeh Golcari

 */
article, aside, audio, canvas, command, datalist, details, embed, figcaption, figure, footer, header, hgroup, keygen, meter, nav, output, progress, section, source, video{ display: block; }
mark, rp, rt, ruby, summary, time{ display: inline }

/* Left & Right alignment */

.left { float:left;}
.right { float:right;}
.wrapper { overflow: scroll;background: url(../images/photo-content.png);height: 540px;direction: rtl;color: #fff;text-align: justify;padding: 15px;font-size: 10pt;line-height: 20px;}

/* Global properties ======================================================== */

body{ /*background: url(../images/backg.jpg) 0 0 repeat;*/ border:0; font:10px tahoma, Helvetica, sans-serif; color:#636363; line-height:17px; text-transform:uppercase; min-width:960px; overflow:hidden}

.page_spinner{ position:absolute;background: url(../images/backg.jpg) 0 0 repeat #171717; z-index:99; width:100%; height:100%; top:0; left:0}
.page_spinner > div{background: url(../images/ajax-loader.gif) 50% 50% no-repeat; width:100%; height:100%; position:absolute; top:0; left:0}

/* Global Structure ============================================================= */

.main {	margin: 0 auto;	width: 980px; }

.bg1{ min-height:100%; height:auto !important; height:100%;}
body, html {height:100%;}


/* ============================= main layout ====================== */

a{ color:#636363; text-decoration: none; outline:none}
a:hover{ color:#fff}
h1{ padding:0 0 0px 645px;}
h2{ font-size:16px; color:#fff; font-weight: bold; line-height:1.2em; padding:11px 0 32px 0;}
p{ padding-bottom:17px;}

/* ============================= header ====================== */
header{ padding-top:30px;}

#logo{ display:block; text-indent:-9999px; /*background:url(../images/logo.png) 0 0 no-repeat;*/ width:295px;height:135px;margin-bottom:5px;margin-top:-10px;}
#logo1{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:315px;height:115px;}
.menu{ position:relative; z-index:2}
#menu 
{
     height:80px;
      padding-left:10px;}
#menu > li  
{
float:right;
 margin-right:9px;
width:124px;
height:54px;
background:url(../images/a.png) 0 0 no-repeat;
 position:relative;
 }
#menu > li > a{ display:block; font-size:12px; color:#fff; text-align:center; line-height:42px;padding-left:9px; position:relative; background:url(../images/a1-hover.png) repeat}
#menu > li > a:hover, #menu > .active > a{background:url(../images/a-hover.png) 0 0 no-repeat;color:#000;}
#menu > li > img{ position: absolute; top:0; left:0;}

.submenu_1{ position:absolute; top:58px; left:0; width:181px;}
.submenu_1 li{ margin-bottom:2px; position:relative;/*background:url(../images/suba.png) 0 0 no-repeat;*/}

.submenu_1 a{ display:block; border:1px solid #000;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; position:relative;}
.submenu_1 span{  position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #545454;background:url(../images/suba.png) 0 0 no-repeat;;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; }
.submenu_1 strong{ text-align:center;font-weight:normal; font-size:14px; color:#fff; line-height:34px; position:relative; display:block;height: 34px;}

.submenu_1 a:hover, .submenu_1 .sfHover > a{ border:1px solid #fff}
.submenu_1 .active{ border:1px solid #ababab; background: url(../images/submenu_bg_active.gif) 0 0 repeat-x #e7e7e7;}
.submenu_1 a:hover > strong, .submenu_1 .sfHover > a > strong{ color:#000}

.submenu_2{ position:absolute; top:0px; right:183px; width:181px;}

/* ============================= content ====================== */

#content{ height:538px !important; position:relative;overflow:hidden}
#content > ul > li{ height:476px; position:relative; overflow:hidden}
#content > ul{ position:relative; z-index:1}
#content > ul > #page_more{ height:auto !important}

#splash{ position:absolute; z-index:3;}
#splash_logo{ display:block; text-indent:-9999px; background:url(../images/logo.png) 0 0 no-repeat; width:661px; height:285px; margin:19px 0 0 246px}

#enter_button{ display:inline-block; border:1px solid #000;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; position:relative; margin:115px 0 0 410px}
#enter_button span{  position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #585858; background:url(../images/enter_button.gif) 0 0 repeat-x #181818;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; }
#enter_button strong{ padding:0 22px; font-size:14px;font-weight:normal; color:#fff; line-height:58px; position:relative; display:block}

#enter_button:hover{ border:1px solid #fff}
#enter_button .active{ border:1px solid #ababab; background: url(../images/submenu_bg_active.gif) 0 0 repeat-x #e7e7e7;}
#enter_button:hover strong{ color:#000}

.pad_bot1{ padding-bottom:24px}
.pad_bot2{ padding-bottom:12px}
.marg_right1{ margin-right:30px;}

.color1{ color:#fff;}
a.color1:hover{ color:#636363}

.button1{ display:inline-block; border:1px solid #000;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; position:relative;}
.button1 span{  position:absolute; left:0; top:0; right:0; bottom:0; border:1px solid #545454; background: url(../images/button1_bg.gif) 0 0 repeat-x #181818;border-radius: 2px; -moz-border-radius: 2px; -webkit-border-radius:2px; }
.button1 strong{ padding:0 18px; font-size:10px; color:#fff; line-height:30px; position:relative; display:block}

.button1:hover{ border:1px solid #fff}
.button1 .active{ border:1px solid #ababab; background: url(../images/submenu_bg_active.gif) 0 0 repeat-x #e7e7e7;}
.button1:hover strong{ color:#000}

.list1{}
.list1 li{ padding-bottom:5px;}
.list1 a{ padding-left:16px; background:url(../images/marker_1.gif) 0 3px no-repeat; color:#fff;}
 
.quot{ background:url(../images/quot.png) 0 0 no-repeat; padding-bottom:30px;}
.quot > span{ padding-left:26px;}

figure a{ display:block; position:relative;}
figure span{ position:absolute; top:0; left:0; width:100%; height:100%; background:url(../images/border.png) 0 0 no-repeat}

.cols{ width:86px; float:left;}

#map{ margin-bottom:28px;border-radius: 4px; -moz-border-radius: 4px; -webkit-border-radius: 4px; overflow:hidden; display:inline-block}
 
/* ============================= footer ====================== */

footer { text-align:center; padding-bottom:20px;}
footer a{}
footer a:hover{}

#icons{ padding:26px 0 30px 380px; overflow:hidden}
#icons li{ float:left; padding-right:10px;}
#icons a{ display:block; position:relative;}
#icons .img_act{ position:absolute; top:0; left:0}

/* ============================= forms ============================= */

#ContactForm{ position:relative;}
#ContactForm .wrapper{ overflow:inherit; min-height:49px;}
#ContactForm .success{ display:none; position:absolute; bottom:0; left:0;}
#ContactForm .success strong{ color:#fff;}
#ContactForm label{ position:relative;min-height:39px; display: inline-block;}
#ContactForm .message{ height:207px;}
#ContactForm  span{ display:block}
#ContactForm .error, #ContactForm .empty{ font-size:10px; color:#fff; line-height:14px; display:none; width:100%; text-transform: none}
#ContactForm a{ margin-left:20px; float:right;}
#ContactForm .input { margin:0;width:370px; height:13px; background: url(../images/spacer.gif) repeat; padding:12px 14px;color:#fff; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase}
#ContactForm textarea { overflow: auto; margin:0;width:490px; height:152px; background: url(../images/spacer.gif) repeat; padding:12px 14px;color:#fff; font:10px Arial, Helvetica, sans-serif; text-transform:uppercase}


#ContactForm  .bg{  border:1px solid #545454;  position:relative;border-radius: 6px; -moz-border-radius: 6px; -webkit-border-radius: 6px; display:inline-block;}