body {font-family: arial;font-size: 11.5px;text-align:center;position: relative;padding: 0px; margin:0; color:#666}
ul, ul li, p { padding:0; margin:0}
a, a:hover { text-decoration:none}
a { color:#006699}
a:hover { color:#FFCC00}
a:visited { color:#999999}


#wrapper {text-align:center;background: repeat-y url("../images/page.jpg");width: 950px;margin: 0 auto; overflow:auto}
#main {text-align:center; width:757px;margin:0 auto 0 auto; padding: 10px 0 0}
#toplogo { width:757px; height:100px; color:#FF9900; font-size:10px}
#toplogo a { color:#333333}
#toplogo a:hover {color:#FF9900 }
.left {float:left}
.right{float:right}
#toplogo .left { border-top: solid 8px #FF9900; width:156px;text-align:left; padding:5px 0}
#toplogo .right {border-top: solid 8px #0F218B; width:601px; text-align:right; padding:5px 0}

#container {text-align:left; }
#container .left { margin:0px; width:156px}
#container .right { margin:0px; width:601px; min-height:400px}

#container .abox ul {margin:0; padding:0; text-align:center}
#container .abox ul li { border-right: #99CC00 1px solid; border-bottom:#99CC00 1px solid; border-left:#99CC00 1px solid; list-style:none; padding:0; margin:0}

#container .dbox a { color:#666666; width:140px}
#container .dbox, #container .dbox a:hover { color:#FF9900; width:140px}
#container .dbox ul {margin:0; padding:10px 0 0 0}
#container .dbox ul li{ border-bottom:#999999 1px solid; list-style:none; padding:5px 5px; margin:0; background:url(../images/bg-pt.gif)}

.tbox { color:#FFFFFF; font-weight:bold; text-align:left; background:#99CC00; width:151px; display:block; padding-left:5px}
.title { font-size:105%; font-weight:bold; color:#000000}
.indextitle { font-size:115%; font-weight:bold; color:#F60; margin: 12px 0 7px 0; display:block; border-bottom:#999 solid 1px}

.title-orange { font-size:105%; font-weight:bold; color:#F60; margin: 12px 0 3px 0; display:block; border-top:#999 dotted 1px; padding:5px 0 0 0}



#container2 { float:right; width:601px;text-align:left}
#container2 p { margin:5px 0 10px 0} 
#container2 .left { width:340px; min-height:150px; padding:10px 5px 5px 20px} 
#container2 .left a { color:#666} 
#container2 .right { width:210px; padding:15px 10px 5px 5px}
#container2 .right ul { list-style-image:url(../images/arrow3.gif); list-style-position:outside; margin: 0 0 0 10px; padding:0}
#container2 .right ul li { margin:10px 0 10px 0 }
#container2 .left ul { list-style-image:url(../images/arrow3.gif); list-style-position:outside; margin: 0 0 0 10px; padding:0}
#container2 .left ul li { margin:10px 0 10px 0 }
#container2 a { color:#006699} 
#container2 a:hover { color:#06F} 

#container2 .newscontent{ width:550px; min-height:150px; padding:10px 5px 5px 20px} 
.newscontent .header1 { font-size:14px;color:#FF6633}
.newscontent .header2 {font-size:14px;color:#000000;margin-top: 0px;margin-right: 0px;margin-bottom: 20px;margin-left: 0px}
#container2 .maintext{padding-top:3px 5px 3px 5px} 
#container2 .maintext ul { list-style-image:url(../images/arrow3.gif); list-style-position:outside; margin: 0 0 10px 10px; padding:0}
#container2 .project1 {padding-top: 12px;padding-bottom: 3px;padding-left: 10px;font-family: Arial, Helvetica, sans-serif;font-size: 12px;font-weight: bold;color: #006699}
#container2 .project2 {padding-top: 3px;padding-bottom: 3px;padding-left: 30px;font-family:Verdana, Arial, Helvetica, sans-serif;font-size: 11px;}
#container2 .project2 ul{height: 30px;width: 142px;float: left;}
#container2 .project3 {padding-top: 20px}
#container2 .logos {float:left}

#container2 .partners ul, #container2 .clients ul { margin:10px 0 10px 0}
#container2 .partners ul li{
list-style:none; display:block;width: 121px;margin-right: 16px;margin-bottom: 16px; float:left}
#container2 .clients ul li{
list-style:none; display:block;width: 90px;margin-right: 16px;margin-bottom: 16px; float:left}
#container2 .partners img, #container2 .clients img{ border:1px solid #999}





.logos .company {font-size:12px;color:#000000;font-weight:bold;padding-top: 3px;padding-bottom: 2px}

.columnleft{ width:150px; float:left; margin:0; padding:0;text-align:left; margin:10px 0}
.columnright{ width:380px; float:right; margin:0; padding:0;text-align:left; margin:10px 0}

#banner-common { background:#663300 url(../images/bg-banner.gif) repeat-x; width:706px; height:85px; list-style:none}
#banner-common .left { width:150px; font-size:16px; color:#FFFFFF; padding:55px 0 0 15px; text-align:left}
#banner-common .right { width:500px; height:85px; font-size:14px;}
#banner-common .right ul{ margin:0; padding:0 5px 0 0}
#banner-common .right ul li{float: right; padding:0 0 0 0;display:block; height:85px; width:48px; }
#banner-common ul li a{display:block; height:35px; width:48px; background:url(../images/bg-banner-item.jpg) repeat-x; color:#FFFFFF; padding:50px 0 0 0;}
#banner-common ul li, #banner-common ul li a:hover{display:block; height:35px; width:48px; padding:50px 0 0 0; color:#663300; background:url(../images/bg-banner-item_over.jpg)}
img {border:0}
.smallimage{ float:left; margin:2px 10px 0 0 }
.copyright {margin:0 0 0 0; padding:5px 0 0 0; font-size:95%; color:#999999}


img.newsimage{ margin:8px 12px 12px 0 }
.landing-product ul  { margin:5px 0 15px 10px; padding:0}
.landing-product ul li { margin:4px 0 0 25px; padding:0; list-style-image:url(../images/arrow2.gif); color:#666 }


.menu ul  { margin:5px 0 0 0; padding:0}
.menu ul li { display:inline; padding: 0 10px 0 10px; border-right:1px solid #999999; margin: 10px 0 0 0}
.awardlogo .awardheader { color:#FFF; background:#369; margin:15px 0 0 0; padding:8px 0 8px 8px }
.awardlogo ul{}
.awardlogo ul li{ list-style:none; border-bottom:solid 1px #369; border-right:solid 1px #369; border-left:solid 1px #369}

#footer3 {width: 706px;margin: 5px auto}
#footer3 .left { text-align:left;border-top: solid 3px #999999; width:220px; font-weight:bold}
#footer3 .right { text-align:right; border-top: solid 3px #CCCCCC;width:486px;}
#footer3 a { color:#474D6F;}
#footer3 a:hover { color:#797979}
#footer { clear:both;height: 50px;	background: url("../images/footer.jpg") no-repeat center top;width: 950px;margin: 0 auto;}
img.banner{ margin:6px 1px 0px 1px; border:#006 1px solid}
img.pic1 { margin:10px 0; float:right }
img.picleft{ float:left; margin:10px 10px}
img.picright{margin:10px 0}
.clear{ clear:both}

.current {padding:50px 0 0 0;}

.floatlogo {width: 706px;margin: 5px auto}
.floatlogo .left{float:left;list-style:none; padding:0; margin:0; border:0; width:340px; border:0}
.floatlogo .right{float:right;list-style:none; padding:0; margin:0 ; border:0; width:330px; border:0}
.floatlogo .right ul{float:right}
.floatlogo .right ul li{ float:left;list-style:none; display:inline; padding:0; margin:0 ; border:0}


.mainmenu {font-size:12px; font-weight:bold; float:right; margin:25px 0 0px 0; width:550px; color:#FFCC00}
.mainmenu ul li {float:left; text-decoration:none; text-align:right; color:#000; height:1.2em; display:block; padding:10px 15px 10px 15px;
  margin:0px; border-right:#ccc solid 1px; color:#FF9900}
.mainmenu a {text-decoration:none;text-align:right; color:#000;}
.mainmenu ul, .mainmenu ul li  {list-style:none}
.mainmenu a:hover {  color:#fff; }

#container2 {float:right; width:601px;text-align:left}

#container2 .grid ul {float: left;padding: 10px 0px 0 6px;width: 130px}
#container2 .grid ul li {padding:0 0 0 0px;list-style-image:url(../images/arrow2.gif);color:#666;margin:0 0 0 18px;list-style-position: outside}
#container2 .product {font-size:13px;border-bottom-width: 2px;border-bottom-style: solid;border-bottom-color: #FF9900;color: #000000;padding: 4px 0 1px 0;display:block}

#container2 .grid ul .columnA { display:inline; width:70px; float:left}
#container2 .grid ul .columnB { display:inline; width:70px}

.column4 { margin:0px 0 0px 0; width:550px; color:#FFCC00}
.column4 ul { list-style:none ; margin:0 0 0 0; padding:0}
.column4 ul li {float:left;color:#000;  padding:3px 5px 10px 3px; margin:0px; width:125px;list-style:none }

.column4 ul li li{list-style-image:url(../images/arrow2.gif); list-style-position:outside; color:#000; padding:3px 5px 0px 0px;
  margin:0 0 0 5px; }

.column4 .blue {font-weight: bold;border-bottom: solid #006699; color: #006699}



#summary {width: 560px; padding:5px 5px 5px 5px}
#summary a{ color: #6699CC}
#summary .left {width: 325px; float:left; padding:0px 5px 0px 0px}
#summary .right {width: 225px; float:right;text-align: left; padding:0px 0px 0px 5px}
#summary .box1{ font-size:14px; font-weight:bold; color: #666; padding:20px 10px 10px 0}
#summary .box2{font-size: 11.5px;color: #666;height: 241px; padding-top:6px}
#summary .box3{font-size:12px;background-image: url(../images/visit.gif);background-repeat: no-repeat;height: 25px;padding-top: 6px;padding-left: 30px}

#popup {width: 433px; padding-top: 5px}
#popup .left {width: 203px;float: left;text-align: left;}
#popup .right {width: 230px;float: right;text-align: right;}
#popup .po1 {font-size: 16px;font-weight: bold;color: #000066;text-align: left;}
#popup .po2 {font-size: 16px;padding-top: 15px;font-weight: bold;color: #333333;text-align: left}
#popup .po3 {font-size: 10px;padding-top: 20px;color: #333333;text-align: left}