@charset "utf-8";
body{
	margin-top:0px;
		font-family:tahoma;
	font-size:12px;
line-height:19px;

/*word-spacing:1px;*/

}
img{
	border:0;
}

#container{
	 margin-left:auto;
	 margin-right:auto;
     border:solid 1px #cccccc;
     padding:0;
     position:relative;

}
#main{
	width:949px;
     background-color:#ffffff;
}
#header{
	margin:0;
	padding:0px 0px 3px 0px;
	border:0;
	width:949px;
	height:127px;
	background-image:url('../images/gray_h.jpg');
	background-repeat:no-repeat;
	background-position:right;
}

#header img{
	margin:0;
	padding:0;
	border:0;
	background-color:black;
}

#nav{

	margin:0;
	padding:0;
	border:0;
	height:32px;

}
#nav_img{
	float:left;
	width:20%;
	height:32px;
	margin:0;
	padding:0;
	border:0;
	background-image:url('../images/gr_nav.gif');
	background-repeat:repeat-x;

}


#content{
	height:100%;
	width:100%;
	background-color:#ffffff;
	padding:0px 0px 20px 0px;

}

#body_content{
	float:right;
	width:100%;
	padding:0;
	margin:0;
	height:90px;
}

.abstract_links{
	background-color:#fff;
	float:left;
	width:22%;
	text-align:right;
	padding:5px 10px 0px 0px;
	margin:0;

}
.abstract_links_body ul{
	background-color:#f2f3ee;
	list-style-image:url('../images/bulites.gif');
	float:right;
	width: 80%;
	text-align:right;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 20px;
}
.abstract_links_body li{
	color:#cc3333;
	font-family:Tahoma;
	font-weight:bold;
	list-style-image:url('../images/bulites.gif');
	list-style-position:inside;
	font-size:11px;
	padding:0px 10px 0px 0px;
	margin:0;
	width:200px;

}
.abstract_links_body li a{
	color:#cc3333;
	font-family:Tahoma;
}

.abstract_links_body {
	background-color:#f2f3ee;
	float:right;
	width: 104%;
	padding:5px 0px 0px 0px;
	margin:0px 0px 0px 10px;

}

.stablecontent li{
	color:#cc3333;
	font-family:Tahoma;
	font-weight:bold;
	list-style-image:url('../images/bulites.gif');
	list-style-position:outside;
	font-size:11px;
	padding:0px 2px 5px 0px;

}
.stablecontent li a {
	color:#cc3333;
	font-family:Tahoma;
	font-weight:bold;
	list-style-image:url('../images/bulites.gif');
	list-style-position:outside;
	font-size:11px;
	padding:0px 2px 5px 0px;
	display:block;
	text-decoration:none;

}
.abstract_links li a {
	color:#cc3333;
	font-family:Tahoma;
	font-weight:bold;
	list-style-image:url('../images/bulites.gif');
	list-style-position:inside;
	font-size:11px;
	padding:0px 10px 0px 0px;
	display:block;
	text-decoration:none;
	margin:0;
	width:150px;

}
.stablecontent li a:hover{
	color:white;
	font-family:Tahoma;
	font-weight:bold;
	list-style-image:url('../images/bulites.gif');
	list-style-position:outside;
	font-size:11px;
	padding:0px 2px 5px 0px;
	background-color:#cc3333;
	display:block;
	text-decoration:none;
}

.abstract_links ul{
list-style:none;
margin:0px 5px 0px 0px;
direction:rtl;
text-align:right;
width:100%;
height:80px;
list-style:none;
direction:rtl;
text-align:right;
padding:0;
float:right;
}

.abstract_links li a:hover
{
	color:white;
	background-color:#cc3333;
	display:block;
	text-decoration:none;
}




#about{
	background-color:#fff;
	float:right;
	width:71%;
	height:100%;
	padding:5px 25px 5px 0px;
	text-align:right;
	font-size:13px;
	font-family:Tahoma;
	letter-spacing:0.2px;
	clear:both;
	color:gray;
	margin:0px 5px 0px 0px;
}


