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

body 
{
    margin: 0px;
    padding: 0px;
    font-family:Tahoma, Verdana, Sans-Serif, Arial;
    font-size: 11px;
    color: #101010;
    background-image:url(../Images/body-main-bg.gif);
    background-attachment:scroll;
    background-position:0px 0px;
    background-repeat:repeat-x;
}

p{ padding:0px; margin:0px}


#warper
{
    background-color: transparent;
    background-image:url(../Images/background.png);
    background-attachment:scroll;
    background-position:center center;
    background-repeat: repeat-y ;
    
    width: 100%;
    height: auto;
    padding: 0px;
    margin: 0px;
    display:block;
}
    
/* --[header]-------------------------- */
#header
{
    display:block;
    height: auto;
}
#header #header-space
{
    height:71px;
    background-color:#f3f3f3;
}
#header #header-nav
{
    position:relative;
    height: 32px;
    display:block;
    background-image: url(../Images/menu-bg.png);
    background-attachment:scroll;
    background-position:0px 0px;
    background-repeat:repeat-x;
}
#header-nav ul
{   
    list-style: none;
    padding: 0px;
    margin: 0px;
	/*
	background-color:#00719f;
	*/
}
#header-nav li
{
    float: left;
    margin: 0 0.01em;
	height:32px;
}
#header-nav li a
{
    height: 2em;
    line-height: 2.7em;
    float: left;
    display: block;
    color: #f9f9f9;
    text-decoration: none;
    text-align: center;
    /*
	font-weight:bold;
	*/
	padding:0px 10px;
}
#header-nav li a:link, #header-nav li a:visited
{
    height: 2em;
    line-height: 2.7em;
    float: left;
    display: block;
    color: #f9f9f9;
    text-decoration: none;
    text-align: center;
    /*
	font-weight:bold;
	*/
	padding:0px 10px;
}
#header-nav li a:hover
{
    color:#ffe300;
}

/* Hide from IE5-Mac \*/
#header-nav li a
{
float: none
}
/* End hide */

.trace ul{
	margin:0px;
	padding:0px;
	margin-left:5px;
	margin-right:5px;
	list-style:none;
}

.trace li{
	float:right;
	padding:4px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:12px;
}

.trace li a{
	color:#FFFFFF;
	font-weight:bold;
	font-size:11px;
	text-decoration:none;
}

#header #header-logo
{
    position:relative;
    height:130px;
    top:0px;
    display:block;
    text-indent:-9999px;
    background-image: url(../Images/logo-top-nav.png);
    background-attachment:scroll;
    background-position:50% 0px;
    background-repeat:no-repeat;
}
#header #header-top-banner
{
    height:200px;
    margin:28px 0 0;
    overflow:hidden;
    display:block;
	padding-top:5px;
}
.noPaddingMargin
{
    margin: 0px;
    padding: 0px;
}
#sBox {border: 0px none transparent;}
#sBox #sidebar-fa {width:301px; vertical-align:top;}
#sBox #sidebar-en {width:301px; vertical-align:top;}

#body-tbl.fa{
	direction:ltr;
}
#body-tbl.en{
	direction:rtl;
}

