body { margin:0px; padding:0px; font-family:arial; font-size:12px; color:#1d1d1d; border-top:2px solid #2e3192;}
ul,li,span,p,h1,h2,h3 { margin:0px; padding:0px;}
li{list-style:none;}
img { border:none;}
a {text-decoration:none;}
.main{width:1000px; margin:auto;}

#main-wrapper {width:100%; float:left;}

#header { width:100%; float:left;}
#header h1.logo { float:left; margin:15px 0px;}

#header span.contact { float:right; background:url(../images/contact-icon.jpg) top left no-repeat; font-size:11px; width:55px; line-height:17px; margin-top:8px; padding-left:23px;
color:#c1282e;margin-bottom: 8px;}
#header .rightserach { width:235px; float:right; margin-top:0px;}
#header .searchbox { background: url("../images/serachbg.jpg") no-repeat scroll left top transparent; float:righr; height: 33px; margin-right: 10px; width:236px; float:left; }

#header .searchbox input {
    border: medium none;color: #535353;float: left;font-size: 11px;height:22px;line-height: 14px; margin-left: 5px; margin-top: 5px; width:195px; float:left; background:none;
}

#header.searchbox #btn-submit {
    background: url("../images/searchin.png") no-repeat scroll left top transparent;
    border: medium none; cursor: pointer; height:14px; margin-left: 5px; margin-top:10px; width:16px;
}


#menubar { width:100%; float:left; border-top:1px solid #e8e8e8; border-bottom:1px solid #e8e8e8; height:36px; line-height:35px; }
#menubar ul { float:left;}
#menubar ul li { list-style:none; display:inline; }
#menubar ul li a { text-decoration:none; color:#000; border-left:1px solid #e8e8e8; margin-left:0px; font-family:Myriad Pro; font-size:13px; text-transform:uppercase; margin-right:0px; padding:12px 13px; margin-right:5px;}
#menubar ul li a:hover { color:#fff; background:#64b45c;}
#menubar ul li a.active { color:#fff; background:#64b45c; border:none;}

#slider { float:left; width:100%; background:url(../images/banner-bg.jpg) bottom left repeat-x; height:342px;}
#slider .sliderbg { position:relative; z-index:999;width:1280px; margin:0 auto;}

#slider1 {  width:100%; height:342px; float:left;}
#slider1 .sliderbg { position:inherit; z-index:999; width:100%; margin:auto; height:360px;  background:url(../images/contup.png) bottom center no-repeat;}

#inner-banner { float:left; width:100%; background:none;}
#inner-banner .bannerbg { position:relative; z-index:999;width:1000px; margin:0 auto;}
#inner-banner .news-slid{background:#356086; width:980px; margin:0 auto; color:#FFF; padding:10px;}


#container { width:1000px; margin:auto; }
#container #indexleft { width:655px; float:left; margin-top:15px;}
#container #indexleft p { text-align:justify; line-height:18px;}