#about{
	background-color:#fff;
	float:right;
	width:71%;
	height:100%;
	padding:5px 25px 5px 0px;
	text-align:right;
	font-size:13px;
	font-family:Tahoma;
	letter-spacing:0.2px;
	clear:both;
	color:gray;
	margin:0px 5px 0px 0px;
}

#body_tabs{
	background-color:#ffffff;
     float:left;
    width:62%;
	height: 484px;	
}

.h1{
	font-family:Tahoma;
	font-weight:bold;
	font-size:90%;
	color:#52768e;
	padding:0px 10px 5px 5px;
	text-align:right;
	margin:0;
	width:95%;
	height:4%;
	float:right;
}

.stablecontent{
	background-color:#ffffff;
	float:right;
	width: 348px;
	 height: 15px;
	height: 484px;	
	text-align:right;
	padding:5px 5px 0px 0px;
	margin:0;
}


.stablecontent form{
margin:0; 
height: 16px;
 vertical-align:bottom;
 padding:0px 0px 0px 0px;
 float:right;

}

.stablecontent .our_custmer{

border-bottom:1px #60849c dotted;

padding:4px 20px 0px 0px;
direction:rtl;
margin:0px 6px 10px 10px;
width:80%;
list-style-image:url('../images/bulites.gif');
list-style-position:inside;

}
.stablecontent .our_custmer li a:hover{

background-color:white;
direction:rtl;
color:black;
}

.left_body {
 
width:85%;
height:80px;
list-style:none;
margin:28px 0px 0px 0px;
direction:rtl;
text-align:right;
padding:0;
float:right;
bottom:0px;
}

.left_body li {
	color:#cc3333;
	font-family:tahoma;
	font-weight:bold;
	list-style-image:url('../images/bulites.gif');
	list-style-position:inside;
	font-size:11px;
	padding:0px 10px 0px 0px;
	display:block;
	text-decoration:none;
	text-align:right;
	direction:rtl;

}
.left_body li a {
	color:#cc3333;
	font-family:tahoma;
	font-weight:bold;
	list-style-image:url('../images/bulites.gif');
	list-style-position:inside;
	font-size:11px;
	padding:0px 5px 0px 0px;
	display:block;
	text-decoration:none;
	text-align:right;
	direction:rtl;
	margin:1px 0px 1px 20px;	
	width:90%;
}

.left_body li a:hover {
	color:white;
	font-family:tahoma;
	font-weight:bold;
	background-color:#cc3333;	
}


.strange{

float:right;
height: 151px;
width: 327px;
margin:0px 0px 0px 20px;
	}
.strange img {

	border:1px #6c6c6c solid;
}
.pro {
    width: 92%;
	color:#cc3333;
	font-family:Tahoma;
	font-weight:bold;
	list-style-image:url('../images/bulites.gif');
	list-style-position:outside;
	font-size:11px;
	margin:0px 5px 0px 2px;
    border-top:1px #60849c dotted;
    padding:10px 19px 0px 0px;	
}	
	
.pro p{
width:50%;	
margin:10px 0px 0px 0px;

}
.pro p a{
width:50%;	
margin:10px 0px 0px 0px;
color: #CA7A40;
}
.pro p a :hover{
color: #CA7A40;
}

.pro img{
	border:1px #60849c solid;
	float:right;

		
}	
.strange .friststrange{
width:120px;
list-style-image:none;
float:right;
margin:0;
border:0;
}
.strange .friststrange li{

list-style-image:none;
list-style:none;
width:25%;

}
.scondstrange{
width: 312px;
margin:5px 5px 5px 5px;
float:right;
padding:10px 0px 0px 0px;
}
#footer{
background-color:#6c6c6c;
height:25px;text-align:center;
vertical-align:middle;
padding:20px 0px 7px 0px;
color:white;font-size:11px;
font-family:tahoma;

bottom:0px;
width:100%;


}
/* accordion */

.AccordionTitle
{
	height: 256px;
  width:30px;
  overflow:hidden;
  cursor:pointer;
  font-family:Arial;
  font-size:8pt;
  font-weight:bold;
  vertical-align:bottom;
  background-repeat:repeat-x;
  display:table-cell;
  -moz-user-select:none;

}