#sidebar-box
{
    border:solid 0px #555555;
    /*
	margin:0px;
	*/
    padding:0px;
    vertical-align:top;

	background-image:url(../Images/sidebox-bg-box.jpg);
	background-attachment:scroll;
	background-position:50% 26px;
}
#sidebar-box label
{
    margin:0px 12px;
    font-family:Tahoma, "Lucida Sans Unicode", Sans-Serif, Verdana, Arial;
    font-weight:bolder;
    color:#FFFFFF;
    font-size: 12px;
	display:block;
}
#sidebar-box img 
{
    width:283px;
    height:78px;
    display:block;
    border:solid 1px #888888;
    margin:4px auto;
}
#sidebar-box input[type="button"].fa
{
    border:solid 0px transparent;
    margin:5px;
    background-attachment:scroll;
    background-position:-106px 0;
    background-repeat:no-repeat;
    background-image: url(../Images/btn-more.png);
    background-color:transparent;
    width:95px;
    height:27px;
    font-size:0px;
    cursor:pointer;
}
#sidebar-box input[type="button"].en
{
    border:solid 0px transparent;
    margin:5px 5px 5px 138px;
    background-attachment:scroll;
    background-position:0 0;
    background-repeat:no-repeat;
    background-image: url(../Images/btn-more.png);
    background-color:transparent;
    width:95px;
    height:27px;
    font-size:0px;
    cursor:pointer;
}
#sidebar-box .title-fa
{
    height:26px;
    width:100%;
    overflow:hidden;
    padding-top:4px;
    text-align:right;
    
    background-attachment:scroll;
    background-position:0 0;
    background-repeat:repeat-x;
    background-image: url(../Images/box-header-bg.png);
}
#sidebar-box .title-en
{
    height:26px;
    width:100%;
    overflow:hidden;
    padding-top:4px;
    text-align:left;
    
    background-attachment:scroll;
    background-position:0 0;
    background-repeat:repeat-x;
    background-image: url(../Images/box-header-bg.png);
}
#sidebar-box .list-fa
{
    /*
	margin:0px;
	*/
    direction:rtl;
    list-style:decimal;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
}
#sidebar-box .list-en
{
    /*
	margin:0px;
	*/
    direction:ltr;
    list-style:decimal;
	padding-top:0px;
	padding-bottom:0px;
	margin-bottom:0px;
	margin-top:0px;
}
#sidebar-box li
{
    margin:3px 0px;
}
#sidebar-box div.link-title
{
    color:#2b211e;
    font-weight:bold;
}
#sidebar-box a.links-url
{
    font-size:9px;
}
#sidebar-box a 
{
    color:#004f74;
    text-decoration:none;
}
#sidebar-box a:hover
{
    color:#004f74;
    padding-bottom:1px;
    border-bottom:solid 1px #004f74;
}
#content-fa
{
    direction:rtl;
    text-align:right;
    width:720px;
    vertical-align:top;
}
#content-en
{
    direction:ltr;
    text-align:left;
    width:720px;
    vertical-align:top;
}
#Content-box
{
    margin:0px;
    padding:0px;
    vertical-align:top;
	min-height:424px;
}
#Content-box.fa
{
	background-image:url(../Images/content-theme-bg.png);
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:0px 34px;
}
#Content-box.en
{
	background-image:url(../Images/content-theme-bg.png);
	background-attachment:scroll;
	background-repeat:repeat-x;
	background-position:0px 34px;
}
#Content-box ul{
	list-style:none;
	padding:0px;
	margin:0px;
}
#Content-box .title-fa
{
    height:34px;
    width:100%;
    overflow:hidden;
    padding-top:4px;
    text-align:right;
    
    background-attachment:scroll;
    background-position:0 0;
    background-repeat:repeat-x;
    background-image: url(../Images/content-box-header-bg.png);
}
#Content-box .title-en
{
    height:34px;
    width:100%;
    overflow:hidden;
    padding-top:4px;
    text-align:left;
    
    background-attachment:scroll;
    background-position:0 0;
    background-repeat:repeat-x;
    background-image: url(../Images/content-box-header-bg.png);
}
#Content-box .title-fa label
{
	color:#FFFFFF;
	display:block;
	font-family:Tahoma,"Lucida Sans Unicode",Sans-Serif,Verdana,Arial;
	font-size:12px;
	font-weight:bolder;
	height:32px;
	line-height:31px;
	margin-top:-4px;
	/*
	width:100px;
	*/
	padding:0px 26px;

    background-attachment:scroll;
    background-position:right 0;
    background-repeat:no-repeat;
    background-image: url(../Images/content-title-bg-fa.png);	
}
#Content-box .title-en label
{
	color:#FFFFFF;
	display:block;
	font-family:Tahoma,"Lucida Sans Unicode",Sans-Serif,Verdana,Arial;
	font-size:12px;
	font-weight:bolder;
	height:32px;
	line-height:31px;
	margin-top:-4px;
	/*
	width:100px;
	*/
	padding:0px 26px;

    background-attachment:scroll;
    background-position:left 0;
    background-repeat:no-repeat;
    background-image: url(../Images/content-title-bg-en.png);	
}

