body { margin:0px; background-image:url(images/main-bg.jpg); background-repeat:repeat-x; background-position:top; background-color:#B5B7AA;}

#mainContainer {width:980px;height:auto; position:relative; margin:0px auto; height:auto; display:block;}

#top-nav { width:960px; height:34px; display:block; position:relative; margin-left:10px; margin-right:10px;}
#top-nav .smalllink { width:250px; height:10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; float:right; padding-top:15px;}
#top-nav .smalllink ul { width:250px; float:left; padding:0px; margin:0px; list-style:none;}
#top-nav .smalllink ul li { width:auto; float:left; padding-left:9px; padding-right:11px;}
#top-nav .smalllink ul li a{ color:#000000; text-decoration:none; }
#top-nav .smalllink ul li a:hover{ color:#fff; text-decoration:underline;}


#topbodyContainer { width:980px; height:auto; margin:0px; background:#FFFFFF; }
#topbodyContainer .top-border-image{ width:980px; height:11px;}
#topbodyContainer .logo-banner{ width:960px; height:97px; margin-left:10px; margin-right:10px;}
#topbodyContainer .logo{ width:252px; height:97px; float:left; }

/*main menu*/
#main-menu { width:660px; height:auto; margin-top:20px; margin-left:48px; float:left;}

#main-menu .mainlink{ width:660px; height:auto; font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; color:#FF3300; float:left;}

#main-menu .mainlink ul{ width:660px; float:left; padding:0px; margin:0px; list-style:none;}
#main-menu .mainlink ul li { width:auto; height:59px; float:left; padding:0px; margin:0px;}
#main-menu .mainlink ul li .top { width:auto; float:left; padding-left:20px; padding-right:20px; padding-top:18px; display:block;}
#main-menu .mainlink ul li a { color:#FF3300; text-decoration:none;}
#main-menu .mainlink ul li a:hover { color:#000; text-decoration:none;}

/*Banner*/
#banner { width:980px; height:396px; float:left; background-color:#FFFFFF;}
#banner .image-banner{ width:628px; height:396px; margin-left:10px; float:left; }
#banner .text-banner{ width:332px; height:396px; margin:0px; float:left; background-image:url(images/banner2.jpg); background-position:left; background-repeat:no-repeat; }
#banner .banner-text{ width:332px; height:125px; margin:0px; float:left; font-family:"Century Gothic", Tahoma, sans-serif, "Zurich Cn BT", Arial; font-size:22px; color:#FFFFFF; padding-top:271px; padding-left:5px; padding-right:5px;}

/*Body*/
#bodyContainer { width:980px; height:auto; float:left; background-color:#FFFFFF;}
#rightcontainer { width:687px; height:auto; float:left; margin-left:10px;  margin-bottom:10px;}
#rightcontainer .image{ width:644px; height:auto; float:left; margin-left:5px;}
#rightcontainer .heading{ font-family:"Century Gothic", Tahoma, sans-serif, "Zurich Cn BT", Arial; color:#9A8874; font-size:30px; margin-left:5px;}
#rightcontainer .text{ font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000000; margin-left:5px; margin-top:10px; line-height:20px; text-align:justify;}
#rightcontainer .text a{ color:#000000; text-decoration:none;}
#rightcontainer .text a:hover { color:#FF6600; text-decoration:none; }

#leftcontainer { width:251px; height:auto; float:left; margin-left:22px;  margin-bottom:10px;}
#leftcontainer .our-servicebox { width:251px; height:auto; float:left; margin-top:10px;  margin-bottom:15px; background-color:#F5FBF1;}
#leftcontainer .heading2 { font-family:Arial, Helvetica, sans-serif; font-size:14px; font-weight:bold; margin-left:15px; margin-top:15px; margin-bottom:10px;}
#leftcontainer .service-menu { width:230px; height:auto; float:left; margin-left:15px; display:block; margin-bottom:10px;}
#leftcontainer .service-menu ul { width:230px; height:auto; list-style:none; margin:0px; padding:0px; }
#leftcontainer .service-menu ul li{width:180px; height:30px; padding-top:12px; float:left;  border-bottom: dotted 1px #000000; font-family:Arial, Helvetica, sans-serif; font-size:16px; list-style:none; color:#666666;}
#leftcontainer .service-menu ul li a{ text-decoration:none; color:#666666;}
#leftcontainer .service-menu ul li a:hover{ text-decoration:none; color:#000;}

/*color box*/
#colorboxContainer { width:980px; height:206px; float:left;}
#box1 { width:208px; height:184px; float:left; margin-left:15px; margin-right:10px; margin-top:11px; background-image:url(images/03.jpg); background-repeat:no-repeat;}
#box1 .heading3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; padding-left:8px; padding-right:8px; padding-top:18px; padding-bottom:10px;}
#box1 .box-text { height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding-left:8px; padding-right:8px; padding-top:8px; line-height:20px;} 
#colorboxContainer .text-more-detail{ width:auto; height:auto; margin-top:5px; margin-right:15px; padding-left:2px; padding-right:2px; float:right; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:11px; text-align:right; color:#003399; background-color: #000000; padding-top:2px; padding-bottom:2px; text-decoration:underline;}
#colorboxContainer .text-more-detail a { color:#ffffff; text-decoration:underline}
#colorboxContainer .text-more-detail a:hover { color:#ffffff; text-decoration:none;}

#box2 { width:221px; height:184px; float:left; margin-left:9px; margin-right:5px; margin-top:11px; background-image:url(images/04.jpg); background-repeat:no-repeat;}
#box2 .heading3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; padding-left:8px; padding-right:8px; padding-top:18px; padding-bottom:10px;}
#box2 .box-text {height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding-left:8px; padding-right:8px; padding-top:8px; line-height:20px;} 

#box3 { width:232px; height:184px; float:left; margin-left:9px; margin-right:5px; margin-top:11px; background-image:url(images/05.jpg); background-repeat:no-repeat;}
#box3 .heading3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; padding-left:8px; padding-right:8px; padding-top:18px; padding-bottom:10px;}
#box3 .box-text {height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding-left:8px; padding-right:8px; padding-top:8px; line-height:20px;} 

#box4 { width:239px; height:184px; float:left; margin-left:9px; margin-right:5px; margin-top:11px; background-image:url(images/06.jpg); background-repeat:no-repeat;}
#box4 .heading3 { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; padding-left:8px; padding-right:8px; padding-top:18px; padding-bottom:10px;}
#box4 .box-text {height:100px; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#fff; padding-left:8px; padding-right:8px; padding-top:8px; line-height:20px;} 


/*Footer containre*/
#footerContainer { width:980px; height:auto; float:left; background-color:#FFFFFF; background-image:url(images/07.jpg); background-position:bottom; background-repeat:no-repeat;}
#footerContainer .box1{ width:320px; height:auto; float:left; margin-left:10px; margin-bottom:15px; margin-top:15px;}
#footerContainer .box2{ width:320px; height:auto; float:left; border-left:dotted 1px #666666; border-right:dotted #666666 1px; margin-top:15px;}
#footerContainer .box3{ width:320px; height:auto; float:left; margin-bottom:15px; margin-top:15px;}
#footerContainer .heading4{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; padding:5px 25px 10px 25px;}
#footerContainer .heading4 a { font-family:Arial, Helvetica, sans-serif; font-size:14px; color:#000000; font-weight:bold; padding:5px 25px 10px 25px; text-decoration:underline;}
#footerContainer .heading4 a:hover{ font-family:Arial, Helvetica, sans-serif; font-size:14px; color: #003399; font-weight:bold; padding:5px 25px 10px 25px; text-decoration:none;}

#footerContainer .news-text{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666666; padding:10px 25px 10px 25px; line-height:18px;}
#footerContainer .news-more{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#FF6600; text-align:right; padding:10px 25px 10px 25px; line-height:18px;}
#footerContainer .news-more a{color:#FF6600; text-align:right; text-decoration:none;}
#footerContainer .news-more a:hover{color:#000000; text-align:right; text-decoration:underline;}
#footerContainer .news-image{ width:270px; height:99px; padding:10px 25px 10px 25px;}
#footerContainer .news-orange-text{ font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#ff6600; padding:10px 25px 10px 25px; line-height:18px;}
#footerContainer .news-orange-text a { color:#ff6600; text-decoration:none;}
#footerContainer .news-orange-text a:hover { color:#000; text-decoration:underline;}

/*Footer links container*/
#footer-link-container {width:980px; height:60px; float:left; margin-top:10px;}
#footer-link-container .copyright{width:300px; height:auto; float:left; margin-left:10px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000;}
#footer-link-container .link{width:550px; height:auto; float:left; margin-left:110px; font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; text-align:right;}
#footer-link-container .link a {color:#000000; text-decoration:none; }
#footer-link-container .link a:hover {color:#fff; text-decoration:none; }
#footer-link-container .smalllink { width:960px; height:10px; font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#000000; font-weight:bold; float:left; padding-top:15px; padding-bottom:10px;}
#footer-link-container .smalllink ul { width:960px; float:left; padding:0px; margin:0px; list-style:none;}
#footer-link-container .smalllink ul li { width:auto; float:left; padding-left:15px; padding-right:15px;}
#footer-link-container .smalllink ul li a{ color:#000000; text-decoration:none; }
#footer-link-container .smalllink ul li a:hover{ color:#fff; text-decoration:underline;}