body{
	margin: 0px;	
	font-family: Arial,Verdana, Helvetica, sans-serif;
	background-color:#E4F8F7;

}

* {margin:0; padding:0; border:0;}
p{ color:#585858; font-size:12px; font-family:'Lucida Grande', Arial,Verdana, Helvetica, sans-serif; line-height:20px; padding-bottom:7px;  }
 #style2{ font-size:11px; color:#4F8080; font-weight:bold;}
h2{  font-size:16px; color:#1696A3; }
h3{ line-height:2em; font-size:16px; color:#1696A3; padding-top:9px;}
h4{
	font-family:Arial, Helvetica, sans-serif;
}
h5{color:#346B6B; font-size:14px;}

.ul-all{ margin-top:4px; }
.ul-all li{ -moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/nav-icon-3.gif) no-repeat scroll left 6px;
color:#585858;
font-size:12px;
line-height:1.9em;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
padding-left:13px;} 
 
.bl-h2 a{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/small-icons.gif) no-repeat scroll left 2px; color:#525252;
display:block; padding-bottom:2px; padding-left:30px; padding-top:6px; outline-style:none; outline-width:medium;}

.bl-h2 a:hover{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/small-icons.gif) no-repeat scroll left -28px;
color:#525252; padding-bottom:2px; padding-left:30px; padding-top:6px; color:#2F6363; }

.bl-h2-2 a{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/small-icons.gif) no-repeat scroll left -58px; color:#525252;
display:block; padding-bottom:2px; padding-left:30px; padding-top:6px; outline-style:none;
outline-width:medium;}

.bl-h2-2 a:hover{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/small-icons.gif) no-repeat scroll left -88px;
color:#525252; padding-bottom:2px; padding-left:30px; padding-top:6px; color:#2F6363;}


.bl-h2-3 a{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/small-icons.gif) no-repeat scroll left -118px; color:#525252;
display:block; padding-bottom:2px; padding-left:30px; padding-top:6px; outline-style:none;
outline-width:medium;}

.bl-h2-3 a:hover{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/small-icons.gif) no-repeat scroll left -148px;
color:#525252; padding-bottom:2px; padding-left:30px; padding-top:6px; color:#2F6363;}

.bl-h2-4 a{-moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/small-icons.gif) no-repeat scroll left -178px; color:#525252;
display:block; padding-bottom:2px; padding-left:30px; padding-top:6px; outline-style:none;
outline-width:medium;}