#Content-box .Client-Title
{
    margin:0px 0px;
    font-family:"Lucida Sans Unicode", Sans-Serif, Verdana, Arial, Tahoma;
    font-weight:bolder;
    color:#4f3d3d;
    font-size: 13px;
	padding:5px 0px 0px 0px;
}
#Content-box p
{
	margin:0px;
	padding:0px;
}
#Content-box #Client-list
{
	margin: 2px 0px 17px 0px;
}
#Client-list a:link, a:visited
{
	font-family: tahoma, Arial;
	font-size: 11px;
	text-decoration:none;
	margin-bottom:2px;
	color:#004f74;
	padding-top:4px;
}
#Client-list a:hover
{
	font-family: tahoma, Arial;
	font-size: 11px;
	text-decoration:none;
	border-bottom: #004f74 1px solid;
	color:#004f74;
	margin-bottom:2px;
}
#Client-list #Client-logo 
{
	width:150px;
	height:auto;
	overflow:hidden;
	position:relative;
	display:block;
	margin:5px;
	
}
#Client-list #Client-logo.fa
{
	float:right;
}
#Client-list #Client-logo.en
{
	float:left;
}
#Client-list .Client-Date
{
	font-weight:normal;;
	font-size:11px;
	color:#777;
	padding:2px 3px;
}
#Client-list p{
	width:93%;
	text-align:justify;
	line-height:140%;
}
#Links-list 
{
	padding:10px;
	
}
#Links-list p{
	margin:3px 9px;
	font-size:11px;
	color:#666;
	padding-bottom:4px;
}
#Links-list .Links-Title
{
	text-shadow:1px 1px #fff;
	font-weight:bolder;
	font-size:13px;
	color:#545454;
	
	
}

#Content-box #Links-list a:link,#Links-list a:visited
{
	background-color:#eee;
	clip:auto;
	padding:2px 8px 3px 8px;
	
	text-decoration:none;
	color:#0b8bc6;
	margin:0px 9px;
	-moz-border-radius:3px 3px;
}
#Content-box #Links-list a:hover
{
	background-color:#000;
	clip:auto;
	padding:2px 8px 3px 8px;
	
	text-decoration:none;
	color:#fff;
	-moz-border-radius:3px 3px;
}

#Contact-Content
{
	margin:40px auto;
	/*
	width:650px;
	*/
	
}
#Contact-Content td.form 
{
	width:450px;
	vertical-align:top;
	padding-right: 15px;
}
#Contact-Content td.info 
{
	width:200px;
	vertical-align:top;
}
#Contact-Content td.en 
{
	border-left: solid 1px #bbb;
}
#Contact-Content td.fa 
{
	border-right: solid 1px #bbb;
}
#Contact-Content h2{
	color:#444444;
	text-shadow:1px 1px #fff;
	font-family: sans-serif, Verdana, Tahoma;
	
}
#Contact-Content label
{
	font-family:Tahoma, Verdana, sans-serif;
	font-size:12px;
	font-weight:bold;
	color:#111111;
	margin:10px 4px 3px 4px;
	width:100%;
	display:block;
	
}
#Contact-Content input[type="submit"]
{
	-moz-border-radius:3px 3px;
	border:none;
	font-family:Tahoma, Verdana, sans-serif;
	font-size:11px;
	width:80px;
	background-color:#555;
	color:#eee;
	height:25px;
	margin-top:12px;
	cursor:pointer;
}
#info-colm p{
	margin:5px;
}
#info-colm h2{
	margin:10px 5px 3px 5px;
}
#Content-box table.aboutus
{
	/*
	width:650px;
	*/
	margin:10px;
	overflow:hidden;
}