span.abt { font-family:"Myriad Pro", Calibri; font-size:21px; color:#2b2b2c; line-height:25px; margin-bottom:10px;}
#aboutindo p { margin-top:10px;}
#container #indexleft h1 { font-weight:normal; background:url(../images/border-line.png) bottom left repeat-x; width:100%; clear:both; float:left; padding-bottom:10px; margin-bottom:10px; color:#0d4c79; font-family:"Myriad Pro", Calibri; font-size:19px;}
#container #indexright { width:300px; float:right; margin-top:15px;}
#container #indexright h1 { font-weight:normal; background:url(../images/border-line.png) bottom left repeat-x; width:100%; clear:both; float:left; padding-bottom:10px; margin-bottom:10px; color:#0d4c79; font-family:"Myriad Pro", Calibri; font-size:19px;}

div#aboutindo { float:left;}
#aboutindo img { float:left; margin-right:10px;}
div.box1 { float:left; width:310px; margin-top:15px;}
div.box2 { float:right; width:288px; margin-top:15px;}
div.box2 p{}

div.newsco { width:100%; clear:both;}
div.dateco { float:left; width:100%; margin-bottom:10px; border-bottom:1px dotted #cccccc; padding-bottom:10px;}
p.date { float:left; width:50px; border-right:1px solid #cccccc; margin-right:10px; }
p.date span { color:#b50d13; display:block;}
div.dateco p a{color: #1D1D1D;}

a.more { float:left; clear:both; margin-top:10px;}
a.more1 { float:left; clear:both; margin-bottom:10px;}

span.icon1 { background:url(../images/abt-icon.png) top left no-repeat; padding-left:35px; width:100%; float:left; clear:both; line-height:27px;}

span.icon2 { background:url(../images/product-icon.png) top left no-repeat; padding-left:35px; width:100%; float:left; clear:both; line-height:27px;}
span.icon3 { background:url(../images/project-icon.png) top left no-repeat; padding-left:35px; width:100%; float:left; clear:both; line-height:27px;}
span.icon4 { background:url(../images/updateicon.png) top left no-repeat; padding-left:35px; width:100%; float:left; clear:both; line-height:27px;}
span.icon5 { background:url(../images/vision-icon.png) top left no-repeat; padding-left:35px; width:100%; float:left; clear:both; line-height:27px;}


#inner-container{width: 100%; float:left;}

.breadcrume{width:970px; float:left; border-bottom:1px #b0b0b0 dotted; padding:15px; color:#3f4059; margin-bottom:15px;}
.breadcrume a{color:#0f8303; margin-right:15px; background: url(../images/bread-curme-arrow.jpg) no-repeat right center; padding-right:15px;}

#left-col{width: 235px; float:left;}
#left-col ul{float:left; width:235px; box-shadow: 1px 1px 5px #888888; margin-top:20px;}
#left-col ul li{float:left; width:220px; border-bottom:1px #b0b0b0 dotted; padding-left:15px; }
#left-col ul li:hover{ background:#ececec url(../images/green-stip.jpg) no-repeat left center; color:#000;}
#left-col ul li a{ float:left; width:190px; padding:10px 15px; color:#595959;  background: url(../images/left-menu-arrow.png) no-repeat left center; }
#left-col ul li a:hover{ color:#000;}


#content{width: 720px; float:left; margin-left:20px; background:url(../images/content-bg-1.jpg) repeat-y left top; padding-left:25px; padding-top:20px;}
#content .row1 h3{ text-align:justify;font-family:Arial; font-size:18px; color:#c1282e; border-bottom:1px #b0b0b0 dotted; margin-bottom:10px; padding-bottom:10px; font-weight:normal;}
#content .row2 h3{ text-align:justify;font-family:Arial; font-size:18px; color:#c1282e; border-bottom:1px #b0b0b0 dotted; margin-bottom:10px; padding-bottom:10px; font-weight:normal;}

#content .row1 p{ text-align:justify;font-family:Arial; font-size:12px; color:#1d1d1d; line-height:20px;}
#content .row1 p img{ background:#dddddd; padding:4px; border:1px solid #fff; float:left; margin-right:20px;}
#content .row2 p{ text-align:justify;font-family:Arial; font-size:12px; color:#1d1d1d; line-height:20px;}
#content .row2 p img{ background:#dddddd; padding:4px; border:1px solid #fff; float:right; margin-left:20px;}







#content1{width:1000px; float:left;background:none;}
#content1 h3{ text-align:justify;font-family:Arial; font-size:18px; color:#c1282e; border-bottom:1px #b0b0b0 dotted; margin-bottom:10px; padding-bottom:10px;}
#content1 h3{ text-align:justify;font-family:Arial; font-size:18px; color:#c1282e; border-bottom:1px #b0b0b0 dotted; margin-bottom:10px; padding-bottom:10px}

#content1 p{ text-align:justify;font-family:Arial; font-size:12px; color:#1d1d1d; line-height:20px;}
#content1 p img{ background:#dddddd; padding:4px; border:1px solid #fff; float:left; margin-right:20px;}
.news p{margin-bottom:10px;}

ul.sitemap{ margin-left:20px; margin-top:20px;}
ul.sitemap li{ background:none; margin:0; width: 195px; float:left;}
ul.sitemap li a{color: #595959; padding:0px 0px; font-weight:bold; font-size:14px;}
ul.sitemap li ul{}
ul.sitemap li ul li{background: url("../images/left-menu-arrow.png") no-repeat scroll left top rgba(0, 0, 0, 0);margin:5px 0; }
ul.sitemap li ul li a{font-weight:normal; font-size:12px; padding:0px 15px; }

#footerout { background:#1a3c5c; float:left; width:100%; height:80px; margin-top:15px; }
#footer { width:1000px; margin:auto;}
div.links { float:left; width:630px; margin-top:20px;}
div.links ul { float:left;}
div.links ul li { list-style:none; display:inline; border-right:1px solid #B8C2CB; margin:0px 0px; float:left; margin-bottom:7px;}
div.links ul li a { text-decoration:none; color:#B8C2CB; float:left; margin-right:8px; margin-left:8px; line-height:11px; font-size:11px;}
div.rightlinks { float:right; margin-top:20px; color:#B8C2CB;}
div.rightlinks a { color:#B8C2CB; text-decoration:none;}
div.design { text-align:right; margin-top:5px;}

div.newsco { margin-bottom:10px; float:left; font-size:12px; margin-bottom:5px;}
span.headnews a { color:#333; font-weight:bold; color:#333!important; background: url("../images/greyli.png") no-repeat scroll left top; padding-left:15px;}
div.newsco a { color:#B50D13;}
div.newsco p { margin-left:15px;}

div.newsfull { width:1000px; float:left;}
div.news { width:740px; float:left;}
div.newsright { float:right; width:235px;}
div.newsright h1 { font-weight:normal; background:url(../images/border-line.png) bottom left repeat-x; width:100%; clear:both; float:left; padding-bottom:10px; margin-bottom:10px; color:#0d4c79; font-family:"Myriad Pro", Calibri; font-size:19px;}

div.row1 { margin-bottom:15px; float:left;}
div.row1 p { margin-bottom:10px;}
div.row2 p { margin-bottom:10px;}
div.row1 ul { margin:10px 0px;}
div.row1 ul li  {  background:url(../images/greyli.png) top left no-repeat; padding-left:15px; margin-bottom:7px;}