.bl-h2-4 a:hover{ -moz-background-clip:border; -moz-background-inline-policy:continuous; -moz-background-origin:padding; background:transparent url(../images/small-icons.gif) no-repeat scroll left -208px;
color:#525252; padding-bottom:2px; padding-left:30px; padding-top:6px; color:#2F6363;}

 
.cbadr-h3{line-height:0.2em; padding-bottom:16px; font-size:14px; color:#3ECBD9;}
.cbadr2-h3{line-height:2.3em; padding-bottom:0px; padding-top:12px; font-size:14px; color:#3ECBD9;}

.note{ padding-bottom:9px;}
img{ border:0;}
.title-p{ color:#555555; font-size:13px; font-weight:bold; padding:0 0 8px 0;}
.title-p a{ color:#4E4E4E;}
.title-t{ color:#696969; font-size:12px; padding:0 0 8px 0;}
.title-p2{ color:#555555; font-size:16px; font-weight:bold; padding:0 0 8px 0;}
.title-t2{ color:#696969; font-size:12px; padding:0 0 8px 0;}
a			{
	color:#D4612A;
	text-decoration: none; outline-style:none; outline-width:medium;
}
a:hover		{
	color:#C54D11; outline-style:none; outline-width:medium;
}

.read-more a{ font-size:11px;  padding:2px 8px 2px 9px; background-image:url(../images/read-more-bg.gif); background-repeat:repeat-x;  color:#000; background-color:#E6E6E6; border:1px solid #CCCCCC;}
.read-more a:hover{ background-color:#E6E6E6; border:1px solid #FC6B02; background-image:url(../images/read-more-bg.gif); background-repeat:repeat-x;}

.read-more-2 a{ font-size:11px;  padding:2px 8px 2px 9px; background-image:url(../images/read-more-bg.gif); background-repeat:repeat-x;  color:#000; background-color:#E6E6E6; border:1px solid #CCCCCC;}
.read-more-2 a:hover{ background-color:#E6E6E6; border:1px solid #FC6B02; background-image:url(../images/read-more-bg.gif); background-repeat:repeat-x;}


.read-more-5 a{ font-size:11px;  padding:2px 8px 2px 9px; background-image:url(../images/read-more-bg.gif); background-repeat:repeat-x;  color:#000; background-color:#E6E6E6; border:1px solid #CCCCCC;}
.read-more-5 a:hover{ background-color:#E6E6E6; border:1px solid #FC6B02; background-image:url(../images/read-more-bg.gif); background-repeat:repeat-x;}

.read-more-3 a{ font-size:11px; color:#000; padding:3px 3px 3px 4px; background:transparent url(../images/read-more-a.gif) repeat scroll 0 0; text-decoration: none;}
.read-more-3 a:hover{ background:transparent url(../images/img-all-img.jpg) no-repeat scroll 0 -1060px;}


#body-s{ background-image:url(../images/bg_img.jpg); background-repeat:repeat-x; padding-bottom:63px; background-color:#E4F8F7;}

#top-nav-all-right { padding:50px 0 0 0; float:right;}
#top-nav-all-right p{ font-weight:bold; font-size:15px; line-height:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3E8181; font-style: italic;}
#top-nav-all-right a{ font-weight:bold; line-height:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#3E8181; font-style: italic; text-decoration: none;}
#top-nav-all-right a:hover{   line-height:1.5em; font-family:Verdana, Arial, Helvetica, sans-serif; color:#2F6363; font-style: italic; text-decoration: none;}

#top-nav-all{ height:137px; background-image:url(../images/top-nav-all.jpg); background-repeat:repeat-x; 	}

#top-nav-all-left { clear:both; float:left; height:115px; width:274px; background:url(../images/img-all-img.jpg) no-repeat scroll 0 0;  text-indent:-9911px;}

#center-bar-all{ margin:0 auto; height:363px; width:986px; }
#center-bar-all #center-bar-all-left{ float:left; width:513px; }
#center-bar-all #center-bar-all-right{ position:relative; float:right; width:408px; height:359px; background:transparent url(../images/img-all-img.jpg) no-repeat scroll 0 -581px;}
#center-bar-all #center-bar-all-right a{ color:#FF0000; font-size:13px; text-decoration: none; }
#center-bar-all #center-bar-all-right h2{ }
#center-bar-all #center-bar-all-right .cbar-top{ }
#center-bar-all #center-bar-all-right .cbar-top h2{ font-size:14px; font-weight:300; color:#1B696A; line-height:1.2em;}
#center-bar-all #center-bar-all-right .cbar-center{ margin:44px 43px 0 82px;}
#center-bar-all #center-bar-all-right .cbar-center h2{ font-size:14px; font-weight:300; color:#54A7B5; line-height:1.2em;}
#center-bar-all #center-bar-all-right .cbar-center h2 a{ color:#49909C;}
#center-bar-all #center-bar-all-right .cbar-bottom{ margin:48px 91px 0 22px;}
#center-bar-all #center-bar-all-right .cbar-bottom h2{ font-size:14px; font-weight:300; color:#A54116; line-height:1.2em; padding-bottom:6px;}
#center-bar-all #center-bar-all-right .cbar-bottom h2 a{ color:#FD5660;}
#center-bar-all #center-bar-all-right #cbar-a{ color:#FF0000;}
#center-bar-all #center-bar-all-right #cbar-b{ color:#FF0000;}


.wt-right .overlap2{ left:81px; position:absolute; top:45px;   }
 .wt-right .overlap{ left:81px; position:absolute; top:44px;}
 .wt-right  .overlap2 h4{ color:#fff; font-size:33px; width:350px; font-family:'Myriad Pro','Century Gothic',Helvetica,Arial;}
 .wt-right .overlap h4 {  color:#448080;  font-size:33px; width:350px; font-family:'Myriad Pro','Century Gothic',Helvetica,Arial;}
 .wt-right-2 .overlap2{ left:28px; position:absolute; top:99px;   }
 .wt-right-2 .overlap{ left:28px; position:absolute; top:98px;}
 .wt-right-2  .overlap2 h4{ color:#fff; font-size:17px; width:350px; font-family:'Myriad Pro','Century Gothic',Helvetica,Arial;}
 .wt-right-2 .overlap h4 {  color:#585858;  font-size:17px; width:350px; font-family:'Myriad Pro','Century Gothic',Helvetica,Arial;}
 
  .wt-right-3 .overlap2{ left:33px; position:absolute; top:123px;   }
 .wt-right-3 .overlap{ left:33px; position:absolute; top:122px;}
 .wt-right-3  .overlap2 h4{ color:#fff; font-size:17px; width:350px; font-family:'Myriad Pro','Century Gothic',Helvetica,Arial;}
 .wt-right-3 .overlap h4 {  color:#585858;  font-size:17px; width:350px; font-family:'Myriad Pro','Century Gothic',Helvetica,Arial;}
 
  .wt-right-4 .overlap2{ left:40px; position:absolute; top:148px;   }
 .wt-right-4 .overlap{ left:40px; position:absolute; top:147px;}
 .wt-right-4  .overlap2 h4{ color:#fff; font-size:17px; width:350px; font-family:'Myriad Pro','Century Gothic',Helvetica,Arial;}
 .wt-right-4 .overlap h4 {  color:#585858;  font-size:17px; width:350px; font-family:'Myriad Pro','Century Gothic',Helvetica,Arial;}
 
 
.wt-bottom-p{ margin:172px 0 0 0;  }
.wt-bottom-p .vision{ font-size:12px; }
.wt-bottom-p p{ font-family:'Myriad Pro','Century Gothic',Helvetica,Arial; text-align:center; font-size:18px;}
.wt-bottom-p  a img{ margin:20px 0 0 115px;}
.wt-bottom-p a{  outline-color: -moz-use-text-color; outline-style: none; outline-width: medium;}

.vision-all img{ float:left;}

#center-bar-all-screenshots{ margin:0 auto; height:588px; width:986px; }
#center-bar-all #center-bar-all-left-screenshots{ float:left; width:986px; }

#center-bar-all-demo{ margin:0 auto; height:auto; padding-bottom:25px; width:986px; }
#center-bar-all-demo .center-bar-all-demo-left{ float:left; width:710px; padding-bottom:30px; }
#center-bar-all-demo .center-bar-all-demo-left h3{ margin-bottom:6px;}
#center-bar-all-demo .center-bar-all-demo-right{ float:right; width:256px; padding-left:15px; }
#center-bar-all-demo .center-bar-all-demo-right-all{ padding:0 0 0 60px;}

#showcase-all{ border-top:1px dotted #3E8181;
clear:both;
margin-top:15px;
padding-top:19px;}
#showcase-all .showcase-p{ height:auto; padding-bottom:190px; }
#showcase-all .showcase-p img{ margin-left:32px;
margin-right:3px; border:1px solid #1696A3; -moz-border-radius-bottomleft:3px;
-moz-border-radius-bottomright:3px;
-moz-border-radius-topleft:3px;
-moz-border-radius-topright:3px;}

#showcase-all .showcase-p .sp-all{ float:left;}
#showcase-all .showcase-p .sp-all p{ text-align:center;}

.download-center{ margin:20px 0 0 127px;}
.download-center .dc-top{ height:56px; width:739px;  background:url(../images/download-img/top-img.gif) no-repeat scroll 0 0; }
.download-center .dc-top-1{ height:30px; width:739px;  background:url(../images/download-img/bg-top-1.gif) no-repeat scroll 0 0; }
.text-left{ float:left; width:205px; font-size:12px; padding-right:116px; }
.text-left p{ float:right; margin-top:6px; padding:0 5px 0 0; color:#fff;}
.text-left-2 p{ float:right;  margin:0; padding:0 5px 0 0; color:#256780;}
.text-left-3 p{ float:right;  margin:0; padding:0 5px 0 0; color:#F46F18;}
.text-left-2{float:left; width:205px; font-size:12px;  padding-top:7px; padding-right:116px;}
.text-left-img-1{ padding-right:235px; width:33px; color:#FF0000; font-size:12px;}
.text-left-img-2{  color:#FF0000; font-size:12px;}
.text-left-3{ float:left; width:205px; font-size:12px; padding-right:77px; padding-top:30px; }
.text-left-4{ float:left; width:auto; font-size:12px; padding-right:0px; padding-top:28px; padding-left:7px; }
.text-left-5{ float:left; width:205px; font-size:12px; padding-right:0; padding-top:28px; }


.text-left-img-3{ padding-right:114px; }
.text-left-3 p{ float:right;  margin:0; padding:0 5px 0 0;}


.download-center .dc-top-2{ height:30px; width:739px;  background:url(../images/download-img/bg-top-2.gif) no-repeat scroll 0 0; }
.download-center .dc-top-3{ height:110px; width:739px;  background:url(../images/download-img/bottom-img.gif) no-repeat scroll 0 0; }


#screenshots-photo{ margin:0 auto; width:986px; height:437px;}
#screenshots-photo .news_slider portfolio_show{ }
.news_slider portfolio_show-right { width:325px; height:120px; border-bottom:1px solid #555;}
.nspsr-top{ padding-top:49px; margin-left:661px; border-bottom:1px solid #ADADAD; height:128px; }

.nspsr-bottom{  margin-top:30px;}


#bottom-bar{ clear:both; margin:0 auto; width:986px; padding-top:18px; border-top:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4; height:109px; }
#bottom-bar .read-more{ margin:6px 0 0 0; padding-left:153px;}
#bottom-bar .read-more-2{ margin:6px 0 0 0; padding-left:103px;}


a.more { background:transparent url(../images/icons/more-hover.gif) no-repeat scroll 100% 48%; padding-right:12px; padding-left:4px; white-space:nowrap; }
a:hover.more { background:transparent url(../images/icons/more.gif) no-repeat scroll 100% 48%; text-decoration:none; color:#2F6363; }
#bottom-bar-index{clear:both; margin:0 auto; width:984px; margin-top:13px;  border:1px dashed  #AAAAAA; height:241px; -moz-border-radius-bottomleft:4px;
-moz-border-radius-bottomright:4px;
-moz-border-radius-topleft:4px;
-moz-border-radius-topright:4px; }
#bottom-bar-index h2{ padding-top:15px; color:#525252;}
#bottom-bar-index p{ margin:3px 9px 0 0; color:#757575;}
.1234-center img{ text-align:center;}
#bottom-bar-index .bbi-left{ float:left; width:232px; height:241px; padding-left:13px; border-right: 1px dashed #C4C4C4; }
#bottom-bar-index .bbi-center-left{ float:left; width:230px; margin-left:16px; height:241px; border-right: 1px dashed #C4C4C4;  }
#bottom-bar-index .bbi-center-right{ float:left; width:230px; margin-left:16px; height:241px; border-right: 1px dashed #C4C4C4; }
#bottom-bar-index .bbi-right{ float:right;  width:228px; margin-left:16px; height:241px; }






#bottom-bar-download{ clear:both; margin:0 auto; width:986px; height:145px;  border-top:1px solid #C4C4C4; border-bottom:1px solid #C4C4C4;  margin-bottom:0px;}
.bottom-bar-download-left{ float:left; width:493px; height:145px; background-image:url(../images/download-img/free-bu.gif); background-repeat:no-repeat; border-right:1px solid #C4C4C4;}
.bottom-bar-download-left img{ float:left;}
.bottom-bar-download-left .title-p2{ padding:18px 0 0 137px;}
.bottom-bar-download-left .title-t2{ padding:8px 0 0 137px;}
.bbd-download{ padding:10px 2px 2px 137px;}

.bottom-bar-download-right{  height:145px;}
.bottom-bar-download-right img{ float:left; }
.bottom-bar-download-right .title-p2{ padding:18px 0 0 137px; }
.bottom-bar-download-right .title-t2{ padding:8px 0 0 137px;}


#bottom-bar .bb-left{ float:left; height:120px; width:334px; background-image:url(../images/ge1.gif); background-repeat:no-repeat; }
#bottom-bar .bb-left img{ float:left;}
#bottom-bar .bb-left h1{ font-size:16px; font-weight:bold; color:#555; padding:0 0 0 150px;}
#bottom-bar .bb-left h1 a{ color:#525252;}
#bottom-bar .bb-left h1 a:hover{ color:#2F6363;}


#bottom-bar .bb-left p{ font-size:12px;  color:#696969; padding:3px 0 3px 152px; line-height:1.5em;}

#bottom-bar .bb-center{ float:left; width:323px; height:120px;  background-image:url(../images/ge2.gif); background-repeat:no-repeat; }
#bottom-bar .bb-center img{ float:left; padding-left:10px; padding-right:9px; }
#bottom-bar .bb-center h1{ font-size:16px; font-weight:bold; color:#555; padding:0 0 0 100px;}
#bottom-bar .bb-center h1 a{ color:#525252;}
#bottom-bar .bb-center h1 a:hover{ color:#2F6363;}


#bottom-bar .bb-center p{ font-size:12px; width:auto;  color:#696969; padding:3px 0 3px 102px; line-height:1.5em;}

#bottom-bar .bb-right{  }
#bottom-bar .bb-right img{ float:left; padding-right:3px; padding-left:10px; }
#bottom-bar .bb-right h1{ font-size:16px; font-weight:bold; color:#555; padding:0 0 0 150px;}
#bottom-bar .bb-right h1 a{ color:#525252;}
#bottom-bar .bb-right h1 a:hover{ color:#2F6363;}



#bottom-bar .bb-right p{ font-size:12px;  color:#696969; padding:3px 0 3px 152px; line-height:1.5em;}

#bu-img{ margin:0 auto; width:986px; height:16px; background:transparent url(../images/img-all-img.jpg) no-repeat scroll 0 -1102px;}

#footer{ margin:0 auto; width:986px; height:32px; background:url(../images/img-all-img.jpg) no-repeat scroll 0 -1016px; margin-top:17px; }
#footer .bao{ padding:6px 15px  0 15px;}
#footer p{ float:left; font-size:11px; color:#9C9F9F;}
#footer a{ float:right; padding-left:4px; padding-right:4px; font-size:11px; color:#727272; text-decoration: none; padding-top:3px; }
#footer a:hover{ color:#585858;}
.lightBox{ margin-right:12px;}

#copyright a{ float:none; }

.sb-t img{ float:left; padding-top:2px; padding-left:1px;}
.sb-t-2 { margin:2px 0 0 25px;}




.d-down-p{
	font-style: italic; font-size:11px; color:#1EA0D4;
}
 .list-link { list-style:none; padding:3px 0 8px 0; }
 .list-link li { height:auto;  width:200px; margin-bottom:4px; }
 .list-link a { color:#D4612A; font-size:12px; background:url(../images/nav-icon-2.gif) no-repeat left; padding-left:15px; line-height:1.3em; }
 .list-link a:hover{ color:#C54D11; text-decoration: none;}
 
 .object-ti{ background-color:#DADADA; border:1px solid #BEBDBD; padding:14px; margin:10px 0 10px 0 ; width:500px;}
 
 
 
 .prev-next { margin-top:50px; margin-left:268px;}
 
   .prev-next-prve { float:left; margin-top:20px; text-align:center; font-size:25px;} 
  .prev-next-prve a{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/p-n-1234.gif) no-repeat scroll left -16px;
padding-left:28px;}
 
  .prev-next-next { float:right; margin-top:20px; text-align:center; font-size:25px;} 
  .prev-next-next a{-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/p-n-1234.gif) no-repeat scroll right 8px;
padding-right:28px;}


 #global-prev-next {margin:0; padding:0;}
#global-prev-next li{display:inline;}
#global-prev-next li a{ font-size:12px; color:#333; background-image:url(../images/p-n-all.gif); background-repeat:no-repeat; float:left; height:0; overflow: hidden; padding-top:20px; width:92px; outline:none;}
#global-prev-next li a:hover{ color:#000;}

#global-prev-next li.gn-prev a{ background-position: 0 0;}
#global-prev-next li.gn-next a{ background-position: -92px 0;}

#global-prev-next li.gn-prev a:hover{ background-position:0 -42px; }
#global-prev-next li.gn-prev a:active{ background-position:0 -42px;}

#global-prev-next li.gn-next a:hover{ background-position:-92px -42px; }
#global-prev-next li.gn-next a:active{ background-position:-92px -42px;}