#Client-list #News-img 
{
	overflow:hidden;
	position:relative;
	display:block;
	margin:5px;
	border:solid 3px #555;
	
}
#Client-list #News-img.fa
{
	float:right;
}
#Client-list #News-img.en
{
	float:left;
}

#Gallery-tbl
{
	width:85%;
	margin:40px auto;
}
#Gallery-tbl td {
	width:25%;
	overflow:hidden;
	height:170px;
	background-color:transparent;
	border:none;
	vertical-align:top;
	
}
#Gallery-tbl div.Gallery-album{
	background-attachment:scroll;
	background-position:center center;
	background-repeat:no-repeat;
	border:medium none;
	height:130px;
	margin:10px;
	overflow:hidden;
	width:110px;
}
#Gallery-tbl div.Gallery-title{
	border:medium none;
	height:25px;
	margin:0 10px;
	text-align:center;
	width:110px;
}

#Content-box #Gallery-tbl a:link,#Gallery-tbl a:visited
{
	background-color:#eee;
	clip:auto;
	padding:2px 8px 3px 8px;
	
	text-decoration:none;
	color:#0b8bc6;
	margin:0px 9px;
	-moz-border-radius:3px 3px;
	white-space:nowrap;
}
#Content-box #Gallery-tbl a:hover
{
	background-color:#000;
	clip:auto;
	padding:2px 8px 3px 8px;
	
	text-decoration:none;
	color:#fff;
	-moz-border-radius:3px 3px;
	white-space:nowrap;
}



#Project-tbl
{
	width:95%;
	margin:0px auto;
}
#Project-tbl td {
	width:50%;
	overflow:hidden;
	height:170px;
	background-color:transparent;
	border:none;
	vertical-align:top;
	
}
#Project-tbl div#Project-tumb{
	background-attachment:scroll;
	background-position:center center;
	background-repeat:no-repeat;
	border:medium none;
	height:130px;
	margin:10px;
	overflow:hidden;
	width:110px;
}
#Project-tbl div#Project-tumb.fa{
	float:right;
}
#Project-tbl div#Project-tumb.en{
	float:left;
}
#Project-tbl div.Project-title{
	border:medium none;
	height:5px;
	margin:16px;
	width:auto;
}

#Content-box #Project-tbl a:link,#Project-tbl a:visited
{
	background-color:#eee;
	clip:auto;
	padding:2px 8px 3px 8px;
	
	text-decoration:none;
	color:#0b8bc6;
	margin:0px;
	-moz-border-radius:3px 3px;
	white-space:nowrap;
}
#Content-box #Project-tbl a:hover
{
	background-color:#000;
	clip:auto;
	padding:2px 8px 3px 8px;
	
	text-decoration:none;
	color:#fff;
	-moz-border-radius:3px 3px;
	white-space:nowrap;
}
#Content-box #Project-tbl div#Desc 
{
	display:block;
	height:69px;
	max-height:69px;
	overflow:hidden;
}
#Project-tbl #more-img-list{
	width:100%;
	height:100px;
	display:block;
	padding:0px 5px;
	background-color:#ffffff;
	border:solid 1px #cccccc;
}
#Project-tbl #more-img-list img{
	border:medium none;
	cursor:pointer;
	float:left;
	height:66px;
	margin:6px 0 0 7px;
	width:67px;
}
#Project-tbl #more-img-list div#img-frane
{
	width:81px;
	height:81px;
    background-attachment:scroll;
    background-position:center center;
    background-repeat:no-repeat;
    background-image: url(../Images/placeholder-icon.gif);
	overflow:hidden;
	
}

#Project-tbl #img-frane.fa{
	float:left;
}
#Project-tbl #img-frane.en{
	float:right;
}
#Project-tbl #more-img-list .img-list-spacer{
	width: auto;
	height:auto;
	margin:10px 20px;
	
}