.AccordionContent
{
  height:0px;
/*  overflow:hidden;*/
  display:block;
  background-color:transparent;
  padding:0PX 10PX 0PX 0PX;
margin:10px 0px 0px 0px;
}

.AccordionContainer
{
width:100%;
  height:463px;

}

.AccordionMenu
{
    width:28px;
    float:left;
}
.Accordion1
{
		    width:93%;
		    float:right;
		   height:463px;

}

.center_content{
	
width:30%;
float:left;
height:464px;
margin:10px 5px 0px 5px;
 background-color:transparent;
border-left:1px  dotted  #6c6c6c;
}
.r_border{
	
 border-right:1px  dotted  #6c6c6c;

}

.CollapsiblePanelTab {
	font: bold 0.7em sans-serif;
	background-image:url('../images/tab_repeate.jpg');
	background-repeat:repeat-x;
	margin: 0;
	padding: 0;
	cursor: pointer;
	-moz-user-select: none;
	-khtml-user-select: none;
	direction:rtl;
	width: 100%;
	height:31px;
	vertical-align:bottom;
}

    #tabs8 {
      float:left;
      width:100%;
      background-image:url('../images/gr_nav.gif');
      background-repeat:repeat-x;
      color:#000;
      font-family:Tahoma;
      font-weight:bold;
      font-size:11px;
      line-height:normal;
	height:33px;
      }
    #tabs8 ul {
          margin:0;
          padding:0px 0px 0 20px;
          list-style:none;
		  float:right;
		  	height:33px;
background-image:url('../images/gr_nav.gif');
      background-repeat:repeat-x;
 width:auto;

      }
    #tabs8 li {
      display:inline;
      margin:0;
      padding:0;
    height:32px;
 width:auto;


      }
    #tabs8 a {
      float:left;

      margin:0;
      padding:0 0 0 4px;
      text-decoration:none;
		height:32px;
		width:auto;
	border-left:1px #000 solid;
      }
    #tabs8 a span {
      float:left;
      display:block;
      padding:10px 15px 4px 6px;
      color:#000;
      font-family:Tahoma;
      font-weight:bold;
      font-size:11px;
       width:auto;

      }
    /* Commented Backslash Hack hides rule from IE5-Mac \*/
    #tabs8 a span {float:none; width:auto;
    
}
    /* End IE5-Mac hack */
    #tabs8 a:hover span {
      color:#000;
      width:auto;
      }
    #tabs8 a:hover {
    background-image:url('../images/gr_h_nav.gif');
     background-repeat:repeat-x;

      		  	height:32px;

      }
    #tabs8 a:hover span {
    background-image:url('../images/gr_h_nav.gif');
    cursor:pointer;
    }
         #tabs8 #current a {              		  

      }

    
    

                                                            /* sub page*/
#sub_content{
	
	padding:20px 10px 10px 10px;
	
}

#sub_content_center{	
width:57%;
float:left;		
	height:100%;
}


#sub_content_right{	
width:18%;		
float:right;		
margin:0;
top:0;
height: 680px;
border-left:1px  dotted  #a3baca;		
}
#sub_content_right img{	
border:1px  solid  #a3baca;		
}
#sub_content_left{	
width:21%;		
float:left;		
margin:0;
height: 680px;
top:0;
padding:0px 5px 0px 0px ;
border-right:1px  dotted  #a3baca;	
}


.sub_content_left{
width:190px;		
height:29px;	
background-image:url('../images/tab/style3/arrow.gif');
background-position:-2px center;
background-repeat:no-repeat;	
font-weight:bold;
font-size:12px;
color:white;
vertical-align:top;
padding:0px 0px 20px 0px;

}
#sub_content_center .bulit {
color:#cc3333;
font-family:Tahoma;
font-size:14px;
font-weight:bold;
height:28px;
padding:35px 2px 0px 0px;
background:transparent url('../images/bulite.gif') no-repeat scroll 245px 29px;
bottom:-10px;
float:right;
text-align:right;
clear:both;
margin:0;
width: 52%;
}

