/******** global ********/
body{ margin:0; padding:0;background:#f4f4f4; color:#666; font-family:Arial, Helvetica, sans-serif; font-size:12px; text-align:center;}
a{ color:#1d98d3; text-decoration:none;}
a:hover{ color:#39b64b; text-decoration:underline;}
h1,h2,h3{ margin:0; padding:0;}
h1{ font-size:14px; color:#2e9dd1; border-bottom:1px solid #88d3f1; height:30px; line-height:30px;background:url(images/arrow.gif) no-repeat 0 8px; padding-left:18px;}
h2{ font-size:12px;}
h3{ font-size:12px;}
p{ margin:0; padding:0; font-size:12px;}
hr{ height:1px; margin:0; padding:10px 0 0 0; border:none;border-bottom:1px dashed #88d3f1; clear:both;}
ul,li{ margin:0; padding:0;list-style:none;}
.clear{ clear:both;}
.floatL{ float:left;}
.floatR{ float:right;}
.gobacktop{ clear:both; padding:5px 0; background:url(images/gobacktop.gif) no-repeat 0 6px; padding-left:15px;}
.linkArrow a{ background:url(images/arrow_green.gif) no-repeat 0 2px;color:#39b64b; padding-left:10px;}
.linkArrow a:hover{ background:url(images/arrow_blue.gif) no-repeat 0 2px;color:#1d98d3;}

/******** layout ********/
#container{ width:806px; margin:15px auto; padding:25px 50px 50px; background:#fff; text-align:left;}
#wrap{ text-align:left;}
#wrap .floatL{ width:10px; height:295px; background:url(images/left.gif) no-repeat;}
#wrap .floatR{ width:10px; height:295px; background:url(images/right.gif) no-repeat;}
#main{ width:786px; height:293px; float:left; border-top:1px solid #f0f9fd;border-bottom:1px solid #f0f9fd;}
#top{ clear:both; height:10px; background:url(images/top.gif) no-repeat;}
#middle{background:#f0f9fd; _height:0; }
*#middle .clear{ _display:none;}
#bottom{clear:both; height:10px;background:#fff url(images/bottom.gif) no-repeat;}

/******** header ********/
#header{ clear:both; height:255px;}
#menu{ text-align:right; margin-bottom:5px;}
#menu a{ margin:0 5px;}
#logo{float:left; width:192px;}
#logo a img,#logo a:hover img{ border:none;}

#navBox{float:right; width:584px; padding-left:30px; height:49px; background:url(images/nav_bg.jpg) repeat-y top right; position:relative;  z-index:1;}
#navBox ul { padding: 0;margin: 0;list-style: none;height:49px;float:left;}
#navBox li {float: left;width: 80px;display:block;font-weight:700; text-align:center;position:relative;}
#navBox li a{ display:block;height:49px; line-height:49px; text-decoration:none; border-right:1px solid #fff;}
#navBox li a:hover{ background:#d9effa;color:#1d98d3;}
#navBox li ul {display: none;width:80px;position:absolute; left:0; top:49px;}
#navBox li ul li{ font-weight:400;border-top:1px solid #d9effa;}
#navBox li:hover ul, #navBox li.over ul {display: block;}
#navBox li ul li a{height:30px;line-height:30px;display:block;font-size:10px;text-decoration: none; background:#fff;border-right:none;}
#navBox li ul li a:hover{display:block; background:#d9effa; color:#1d98d3;}
#navBox .floatR{ float:right;width:10px; height:49px; background:url(images/nav_right.jpg) no-repeat;}
#banner{ clear:both; padding:15px 0; position:relative; z-index:0;}

/******** footer ********/
#footer{ clear:both; height:40px; background:url(images/footer_bg.jpg) repeat-x; position:relative; top:15px;}
#footer .floatL{ width:10px; height:40px; background:url(images/footer_left.jpg) no-repeat;}
#footer .floatR{ width:10px; height:40px; background:url(images/footer_right.jpg) no-repeat;}
#footer p{float:left; width:500px; height:40px;line-height:40px;}
#footer a{ margin:0 5px;}
#footer p span{ float:right; height:40px; line-height:16px; position:relative;top:-30px;*top:-32px;left:280px; color:#1d98d3;}
#ICP{ position:relative;top:16px; left:-245px;}

/******** homeNews ********/
#homeNews{ float:left; width:315px; height:273px; background:#f0f9fd url(images/face.gif) no-repeat top right; padding:10px 0 10px 5px;}
#homeNews h1{ width:200px;}
#homeNews #gotop{ margin-top:10px; padding-left:180px;}
#homeNews #gobottom{ padding-left:180px;}
#homeNews ul{ width:190px; list-style:none; line-height:25px; padding:0 5px 0 0;}
#homeNews ul li{ clear:both; height:100px; border-bottom:1px dashed #aaddf2;margin-bottom:10px;}
#homeNews ul li a{float:left; width:120px; }
#homeNews ul li span{ float:right; color:#999;}
#homeNews ul li img{ float:left; width:40px; height:40px;border:1px solid #aaddf2; padding:1px;}
#homeNews ul li p{ float:left; width:115px; padding-left:10px; line-height:20px;}
#newsShowArea{height:190px;overflow:hidden}

/******** homeProducts ********/
#homeProducts{ float:left; width:275px;height:273px;padding:10px 0 10px 0; background:#fff;}
#homeProducts h1{ width:247px;}
#homeProducts h2{ font-size:12px; font-weight:700;color:#2e9dd1; padding-bottom:10px; }
#homeProducts a img{ border:1px solid #fff; padding:1px; width:76px; height:38px; margin:6px 5px 6px 0;}
#homeProducts a:hover img{ border:1px solid #39b64b;}

/******** homeTags ********/
#homeTags{ float:right; width:180px;height:263px;padding:20px 0 10px; background:#fff url(images/photo.jpg) no-repeat bottom right; color:#1d98d3; font-size:12px; text-indent:2em; line-height:26px;}
#homeTags a{ font-size:14px; font-weight:700; padding:0 2px; padding:2px 5px;}
#homeTags a:hover{ background:#d6effa; text-decoration:none;}

/******** homeLinksBox ********/
#linksBox{ clear:both;margin-top:15px; padding-top:15px; *padding-top:0; height:91px; height:47px; background: url(images/linksbox_bg.gif) no-repeat 0 15px; *background-position:0 0;}
#linksBox a img,#linksBox a:hover img{ border:none; margin:8px 0 0 10px;}

/******** menuColumn ********/
#menuColumn{ width:190px; height:100%; float:left; padding:0 0 0 10px;background:#f0f9fd;}
#menuColumn h1{ width:160px;}
#menuColumn ul li {padding:10px 15px 0;font-weight:700; color:#39b64b;}
#menuColumn ul li a{color:#39b64b;}

/******** showColumn ********/
#showColumn{ float:right; width:565px;border-right:1px solid #f0f9fd; padding:0 20px; background:#fff;display:table;}
#showColumn h1 {background:none;padding-left:0;border-bottom:1px solid #f0f9fd;color:#39b64b; margin-bottom:10px;}
.contentBox{}
.contentBox h2{ font-size:12px; font-weight:700; color:#1d98d3;}
.contentBox h3{ font-weight:400; color:#1d98d3; margin-bottom:10px;}
.contentBox p{ line-height:25px;}
.contentBox .content{ padding:15px 0;line-height:25px;}
.contentBox .content form{ clear:both;}
.contentBox .content h2{font-size:12px; font-weight:700; color:#1d98d3;}
.contentBox .content img{ float:left; margin:10px 20px;}
.contentBox .content table td{ padding:2px 0;}

/******** productsMenu ********/
#productsMenu{ padding:10px 0 0 10px;}
#productsMenu ul {margin:0;padding:0;list-style: none;width: 168px;font-size:12px;}	
#productsMenu ul li { margin:0; padding:0;position: relative;}	
#productsMenu li ul {position: relative;left: 0;top: 0;display: none;}
#productsMenu ul li a {display: block;text-decoration: none;color: #1d98d3;padding: 5px;font-weight:700;}
#productsMenu li ul li a { display:block;color:#39b64b; padding-left:10px; font-weight:400;}
#productsMenu li ul li a:hover{ font-weight:700;}
#productsMenu li ul li ul li a {color:#1abbbf;font-weight:400; padding-left:20px;}
#productsMenu li ul li ul li a:hover {color:#1abbbf;font-weight:700; padding-left:20px;}
* html #productsMenu ul li { float: left; height: 1%;}
* html #productsMenu ul li a { height: 1%;}
#productsMenu li:hover ul, #productsMenu li.over ul { display: block;}

/******** productsDetail ********/
.productLogo .logoImg{ width:150px; float:left;}
.productLogo .logoText{ width:250px; float:right; text-align:right; font-size:14px;}
.productShow{ margin:20px 0; clear:both;}
.productShow{ margin:20px 0;}
.productShow img{ border:4px solid #f4f4f4; padding:1px;}
.productDetail{ line-height:25px;}
.productDetail h2{color:#1d98d3;border-bottom:1px solid #f0f9fd; padding:5px 0;}
.productDetail h3{color:#39b64b;padding:5px 10px 0;}
.productDetail h3 span{ font-weight:400;color:#1d98d3;}
.productDetail p{ text-indent:2em;}
.productDetail ul{ padding:10px;}
.productDetail ul li span{ clear:both;}
.productDetail ul li p{ word-spacing:inherit; text-indent:0;}
.productDetail ul li p label{ float:left; width:55px; margin-right:10px; font-weight:700;}
.productLink{height:30px; padding:10px 0 0}
.productLink .download  a{ background:url(images/download.gif) no-repeat 0 0; width:80px; padding:5px 30px; }
.productLink .example a { background:url(images/example.gif) no-repeat 0 0; width:60px; padding:5px 30px; }
.productSingle{padding:15px 0;}
.productSingle .productLogo{width:170px; float:left; margin-right:5px;}
.productSingle .productLogo img{}
.productSingle .productBrief{width:390px; float:left;}
.solgan{font-size:12px;border-bottom:1px solid #f0f9fd;color:#39b64b; font-weight:700; line-height:20px; padding-bottom:5px; margin-bottom:5px;}
.productSingle .productBrief h2{color:#1d98d3;padding:5px 0;}
.productSingle .productBrief ul{ line-height:20px;}
.productSingle .productLink{height:30px; padding:10px 0 0}
.productSeries{ height:300px;margin-top:10px; padding-top:10px;border-top:1px solid #f0f9fd;}
.productSeriesSingle{ width:270px;float:left; padding:10px 10px 10px 0;}
.productSeriesSingle img{ float:left; margin-right:10px; border:1px solid #f0f9fd; padding:1px;}
.productSeriesSingle p{line-height:20px;}
.productSeriesSingle p b{color:#39b64b;}

.productSeriesSingle2{ padding:10px 10px 10px 0;}
.productSeriesSingle2 img{}
.productSeriesSingle2 h2{color:#1d98d3; margin:10px 0;}
.productSeriesSingle2 p{line-height:20px; text-indent:2em;}

.productSeriesSingle3{ width:270px; float:left; padding:10px 10px 10px 0;}
.productSeriesSingle3 img{ width:200px; height:200px; border:1px solid #f5b5d3; padding:1px;}
.productSeriesSingle3 .productBrief{ clear:both;}
.productSeriesSingle3 .productBrief ul{ line-height:20px;}

.NeoStrata h3{ clear:both; margin-bottom:10px;}
.NeoStrata ul{}
.NeoStrata li{ padding-left:2em;}
.NeoStrata .strong{ padding-left:0; font-weight:700;}
.NeoStrata img{ width:120px; height:204px; float:right; margin-left:10px;}
#NeoStrata12 table{ border-left:1px solid #999; border-top:1px solid #999; margin-left:25px;}
#NeoStrata12 td{ border-right:1px solid #999; border-bottom:1px solid #999; padding:2px 4px; color:#333;}
#NeoStrataList li{ background:url(images/arrow_green.gif) no-repeat 0 8px; padding-left:15px;}

.Castalia h3{ clear:both; margin-bottom:10px;}
.Castalia ul{}
.Castalia li{ padding-left:2em;}
.Castalia .strong{ padding-left:0; font-weight:700;}
.Castalia img{float:right; margin-left:10px;}
.Castalia h2{font-size: 14px;}

/******** about ********/
.teamMember{ border-top:1px dashed #ccc; padding:15px 0;}
.memberPhoto{ width:115px; float:left;}
.memberPhoto img{ width:90px; height:131px; border:4px solid #f4f4f4; padding:1px;}
.memberBrief{}
.contactMenu{ clear:both;height:40px; line-height:40px;border-bottom:1px solid #1d98d3; font-weight:700;}
.contactMenu a{ width:80px; display:block; float:left;}
.contactCity{ width:278px; height:155px; float:left;text-indent:0; border-bottom:1px solid #f0f9fd;}
.contactCity li{ clear:both;}
.contactCity label{ width:65px;float:left; color:#000;}
.contactCity span{ float:right; width:199px; padding-right:8px;}
.companyVision h2{ clear:both; margin:0;}
.companyVision ul{ margin:0; padding:0;}
.companyVision ul li{ width:135px; float:left; text-align:left; margin:0 0 10px; padding:0;}
.companyContent{}
.companyContent h2{ width:90px; float:left; text-align:left; padding-left:0;}
.companyContent p{ width:460px; float:left; text-indent:0; margin-bottom:10px;}


/******** news ********/
#newsList{ line-height:25px;}
#newsList li{ clear:both;}
#newsList a{ width:360px; float:left;}
#newsList span{ color:#999; float:right;}