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

h1,h2,h3,h4,h5,h6,p,ul,dd,dl,dt,tr,td,p,span,li,div{
margin:0;padding:0}
ul,ol,li{list-style-type:none; margin:0px; padding:0px;}
body
{ background:#0f282f url(../images/bg_body.png) no-repeat center top; color:#6f7865; font-size:13px; margin:0; padding:0; font-family:Arial, Helvetica, sans-serif;}

body#home #home1,
body#about #abouts,
body#product #products,
body#support #supports,
body#livedemo #livedemos,
body#promotion #promotions,
body#enquiry #enquirys,
body#contact #contacts { color:#fff; background:url(../images/pro_nine_1a.gif) no-repeat;}

body#home #home11,
body#about #aboutss,
body#product #productss,
body#support #supportss,
body#livedemo #livedemoss,
body#promotion #promotionss,
body#enquiry #enquiryss,
body#contact #contactss { color:#fff; background:url(../images/pro_nine_1.gif) right top;}

.width100{width:100%}

h1 #h1{font-size:13px; font-family:Arial, Helvetica, sans-serif;}
.width75{width:75%}

.width50{width:50%}

.floatLeft{float:left}

.floatRight{float:right}

.alignLeft{text-align:left}

.alignRight{text-align:right}

.clear{clear:both}

.nomargin{margin:0px}

.nobg{background:none}

a:focus {outline: 0;}

#outerwrapper{ width:1008px; margin:0px auto;}
#header{ height:111px; margin:0px 0px 0px 0px;}

#head1{ float:left; width:238px;   }
#head1 img{float:left; margin:27px 0px 0px 46px;}

#prodrop4{ height:111px;  }
.prodrop4 {padding:69px 28px 0px 0px; margin:0; list-style:none; position:relative ;  float:right; }
.prodrop4 li.top {display:block; float:left; padding-right:4px; height:35px }
.prodrop4 li a.top_link {display:block; float:left; height:35px; line-height:26px; color:#97c2d3; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 5px; cursor:pointer;}
.prodrop4 li a.top_link span {float:left; display:block; padding:0 7px 0 5px; height:35px;}
.prodrop4 li a.top_link:hover {color:#fff; background: url(../images/pro_nine_1a.gif) no-repeat; line-height:26px;}
.prodrop4 li a.top_link:hover span {background:url(../images/pro_nine_1.gif) no-repeat right top;}

.prodrop4 li:hover > a.top_link {color:#fff; background: url(../images/pro_nine_1a.gif) no-repeat; line-height:26px;}
.prodrop4 li:hover > a.top_link span {background:url(../images/pro_nine_1.gif) no-repeat right top;}


.prodrop4 table {border-collapse:collapse; width:0; height:0; position:absolute; top:0; left:0;}

/* Default link styling */

/* Style the list OR link hover. Depends on which browser is used */

.prodrop4 a:hover {visibility:visible; position:relative; z-index:200;}
.prodrop4 li:hover {position:relative; z-index:200;}

/* keep the 'next' level invisible by placing it off screen. */
.prodrop4 ul {position:absolute; left:-9999px; top:-9999px; width:0; height:0; margin:0; padding:0; list-style:none; width:160px;background:url(../images/submenuul.gif) no-repeat bottom left;}

/*.prodrop4 ul.sub1 {width:160px;}
.prodrop4 ul.sub2 {width:110px;}
.prodrop4 ul.sub3 {width:90px;}
.prodrop4 ul.sub4 {width:112px;}*/

.prodrop4 :hover ul {left:0; top:35px; background: #b9d3fb; padding:3px; border-width:0 1px 1px; white-space:nowrap; height:auto; z-index:300; background:url(../images/submenuul.gif) no-repeat bottom left; padding-bottom:10px}
.prodrop4 :hover ul li {display:block; height:20px; position:relative; font-weight:bold; font-size:11px; width:auto;}
.prodrop4 :hover ul li a {display:block; font-size:11px; height:22px; line-height:22px; width:140px; padding:0 0px; color:#000; text-decoration:none; margin-left:3px; text-indent:5px}
.prodrop4 :hover ul li a:hover {background:#67686b; color:#FFFFFF; }

.prodrop4 li a.top_link_selected {display:block; float:left; height:35px; line-height:26px; color:#FFF; text-decoration:none; font-size:11px; font-weight:bold; padding:0 0 0 5px; cursor:pointer;background: url(../images/pro_nine_1a.gif) no-repeat;}
.prodrop4 li a.top_link_selected span {float:left; display:block; padding:0 7px 0 5px; height:35px;background:url(../images/pro_nine_1.gif) right top;}



/*header menus*/
#pro9{ height:111px;  }
.pro9 {padding:69px 28px 0px 0px; margin:0; list-style:none; position:relative ;  float:right;}
.pro9 li {float:left; padding-right:5px}
.pro9 li a {display:block; float:left; height:35px; line-height:26px; /*background:url(../images/pro_nine_0a.gif) no-repeat;*/ color:#97c2d3; text-decoration:none; font-size:11px; font-family:arial, verdana, sans-serif; font-weight:bold; text-align:center; padding:0 0 0 8px; cursor:pointer;}
.pro9 li a b {float:left; height:35px; display:block; padding:0 8px 0 0; /*background:url(../images/pro_nine_0.gif) right top;*/}
.pro9 li.current a {color:#f7f7f7; background:url(../images/pro_nine_1a.gif) no-repeat;}
.pro9 li.current a b {background:url(../images/pro_nine_1.gif) right top;}
.pro9 li a:hover {color:#fff; background:url(../images/pro_nine_1a.gif) no-repeat;}
.pro9 li a:hover b {background:url(../images/pro_nine_1.gif) right top;}
/*.pro9 li.current a:hover {color:#f7f7f7; background:url(../images/pro_nine_2a.png) no-repeat; cursor:default;}
.pro9 li.current a:hover b {background:url(../images/pro_nine_2.png) right top;}*/
  /*header menus*/
  
.pro9 li a.selected {color:#fff; background:url(../images/pro_nine_1a.gif) no-repeat;}
.pro9 li a b.selected { color:#fff; background:url(../images/pro_nine_1.gif) right top;}

#index_firstcontent{width:1008px;}
.index_firstcontent{margin:0px 24px 24px 0px;}
.index_firstcontent_top{ background:url(../images/index_firstcont_top.png) no-repeat left top; height:7px;}
.index_firstcontent_cont{ background:url(../images/index_firstcont_cont.png) no-repeat left top; height:195px; padding:0px 0px 0px 0px; color:#696968; font-size:11px;}
.index_firstcontent_botm{ background:url(../images/index_firstcont_botm.png) no-repeat left top; height:8px;}

#index_firstcontent_left{width:704px;}
.index_firstcontent_left{margin:0px 0px 0px 0px; padding:0px 0px 0px 0px;}
.index_firstcontent_left h1{ font-family:"Kozuka Gothic Pro R", Arial, Helvetica, sans-serif; color:#7ec20f; font-size:24px; font-weight: normal; padding:0px 0px 0px 0px;}
.index_firstcontent_left h2{ font-family:"Kozuka Gothic Pro R", Arial, Helvetica, sans-serif; color:#519099; font-size:28px; font-weight: normal; padding:0px 0px px 0px;}

#index_firstcontent_right{width:256px;}
.index_firstcontent_right{margin:0px 0px 0px 0px; padding:9px 13px 0px 0px;}
.index_firstcontent_right h1{  font-family:"Kozuka Gothic Pro M", Arial, Helvetica, sans-serif; color:#e8ffa6; background:url(../images/index_head_h.png) no-repeat left top; line-height:33px; height:42px; text-shadow: 2px 1px 2px #8abb1c; font-size:14px; font-weight:normal; padding:0px 0px 0px 22px;}
.index_firstcontent_right p{  font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#438696; padding:0px 20px 16px 22px;}
.index_firstcontent_right p a{  font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#438696; text-decoration:underline;}

#indexflash{width:1008px;}
.indexflash{margin:0px 0px 0px 0px;}

#indexcontent{width:1008px;}
.indexcontent{margin:0px 24px 10px 24px;}
.indexcontent_top{ background:url(../images/indexcont_top.png) no-repeat left top; height:6px;}
.indexcontent_cont{ background:#d5e0cf url(../images/indexcont_cont.png) repeat-x left top; padding:0px 15px 10px 15px; color:#696968; font-size:11px; }
.indexcontent_botm{ background:url(../images/indexcont_botm.png) no-repeat left top; height:8px;}

#indexcontent_leftcol{width:635px; }
.indexcontent_leftcol{margin:0px 0px 0px 0px; padding:20px 31px 0px 0px; font-size:12px; font-family:Arial, Helvetica, sans-serif;}
.indexcontent_leftcol h1{  font-family: Arial, Helvetica, sans-serif; color:#252e1d; font-size:18px; font-weight: normal; padding:0px 0px 19px 0px;}
.indexcontent_leftcol h2{  font-family: Arial, Helvetica, sans-serif; color:#d18403; font-size:18px; font-weight: normal; padding:15px 0px 19px 0px;}

#indexcontent_rightcol{ width:293px;  margin-top:0px;  }
.indexcontent_rightcol{padding:50px 5px 0px 15px; }
.indexcontent_rightcol h1{  font-family: Arial, Helvetica, sans-serif; color:#fff; background:url(../images/innerright_hh.png) no-repeat left top; line-height:28px; font-size:12px; font-weight: bold; padding:0px 0px 19px 15px;}
.indexcontent_rightcol h1 a{  font-family: Arial, Helvetica, sans-serif; color:#fff;  font-size:12px; font-weight: bold; text-decoration:none;}
.indexcontent_rightcol p{  font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:0px 0px 19px 15px;}
.indexcontent_rightcol p a{  font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#6f7865; text-decoration:none;  }
.indexcontent_rightcol p a:hover{  font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline; color:#000;  }
.indexcontent_rightcol h2{  font-family: Arial, Helvetica, sans-serif; color:#f3ab33; font-size:16px; font-weight: normal; padding:0px 0px 19px 0px;}

#innercontent{width:1008px;} 
.innercontent{margin:0px 24px 10px 24px;}
.innercontent_top{ background:url(../images/indexcont_top.png) no-repeat left top; height:6px;}
.innercontent_cont{ background:#d5e0cf url(../images/innercont_cont.png) repeat-x left top; padding:15px 15px 15px 16px; color:#696968; }
.innercontent_botm{ background:url(../images/indexcont_botm.png) no-repeat left top; height:8px;}

#innercontent_leftcol{width:635px; }
.innercontent_leftcol{margin:0px 0px 0px 0px; padding:0px 31px 0px 0px; font-family:Arial, Helvetica, sans-serif ;}
.innercontent_leftcol h1{  font-family: Arial, Helvetica, sans-serif; color:#252e1d; font-size:18px; font-weight: normal; padding:0px 0px 19px 0px;}
.innercontent_leftcol h2{  font-family: Arial, Helvetica, sans-serif; color:#f3ab33; font-size:16px; font-weight: normal; padding:0px 0px 19px 0px;}

#innercontent_rightcol{ width:293px;  margin-top:0px;  }
.innercontent_rightcol{padding:30px 5px 0px 15px; }
.innercontent_rightcol h1{  font-family: Arial, Helvetica, sans-serif; color:#fff; background:url(../images/innerright_hh.png) no-repeat left top; line-height:28px; font-size:12px; font-weight: bold; padding:0px 0px 19px 15px;}
.innercontent_rightcol h1 a{  font-family: Arial, Helvetica, sans-serif; color:#fff;  font-size:12px; font-weight: bold; text-decoration:none;}
.innercontent_rightcol p{  font-family: Arial, Helvetica, sans-serif; font-size:11px; padding:0px 0px 19px 15px;}
.innercontent_rightcol p a{  font-family: Arial, Helvetica, sans-serif; font-size:11px; color:#6f7865; text-decoration:none;  }
.innercontent_rightcol p a:hover{  font-family: Arial, Helvetica, sans-serif; font-size:11px; text-decoration:underline; color:#000;  }
.innercontent_rightcol h2{  font-family: Arial, Helvetica, sans-serif; color:#f3ab33; font-size:16px; font-weight: normal; padding:0px 0px 19px 0px;}


#beta { position:absolute; top:148px; left:190px; z-index:999; padding-left:0px;}

#footer{ height:15px; line-height:15px; color:#CCCCCC; font-size:11px; padding:0px 20px 0px 0px;}

#inner_product{width:606px;}
.inner_product{margin:0px 0px 0px 0px;}
.inner_product_top{ background:url(../images/prodct_top.png) no-repeat left top; height:8px;}
.inner_product_cont{ background:url(../images/prodct_cont.png) repeat-y left top; padding:10px 20px 10px 10px; font-family:Arial, Helvetica, sans-serif; color:#2e647a; font-size:12px;}
.inner_product_botm{ background:url(../images/prodct_botm.png) no-repeat left top; height:16px;}