.bg{
	background-image: url(images/bg-header.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding:0;
	margin:0;
	text-align: center;
	width: 100%;
}
.bg1{
	background-image: url(images/bg-header1.gif);
	background-repeat: repeat-x;
	background-position: center top;
	padding:0;
	margin:0;
	text-align: center;
	width: 100%;
}
.main-wrapper{width:997px; padding:0; margin:0 auto; text-align: center;}

a{font-family: "Trebuchet MS"; color: #333333; padding:0; margin:0; text-decoration:none;}

.header-wrapper{width:997px; height:133px; padding:0; margin:0;}
.new-leaf-technology-logo{width:251px; height:auto; padding:0; margin:9px 0 0 0; float: left;}
.navigation{width:746px; height:auto; padding:0; margin:30px 0 0 0; float: left;}
.navigation ul{height:auto; padding:0; margin:30px 0 0 151px;}
.navigation li{width:58px; height:65px; padding:0 0 0 27px; margin:0; float:left; list-style-type: none;}

.about{width:58px; height:58px; padding:0; margin:0; background-image: url(images/about.gif); background-repeat: no-repeat; display:block;}
.about a{width:58px; height:58px; padding:0; margin:0; background-image: url(images/about.gif); background-repeat: no-repeat; display:block;}
.about a:hover{width:58px; height:58px; padding:0; margin:0; background-image: url(images/abouto.gif); background-repeat: no-repeat; display:block;}
.aboutactive{width:58px; height:58px; padding:0; margin:0; background-image: url(images/abouto.gif); background-repeat: no-repeat; display:block;}
.portfolio1{width:58px; height:58px; padding:0; margin:0; background-image: url(images/portfolio.gif); background-repeat: no-repeat; display:block;}
.portfolio1 a{width:58px; height:58px; padding:0; margin:0; background-image: url(images/portfolio.gif); background-repeat: no-repeat; display:block;}
.portfolio1 a:hover{width:58px; height:58px; padding:0; margin:0; background-image: url(images/portfolioo.gif); background-repeat: no-repeat; display:block;}
.portfolio2{width:58px; height:58px; padding:0; margin:0; background-image: url(images/portfolioo.gif); background-repeat: no-repeat; display:block;}
.services{width:58px; height:58px; padding:0; margin:0; background-image: url(images/service.gif); background-repeat: no-repeat; display:block;}
.services a{width:58px; height:58px; padding:0; margin:0; background-image: url(images/service.gif); background-repeat: no-repeat; display:block;}
.services a:hover{width:58px; height:58px; padding:0; margin:0; background-image: url(images/serviceo.gif); background-repeat: no-repeat; display:block;}
.servicesactive{width:58px; height:58px; padding:0; margin:0; background-image: url(images/serviceo.gif); background-repeat: no-repeat; display:block;}
.client{width:58px; height:58px; padding:0; margin:0; background-image: url(images/client.gif); background-repeat: no-repeat; display:block;}
.client a{width:58px; height:58px; padding:0; margin:0; background-image: url(images/client.gif); background-repeat: no-repeat; display:block;}
.client a:hover{width:58px; height:58px; padding:0; margin:0; background-image: url(images/cliento.gif); background-repeat: no-repeat; display:block;}
.clientactive{width:58px; height:58px; padding:0; margin:0; background-image: url(images/cliento.gif); background-repeat: no-repeat; display:block;}
.team{width:58px; height:58px; padding:0; margin:0; background-image: url(images/team.gif); background-repeat: no-repeat; display:block;}
.team a{width:58px; height:58px; padding:0; margin:0; background-image: url(images/team.gif); background-repeat: no-repeat; display:block;}
.team a:hover{width:58px; height:58px; padding:0; margin:0; background-image: url(images/teamo.gif); background-repeat: no-repeat; display:block;}
.teamactive{width:58px; height:58px; padding:0; margin:0; background-image: url(images/teamo.gif); background-repeat: no-repeat; display:block;}
.download{width:58px; height:58px; padding:0; margin:0; background-image: url(images/download.gif); background-repeat: no-repeat; display:block;}
.download a{width:58px; height:58px; padding:0; margin:0; background-image: url(images/download.gif); background-repeat: no-repeat; display:block;}
.download a:hover{width:58px; height:58px; padding:0; margin:0; background-image: url(images/downloado.gif); background-repeat: no-repeat; display:block;}
.downloadactive{width:58px; height:58px; padding:0; margin:0; background-image: url(images/downloado.gif); background-repeat: no-repeat; display:block;}
.contact{width:58px; height:58px; padding:0; margin:0; background-image: url(images/contact.gif); background-repeat: no-repeat; display:block;}
.contact a{width:58px; height:58px; padding:0; margin:0; background-image: url(images/contact.gif); background-repeat: no-repeat; display:block;}
.contact a:hover{width:58px; height:58px; padding:0; margin:0; background-image: url(images/contacto.gif); background-repeat: no-repeat; display:block;}
.contactactive{width:58px; height:58px; padding:0; margin:0; background-image: url(images/contacto.gif); background-repeat: no-repeat; display:block;}

.content-wrapper{width:997px; height:auto; padding:0; margin:30px 0 0 0;}
.divider{width:987px; height:50px; padding:0; margin:0 0 15px 10px; background-image: url(images/divider1.gif); background-repeat: repeat-x; display:block; text-align:left;}
.h1{font-family: "Trebuchet MS"; font-size: 27px; font-weight: normal; text-transform: uppercase; color: #2c2d27; background-color: #FFFFFF; text-align: left; padding:0 5px 0 0;}
.portfolio{width:997px; height:auto; padding:0; margin:0 0 25px 30px;}
.portfolio ul{width:997px; height:auto; padding:0; margin:0;}
.portfolio li{width:236px; height:210px; padding:0; margin:0; float:left; list-style-type: none;}
.portfoliobox1{width:236px; height:210px; padding:0; margin:0; background-color:#939393;}
.portfoliobox2{width:236px; height:210px; padding:0; margin:0; background-color:#aeaeae;}
.portfoliobox3{width:236px; height:210px; padding:0; margin:0; background-color:#c0c2b5;}
h2{font-family: "Trebuchet MS"; font-size: 21px; font-weight: normal; color: #2c2d27; text-align: right; padding:20px; margin:0;}
h3{font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; color: #2c2d27; text-align: right; padding:20px; margin:0;}
.service-box{width:997px; padding:0; height:0; margin:0 0 0 40px;}
.service-box ul{width:997px; padding:0; height:0;}
.service-box li{width:220px; height:250px; padding:0; margin:0 10px 20px 0; text-align:center; border:1px solid #e1dfdf; list-style-type:none; float:left;}
.service-box1{width:220px; height:250px; padding:0; margin:0 10px 20px 0; text-align:center; border:1px solid #e1dfdf; list-style-type:none; float:left;}
.service-icon{width:220px; height:60px; padding:0; margin:15px 0 10px 0; text-align:center;}
.service-divider{width:200px; height:20px; padding:0; margin:0 0 5px 10px; text-align:center; background-image: url(images/divider2.gif);
	background-repeat: repeat-x;}
h4{width:220px; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; color: #333333; text-align: center; padding:0; margin:0;}
h5{font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; color: #666666; text-align: center; padding:0 15px 15px 15px; margin:0;}

.footer1{width:100%; height:60px; background-color:#ededed; padding:0; margin:30px 0 0 0; text-align:center;}
.footer1box{width:997px; height:60px; padding:0; margin:0 auto;}
.spacer10{width:332px; height:10px; padding:0; margin:0;}
.footer1box-content{width:203px; height:50px; padding:2px 0 0 36px; margin:0 0 0 20px; background-image: url(images/icon-project-planner.jpg);
	background-repeat: no-repeat; font-family: "Trebuchet MS"; font-size: 21px; font-weight: normal; color: #8e8e8c; text-align:left; float:left; }
.footer1box-content1{width:199px; height:50px; padding:2px 0 0 36px; margin:0; background-image: url(images/icon-phone.jpg);
	background-repeat: no-repeat; font-family: "Trebuchet MS"; font-size: 21px; font-weight: normal; color: #8e8e8c; text-align:left; float:left; }
.footer1box-content2{width:290px; height:50px; padding:2px 0 0 36px; margin:0; background-image: url(images/icon-email.jpg);
	background-repeat: no-repeat; font-family: "Trebuchet MS"; font-size: 21px; font-weight: normal; color: #8e8e8c; text-align:left; float:left; }
.footer1box-content2 a{font-family: "Trebuchet MS"; font-size: 21px; font-weight: normal; color: #8e8e8c; text-decoration:none;}
	
.footer2{width:100%; height:auto; background-color:#c14847; padding:0; margin:0; text-align:center;}
.footer2box{width:997px; height:auto; padding:0; margin:0 auto;}
.footer2box-content1{width:229px; height:auto; padding:0; margin:0 10px 0 15px; text-align:left; float:left; }
.footer2box-content2{width:229px; height:auto; padding:0; margin:0 10px 0 0; text-align:left; float:left; }
.footer-title{width:184px; height:37px; padding:3px 0 0 40px; margin:20px 0 0 0; background-image: url(images/icon-navigation.jpg);
	background-repeat: no-repeat; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; color: #fff; text-align:left; border-bottom:1px solid #cd6d6c;}
.footer-title1{width:184px; height:37px; padding:3px 0 0 40px; margin:20px 0 0 0; background-image: url(images/icon-web-service.jpg);
	background-repeat: no-repeat; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; color: #fff; text-align:left; border-bottom:1px solid #cd6d6c;}
.footer-title2{width:184px; height:37px; padding:3px 0 0 40px; margin:20px 0 0 0; background-image: url(images/icon-domain.jpg);
	background-repeat: no-repeat; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; color: #fff; text-align:left; border-bottom:1px solid #cd6d6c;}
.footer-title3{width:184px; height:37px; padding:3px 0 0 40px; margin:20px 0 0 0; background-image: url(images/icon-location.jpg);
	background-repeat: no-repeat; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; color: #fff; text-align:left; border-bottom:1px solid #cd6d6c;}
	
.footer-listing{height:auto; padding:0; margin:0;}
.footer-listing ul {height:auto; padding:0; margin:15px 0 0 0;}
.footer-listing li{width:174px; height:21px; padding:0; margin:5px 0 5px 40px; font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; color: #eed4d3; text-align:left; border-bottom:1px dotted #cd6d6c; list-style-type:none; text-decoration:none;}
.footer-listing li a{font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; color: #eed4d3; text-decoration:none;}
.footer-listing li a:hover{font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; color: #fff; text-decoration:none;}

.footer3{width:100%; height:54px; background-color:#2c2d27; padding:0; margin:0;}
.footer3box{width:997px; height:auto; padding:0; margin:0 auto;}
.footer3title{width:997px; height:39px; padding:15px 0 0 30px; margin:0 0 0 0; font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; color: #999999; text-align:left;}
h6{font-family: "Trebuchet MS"; font-size: 21px; font-weight: normal; color: #C14847; text-align: left; padding:0 15px 5px 10px; margin:0;}
p{color: #8E8E8C; font-family: "Trebuchet MS"; font-size: 12px; font-weight: normal; line-height: 22px; margin: 0; padding: 0 0 30px 13px; text-align: left;}


.server-box{width:997px; padding:0; height:0; margin:0 0 0 40px;}
.server-box ul{width:997px; padding:0; height:0;}
.server-box li{width:180px; height:auto; padding:0; margin:0 10px 20px 0; text-align:center; border:1px solid #e1dfdf; list-style-type:none; float:left;}
.server-icon{width:180px; height:60px; padding:0; margin:15px 0 10px 0; text-align:center;}
.server-divider{width:160px; height:20px; padding:0; margin:0 0 5px 10px; text-align:center; background-image: url(images/divider2.gif);
	background-repeat: repeat-x;}
h7{width:180px; font-family: "Trebuchet MS"; font-size: 18px; font-weight: normal; color: #333333; text-align: center; padding:0; margin:0;}

.ulcontent{
	padding: 0px;
	margin: 0px;
}
.licontent{
	padding: 0px 0px 0px 15px;
	margin: 0px 0px 0px 10px;
	font-family: "Trebuchet MS";
	font-size: 12px;
	font-style: normal;
	line-height: 21px;
	text-align: left;
	font-weight: normal;
	color: #8E8E8C;
	text-decoration: none;
	background-image: url(images/bullet.gif);
	background-repeat: no-repeat;
	list-style-type: none;
}
.other-services{width:997px; height: 70px; padding:0; margin:0;}
.other-services ul{width:997px; height: 70px; padding:0; margin:0;}
.other-services li{width:89px; height: 80px; padding:0; margin:0 0 30px 0; list-style-type:none; float:left;}

.contact-box{width:997px; height:auto; padding:0; margin:0;}
.contact-col1{width:300px; height:auto; padding:0; margin:0; float:left;}
.contact-col2{width:300px; height:auto; padding:0; margin:0; float:left;}
.contact-col3{width:397px; height:auto; padding:0; margin:0; float:left;}
.form1{padding:0; margin:0;}
.textbox {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	text-align: left;
	font-weight: normal;
	color: #fff;
	background-color: #cccccc;
	border: 0px;
	padding: 5px;
	margin:0 0 0 10px;
	height:33px;
}


.client-listing{width:997px; height: auto; padding:0; margin: 0; }
.client-listing ul{width:997px; height: auto; padding:0; margin: 0;}
.client-listing li{width:249px; height: 200px; float:left; list-style-type: none; padding:0; margin: 0; display: in-block;}

#media_box{
	margin:0 auto;
	padding:5px 0 5px 0;
	width:997px;
	background-color:#fff;
}
#media_box ul {
	margin:0;
	padding:0;
}
#media_box li{
	padding-top: 0px;
	display:inline;
	width:236px;
	text-align:center;
}
#back{
	margin:120px 0 0 0;
	padding:0 0 0 0;
	width:30px;
	height:auto;
	float:left;
	cursor: pointer;
}
#slider_area{
	margin:0;
	padding:0;
	width:937px !important;
	height:auto;
	float:left;
}
.bagde{
	margin:0;
	width:220px;
	height:auto;
	float:left;
}
#next{
	margin:120px 0 0 0;
	padding:0 0 0 0;
	width:30px;
	height:auto;
	float:left;
	text-align: right;
	cursor: pointer;
}
#next{
	margin:120px 0 0 0;
	padding:0 0 0 0;
	width:30px;
	height:auto;
	float:left;
	cursor: pointer;
}