/*--[Icon]---------------------*/
div#Doc-icon{
	width:48px;
	height:48px;
	background-attachment:scroll;
	background-position:50% 50%;
	background-repeat:no-repeat;
	background-color:transparent;
	text-indent:-99999px;
}
#Doc-icon.fa{float:right;}
#Doc-icon.en{float:left;}

div#Doc-icon.png{
	background-image:url(../Images/png.png);
}
#footer{
	background-attachment:scroll;
	background-color:#eeeeee;
	background-image:url(../Images/first-menu-shadow.png);
	background-repeat:repeat-x;
	border-top:1px solid #E9E9E9;
	height:30px;
}
#footer p {
	margin:10px;
	width:100%;
	color:#222222;
	text-align:center;
}
#footer p.fa {
	direction:rtl;
	float:right;
}
#footer p.en {
	direction:ltr;
	float:left;
}


#footer #footer-nav
{
	display:block;
	margin:0 auto;
	position:relative;
	text-align:center;
	width:800px;
}
#footer-nav ul
{   
    list-style: none;
    margin: 3px auto;
}
#footer-nav li
{
    float: left;
    margin: 0 0.15em;
	padding:0px 3px
}
#footer-nav li a
{
    height: 2em;
    line-height: 2.7em;
    float: left;
    width: 7.4em;
    display: block;
    color: #f9f9f9;
    text-decoration: none;
    text-align: center;
	padding:0px;
}
#footer-nav li a:link
{
    height: 2em;
    line-height: 2.7em;
    float: left;
    width: 7.4em;
    display: block;
    color: #f9f9f9;
    text-decoration: none;
    text-align: center;
	padding:0px;
}
#footer-nav li a:visited
{
    height: 2em;
    line-height: 2.7em;
    float: left;
    width: 7.4em;
    display: block;
    color: #f9f9f9;
    text-decoration: none;
    text-align: center;
	padding:0px;
}
#footer-nav li a:hover
{
    color:#000000;
	font-weight:bold;
}

/* Hide from IE5-Mac \*/
#footer-nav li a
{
float: none
}
/* End hide */



ul.dropdown, ul.dropdown li, ul.dropdown ul {
/*
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;  */
	margin:0;
	padding:0;
}
ul.dropdown ul:last-child{
	-moz-border-radius-bottomleft:4px 4px;
	-moz-border-radius-bottomright:4px 4px;
}
ul.dropdown {
	position:relative;
	z-index:597;
}
ul.dropdown li {
	line-height:1.3em;
	vertical-align:middle;
}
ul.dropdown li.hover, ul.dropdown li:hover {
	cursor:default;
	position:relative;
	z-index:599;
}

ul.dropdown ul li.hover, ul.dropdown ul li:hover {
	cursor:default;
	position:relative;
	z-index:599;
	background-color:#000000;
}

ul.dropdown ul {
	position:absolute;
	top:100%;
	visibility:hidden;
	width:100%;
	z-index:598;
}
ul.dropdown ul li {
	float:none;
	width:100%;
}
ul.dropdown ul ul {
	left:99%;
	top:1px;
}
ul.dropdown li:hover > ul {
	visibility:visible;
}

ul.dropdown {
	font-size:8pt;
}
ul.dropdown li {
	color:#FFFFFF;
	line-height:normal;
}
ul.dropdown li.hover, ul.dropdown li:hover {
}
ul.dropdown a:link, ul.dropdown a:visited {
	color:#FFFFFF;
	text-decoration:none;
}
ul.dropdown a:hover {
	text-decoration:none;
}
ul.dropdown a:active {
	color:#FFFFFF;
}
ul.dropdown ul {
	background-color:#0091B7; /*#F9F9F9; */
	color:#F9F9F9;
	font-size:8pt;
	
	opacity:0.9;
	
	text-transform:none;
	width:170px;
}
ul.dropdown ul li {
	background-color:transparent;
	filter:none;
}
ul.dropdown ul li.hover, ul.dropdown ul li:hover {
	background-color:transparent;
}
ul.dropdown ul a:link, ul.dropdown ul a:visited {
	color:#0091B7;
}
ul.dropdown ul a:hover {
	color:#FFFFFF;
	text-decoration:none;
}
ul.dropdown ul a:active {
	color:#FFFFFF;
}
ul.dropdown .dir {
	background-image:none;
	background-position:100% 50%;
	background-repeat:no-repeat;
	padding-right:12px;
}

