/*

Designed and Coded By: Arkive Technologies
Date: 23/05/2011

*/
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
    }
	
body{ margin:0 auto;}
.header{ width:1000px; height:150px; margin:0 auto; padding:0 0 0 0; background:url(../img/leaf.png) no-repeat top left; position:relative;}
.header h2{ font:normal 11px Arial, Helvetica, sans-serif; color:#000; text-decoration:none; width:50px; height:10px; padding:0 0 0 0; left:960px; float:right !important; margin:5px 10px 0 0px; position:absolute;}
.header .logo{ width:283px; height:71px; margin:65px 0 0 10px ; padding:0 0 0 0; float:left;}
.header .search{ width:420px; height:50px; margin:45px 0 0 0px ; padding:0 0 0 0; float:right;}
.header .search h1{ width:auto; height:34px; margin:0px 0 0 0px ; padding:0 0 0 0; float:left; font:bold 16px Arial, Helvetica, sans-serif; line-height:34px;}
.header .search .box{ width:207px; height:23px; margin:0px 0 0 45px ; padding:0 0 0 0; float:left; font:normal 12px Arial, Helvetica, sans-serif; line-height:23px;}
.header .search .box .button{ width:25px; height:25x; margin:-3px 0 0 0px ; padding:0 0 0 0; float:left;line-height:25px;}
.header .navbar{ position:relative; width:600px; !important; height:32px; margin:23px 6px 0 0px ; padding:0 0 0 0; float:right;}
/*.header .navbar ul{ width:600px !important; height:32px; margin:0px 0 0 0px ; padding:0 0 0 0; float:right;}
.header .navbar ul li{ width:auto; height:32px; margin:0px 0 0 4px !important ;  float:right; font:bold 12px Arial, Helvetica, sans-serif; background:url(../img/nav.jpg) repeat-x; line-height:32px; color:#FFF;}
.header .navbar ul li a{ text-decoration:none; display:block; background:url(../img/nav.jpg) repeat-x;width:auto; height:32px; margin:0px 0 0 0px ; padding:0 10px;color:#FFF;  }
.header .navbar ul li a:hover{ display:block; background:url(../img/nav-hover.jpg) repeat-x;width:auto; height:32px; margin:0px 0 0 0px ; padding:0 10px; color:#FFF;  }
*/.active{ display:block; background:url(../img/nav-hover.jpg) repeat-x;width:auto; height:32px; margin:0px 0 0 0px ; padding:0 10px; color:#FFF;  }
.banner{ width:100% !important; height:292px; background:url(../img/banner-bg.jpg) repeat-x; margin:0 auto; padding:0 0; float:none; overflow:hidden; clear:both;}
.banner .flash{ width:1000px; height:292px; margin:0 auto ; padding:0 0 0 0;}
.banner1{ width:100% !important; height:150px; background:url(../img/banner-bg.jpg) repeat-x; margin:0 auto; padding:0 0; float:none; overflow:hidden; clear:both;}
.banner1 .flash1{ width:1000px; height:150px; margin:0 auto ; padding:0 0 0 0;}
.main{ width:100% !important; height:auto;  margin:0 0 0 0; padding:0 0 0 0;  background:#FFF url(../img/leaf1.png) repeat-x bottom left; overflow:hidden; clear:both;}
.main .content{ width:1000px; height:auto; margin:0 auto ; padding:0 0 0 0; background:#FFF url(../img/leaf1.png) no-repeat bottom left !important ; overflow:hidden; }
.main .content .text{ width:430px; height:auto; margin:0 0 0 0 ; padding:0 0 0 0; float:left !important; }
.main .content .text ul{ width:400px; height:auto; margin:0 0 0 0 ; padding:0 0 0 0; float:left !important; }
.main .content .text ul li{ width:300px; height:16px; margin:5px 0 0 20px ; padding:0 0px 0 25px; float:left !important; line-height:16px; background:url(../img/check.png) no-repeat;font:bold 12px Arial, Helvetica, sans-serif; }
.main .content .text1{ width:995px !important; height:auto; margin:0 0 0 0 ; padding:0 0 0 0; float:left !important;  font: normal 12px Arial, Helvetica, sans-serif; line-height:18px; }
.main .content .text1 ul{ width:220px; height:auto; margin:10px 0 15px 0px ; padding:0 0 0 0; float:left !important; }
.main .content .text1 ul li{ width:220px; height:16px; margin:10px 0 0 20px ; padding:0 0px 0 0px; float:left !important; line-height:16px; font:bold 12px Arial, Helvetica, sans-serif; }
.main .content .text1 p{ width:970px; height:auto; margin:10px 0 0 20px ; padding:0 0 0 0; float:left; font:normal 12px Arial, Helvetica, sans-serif !important; text-align:justify !important; line-height:18px !important; }
.main .content .text h1{ width:390px; height:auto; margin:10px 0 0 20px ; padding:0 0 0 0; float:left;  }
.main .content .text p{ width:390px; height:auto; margin:10px 0 0 20px ; padding:0 0 0 0; float:left; font:normal 12px Arial, Helvetica, sans-serif !important; text-align:justify !important; line-height:18px !important; }
.main .content .text p span{ float:right; margin:30px 0 0 0; font: bold 12px Arial, Helvetica, sans-serif; text-align:center; background:url(../img/more.png) no-repeat; width:64px; height:21px; padding:2px 0 0 0;}
.main .content .text p span a{ text-decoration:none; color:#FFF;}
.main .content .text p span a:hover{ color:#000;}
.main .scrolling{ width:560px !important; height:auto; margin:0 0 20px 0 ; padding:0 0 0 0;float:left !important; position:relative; background:#FFF !important; }
.main .scrolling h1{ width:480px !important; height:auto; margin:0 0 0 0  !important; padding:0 0 0 0; float:left; display:block; }
.main .scrolling .moving{ width:555px; height:155px; margin:0 0 0 0 ; padding:0 0 0 0; float:left !important; display:block; background:#435c00; position:relative;}
.main .scrolling p{ width:535px; height:auto !important; margin:10px 0 0 20px ; padding:0 0 0 0; float:left; font:normal 12px Arial, Helvetica, sans-serif !important; text-align:justify !important; line-height:18px !important; }
.footer{ width:100% !important; height:50px !important;  margin:0 0 0 0; padding:0px 0 0 0;  background:#1c1c1c; overflow:hidden;}
.footer .copy{ width:980px; height:50px !important; margin:0 auto  !important; padding:0 0 0 0;}
.footer .copy p{ width:980px; height:50px !important; margin:5px 0 0 5px  !important ;  font:bold 10px Arial, Helvetica, sans-serif; color:#FFF; float:left; line-height:40px;  }
.footer .copy p span{ float:right;}
.display{ width:1000px; height:auto; margin:10px 0 0 0; padding:0 0 0 0; float:left;}
.display ul{ width:980px !important; height:auto !important; margin:0 0 0 18px !important; padding:0 0 0 0; float:left;}
.display ul li{ width:227px !important; height:250px !important; margin:0 18px 0 0 !important; padding:0 0 0 0 !important; float:left; background:none !important;}
.main .content .text2{ width:980px; height:auto; margin:0 0 0 0 ; padding:0 0 0 0; float:left !important;  font: normal 12px Arial, Helvetica, sans-serif; line-height:18px; }
/*.main .content .text2 ul{ width:220px; height:auto; margin:10px 0 15px 0px ; padding:0 0 0 0; float:left !important; }
.main .content .text2 ul li{ width:300px; height:16px; margin:10px 0 0 20px ; padding:0 0px 0 25px; float:left !important; line-height:16px; background:url(../img/check.png) no-repeat;font:bold 12px Arial, Helvetica, sans-serif; }
*/
.main .projects{ width:240px !important; height:auto; margin:0 0 20px 15px ; padding:0 0 0 0;float:left !important;  background:#FFF !important; }
.main .projects h1{ width:220px; height:15px; margin:0 0 0 0 ; padding:0 0 0 0; float:left; font:bold 14px Arial, Helvetica, sans-serif;}
.main .projects ul{ width:220px; height:auto; margin:0px 0 0px 0px ; padding:0 0 0 0; float:left !important; }
.main .projects ul li{ width:170px !important; height:16px; margin:10px 0 0 0px !important; padding:0 0px 0 25px !important; float:left !important; line-height:16px; background:url(../img/prev-btn.jpg) no-repeat !important;font:bold 12px Arial, Helvetica, sans-serif; }






.inner-welcome1{ width:690px; height:auto; float:left; margin:0 0 0 0; padding:0 0 0 0; position:relative; }
.inner-welcome1 h1{ width:300px; height:20px; float:left; margin:20px 0 0px 10px; padding:0 0 0 0; font:bold 16px Arial, Helvetica, sans-serif; color:#000;}

.inner-welcome1 h2{ width:235px; height:20px; float:right; margin:20px 0 0px 10px; padding:0 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#000;}
.inner-welcome1 h2 a{ text-decoration:none; color:#666;}
.inner-welcome1 h2 a:hover{ color:#333;}
.active2{ color:#000 !important; font:bold 12px Arial, Helvetica, sans-serif;}

.inner-welcome2 h3{ width:50px !important; height:20px !important; float:right !important; margin:20px 0 0px 10px !important; padding:0 0 0 10px !important; font:normal 12px Arial, Helvetica, sans-serif; color:#000;  background:url(../img/arrow.png) no-repeat 0 2px !important;}
.inner-welcome2 h3 a{ text-decoration:none !important; color:#666;}
.inner-welcome2 h3 a:hover{ color:#333 !important;}


.inner-welcome1 p{ width:680px; height:auto; float:left; margin:10px 0 10px 10px; padding:0 0 0 0; font:normal 12px Arial, Helvetica, sans-serif; color:#333; text-align:justify; line-height:19px;}
.inner-welcome1 ul{ width:680px; height:auto; float:left; margin:10px 0 10px 10px; padding:0 0px 0px 0; }
.inner-welcome1 ul li{ width:200px; height:150px; float:left; margin:0px 10px 10px 0px; padding:5px;  font:bold 12px Arial, Helvetica, sans-serif; text-align:center; vertical-align:bottom; background:#CCC !important; }

.inner-welcome1 p span{  font:bold 12px Arial, Helvetica, sans-serif; color:#F00; }


.inner-welcome1 ul li a{ text-decoration:none; color:#666; margin:10px 0 0 0 !important;}
.inner-welcome1 ul li a:hover{ color:#000;}


.inner-welcome2{ width:690px; height:auto; float:left; margin:0 0 0 0; padding:0 0 0 0; position:relative !important; }
.inner-welcome2 h1{ width:300px; height:20px; float:left; margin:20px 0 0px 10px; padding:0 0 0 0px; font:bold 16px Arial, Helvetica, sans-serif; color:#000;}