#sub_content_center .bulit span {
width:100%;
 float:right;
 text-align:right;
 margin:5px 0px 20px 3px;
 color:maroon;
 font-size:13px;
 font-weight:normal;
 letter-spacing:0.5px;
 direction:rtl;

}



.print{
	width:100%;
	background:transparent ;
	float:left;
	text-align:right;
	padding:5px 10px 0px 0px;
	margin:0;
}
.print li{
	color:#5f839b;
	font-family:Tahoma;
	font-weight:bold;
	list-style-image:url('../images/bulites.gif');
	list-style-position:outside;
	font-size:11px;
	padding:0px 2px 5px 0px;
}
.print ul{
	list-style:none;
	margin:0px 5px 0px 0px;
	direction:rtl;
	text-align:right;
	width:100%;
	height:80px;
	list-style:none;
	direction:rtl;
	text-align:right;
	padding:0;
	float:right;
}
.print li a{

	color:#5f839b;
}


.devolp{
direction:rtl;
margin:15px 5px 5px 0px;	
}

.devolp li{
direction:rtl;
margin:5px 5px 5px 0px;
list-style:none;
color:#60849c;
font-weight:bold;	
}

.devolp li a{
color:#60849c;
	
}

.devolp li a:hover{
color:maroon;
	
}

.gray
{color:lightslategray ;
padding:0px 1px 0px 10px;
text-align:right;
margin:10px 0px 0px 0px;
font-family:Tahoma;
direction:rtl;
}

.grayhide
{color:lightslategray ;
padding:0px 1px 0px 10px;
text-align:right;
margin:0;
direction:rtl;
}
.grayhide ol li
{
margin:10px 0px 0px 0px;
}

.grayhide ol
{direction:rtl;
text-align:right;
}

.grayhide span
{font-weight:bold;
color:maroon;
margin:5px 3px 10px 0px;

}
.current{
background-image:url('../images/gr_h_nav.gif');
background-repeat:repeat-x;
height:32px;
}

.contactform{
float:right;
width:90%;
text-align:right;	
}

.contactform #div{	
padding:3px  ;
margin:10px  ;
}

.contactform{
float:right;
width:90%;
padding:0px 0px 5px 0px;
margin:10px 0px 0px 0px;
border:1px  solid  #a3baca;
text-align:right;	
height: 210px;
}


.contactform input{
	
float:left;
margin:3px 5px 5px 50px;
 width: 216px; 
 direction:rtl;
/* background-image:url('../images/input.gif');
 border:0;*/
}


.contactform .head{
text-align:center;
background-color:#6c6c6c;

margin:0px 0px 10px 0px;
padding:0px 0px 3px 0px;
color:white;font-weight:bold;
	
}

#letter{
	background-color:#f2f3ee;
width:495px;
height:232px;
position:absolute;
left: 67px;
top: 160px;
border:1px gray solid;
	display:none;
	z-index:24;	

}




												/* tooltip */


a.tt{
    position:relative;
    z-index:60;
    color:#3CA3FF;
	font-weight:bold;
    text-decoration:none;
    width:25px;
    z-index:24;
    }

a.tt span{ display: none; }

/*background:; ie hack, something must be changed in a for ie to execute it*/
a.tt:hover{ z-index:24; color: #aaaaff; background:;}
a.tt:hover span.tooltip{
    display:block;
    position:absolute;
    top:-47px; left:-150PX;
	padding: 15px 0 0 0;
	width:200px;
	height:300px;
	color: #000;
    text-align: center;
	filter: alpha(opacity:80);
	KHTMLOpacity: 0.90;
	MozOpacity: 0.90;
	opacity: 0.90;
	z-index:24;
}
a.tt:hover span.top{
	display: block;
	padding: 30px 8px 0;
        z-index:24;
}
a.tt:hover span.middle{ /* different middle bg for stretch */
	display: block;
	padding: 0 8px; 

	z-index:24;
}
a.tt:hover span.bottom{
	display: block;
	padding:3px 8px 10px;
	color: #000;

        z-index:24;
}

.middle{
	border:1px #cccccc  solid;
	z-index:24;
	background:white  scroll 1px top;
}