ul#drop-down li{
	background-color:#ffffff;
	text-align:left;
	border-right:solid 1px #eee;
	border-left:solid 1px #eee;
	border-bottom:solid 1px #eee;
}
ul#drop-down li:hover{
	background-color:#189bbd;
	color:#ffffff;
	text-align:left;
}
/*
ul#drop-down li a.en:link, ul#drop-down li a.en:visited  {
	color:#006699;
	width:100%;
	height:32px;
	margin:0px 0px 0px 12px;
	padding:0px;
	text-align:left;
}
ul#drop-down li a.en:hover{
	color:#ffffff;
	width:100%;
	height:32px;
	margin:0px 0px 0px 12px;
	padding:0px;
	text-align:left;
}
*/

#drop-down td a.en:link, #drop-down td a.en:visited  {
	color:#f7f7f7;
	width:100%;
	height:24px;
	margin:0px 0px 0px 12px;
	padding:0px;
	text-align:left;
	direction:ltr;
}
#drop-down td a.en:hover{
	color:#ffffff;
}

/*
ul#drop-down li a.fa:link, ul#drop-down li a.fa:visited  {
	color:#006699;
	width:93%;
	height:32px;
	margin:0px 12px 0px 0px;
	padding:0px;
	text-align:right;
	float:right;
}
ul#drop-down li a.fa:hover{
	color:#ffffff;
	width:93%;
	height:32px;
	margin:0px 12px 0px 0px;
	padding:0px;
	text-align:right;
	float:right;
}
*/
#drop-down td a.fa:link, #drop-down td a.fa:visited  {
	color:#f7f7f7;
	width:93%;
	height:24px;
	margin:0px 12px 0px 0px;
	padding:0px;
	text-align:right;
	float:right;
	direction:rtl;
}
#drop-down td a.fa:hover{
	color:#ffffff;
}


ul#drop-down li:last-child{
	-moz-border-radius-bottomleft:4px 4px;
	-moz-border-radius-bottomright:4px 4px;
	border-bottom:solid 1px #eee;
}

#side-menu{
	width:214px;
	display:none;
	vertical-align:top;
}


ul#side-bar-menu{
	padding:0px;
	margin:0px;
}

ul#side-bar-menu li{
	width:214px;
	height:34px;
	background-attachment:scroll;
	background-position:center center;
	background-repeat:no-repeat;
	color:#004f74;
	list-style:none;
	padding:0px;
	margin:0px;	
	display:block;
}
ul#side-bar-menu li.fa{
	background-image:url(../Images/out_fa.gif)
}
ul#side-bar-menu li.fa:hover{
	background-image:url(../Images/hover_fa.gif)
}
ul#side-bar-menu li.en{
	background-image:url(../Images/out.jpg)
}
ul#side-bar-menu li.en:hover{
	background-image:url(../Images/hover.jpg)
}
ul#side-bar-menu li a:link, ul#side-bar-menu li a:visited, ul#side-bar-menu li a:hover{
	padding:0px;
	font-weight:bold;
	line-height:34px;
	margin:0px 12px;
	display:block;
	text-decoration:none;
	color:#066a83;
}
ul#side-bar-menu li.en a:link, ul#side-bar-menu li.en a:visited, ul#side-bar-menu li.en a:hover{
	direction:ltr;
	width:89%;
}
ul#side-bar-menu li.fa a:link, ul#side-bar-menu li.fa a:visited, ul#side-bar-menu li.fa a:hover{
	direction:rtl;
	width:89%;
}
ul#side-bar-menu li a:hover{
	color:#000000;
}