html, body {
	height: 100%;
	overflow:hidden;
	margin:0;
	padding:0;
}

body{
	background:#B9E356 url(../img/bg.jpg) repeat-x;
	text-align:left;
	color:#655E5E;
	margin:0;
	padding:0;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif, "Trebuchet MS";
	height:100%;
	
}

img{
	border:none;
}
*{
	margin:0;
	padding:0;
}

ul li{
	list-style:none;
}

#body_bgHome {
	background:url(../img/bgHome.jpg) left top no-repeat;
	height: 100%;
}

#body_bgEmpresa {
	background:url(../img/bgEmpresa.jpg) left top no-repeat;
	height: 100%;
}

#body_bgServicos {
	background:url(../img/bgServicos.jpg) left top no-repeat;
	height: 100%;
}

#body_bgClientes {
	background:url(../img/bgClientes.jpg) left top no-repeat;
	height: 100%;
}

#body_bgContato {
	background:url(../img/bgContato.jpg) left top no-repeat;
	height: 100%;
}

#body_inner{
	background:url(../img/bg_inner.jpg) repeat-y;
	width:883px;
	overflow:hidden;
	height: 100%;
}


/*-------------------leftmain*/
#leftmain{
	background:url(../img/left_bg.jpg) no-repeat right top;
	width:249px;
	float:left;
	padding-right:51px;
	overflow:hidden;
}

#nav{
	width:198px;
	padding:60px 0 0 42px;	
}

.na{
	background:#fff url(../img/service_ul.jpg) no-repeat left 65px;	
	
}

.nb{
	background:#fff url(../img/service_ul.jpg) no-repeat left 95px;	
	
}

.nc{
	background:#fff url(../img/service_ul.jpg) no-repeat left 125px;
	
}

.nd{
	background: #fff url(../img/service_ul.jpg) no-repeat left 155px;
	
}

.ne{
	background:#fff url(../img/service_ul.jpg) no-repeat left 185px;
	
}
.nf{
	background:#fff url(../img/service_ul.jpg) no-repeat left 215px;
	
}

#nav li{
	width:206px;
	padding-left:1px;
}

#nav li a{
	font-size:20px;
	font-style:italic;
	text-decoration:none;
	color:#9c9c9c;
	text-transform:uppercase;
	line-height:30px;
}

#nav li a:hover{
	color:#8cb400;
}

#nav li .slc{
	color:#8cb400;
}


#left_footer{
	width:200px;
	padding:215px 0 0 50px;
	font-size:13px;
}

#left_footer p{
	width:206px;
	padding-left:1px;
	line-height:18px;
	display:block;
	color:#9c9c9c;
	font-weight:bold;
}

#left_footer p a,span{
	width:206px;
	display:block;
}

#left_footer p a{	
	color:#9c9c9c;
	text-decoration:none;
}

#left_footer p a:hover{
	text-decoration:underline;
}

#left_footer p span{
	color:#8cb400;
}

#rightmain{
	width:583px;
	float:right;
	height:100%;
	overflow:hidden;
	

}

/*---------------------index--*/
#accordion{
	width:583px;
	padding-top:122px;
}

#accordion .toggler{
	width:553px;
	font-size:24px;
	font-style:italic;
	margin-bottom:1px;
	padding-left:30px;
}

#accordion  .element{
	width:583px;
	overflow:hidden;
	background:#fff url(../img/ele_bg_top.jpg) no-repeat top;
}

.element h3{
	width:179px;
	float:left;
	padding:50px 0 0 30px;
	font-size:21px;
	font-style:italic;
	font-weight:normal;
	color:#7FAC15;
	text-transform:uppercase;
}

.element .txt_area{
	width:374px;
	float:right;
}

.txt_area p{
	font-size:11px;
	padding:10px 0;
}

/*------------------------------portfolio*/

#rightmain .port{
	width:553px;
	padding:0 0 200px 30px;
	background:url(../img/porf_bg.jpg) repeat-y;
	float:right;
}

.port .top{
	width:553px;
	overflow:hidden;
	position:relative;
	top:0;
	z-index:1;
	background:white;
}

.port .bottom{
	width:553px;
	position:absolute;
	bottom:-2px;
	z-index:1;
		
}

.bottom img{
float:left;
	cursor:pointer;
}

.top img{
	cursor:pointer;
	float:left;
}

.top ul{
	float:right;
	padding:12px 0 40px 0;
	text-transform:uppercase;
}

.top ul li{
	padding-right:47px;
}

.top ul li a{
	font-style:italic;
	text-decoration:none;
	color:#ABE617;
	padding-left:14px;
	font-size:12px;
}

.top ul li a:hover{
	background:url(../img/blt_port.jpg) no-repeat left;
}

.port .hastwrap{
width:553px;
overflow:hidden;
}

.hastwrap .gal{
	width:553px;		
}

.gal dd{
	width:553px;
	background:url(../img/port_ddbg.jpg) no-repeat top;
	overflow:hidden;
}

.gal dd img{
	width:237px;
}

.port dd  .about{
	width:296px;
	float:right;
	padding:5px;
	font-size:11px;
	margin-left:10px;
}

.port dd big{
	font-size:18px;
	color:#ABE617;
	background:url(../img/blt_big.jpg) no-repeat left;
	padding-left:20px;
	display:block;
}

.port dd span{
	font-size:11px;
	color:#655E5E;
	padding-bottom:10px;
	display:block;
}

.port dd ul{
	font-size:11px;
	color:#655E5E;
	display:block;
}

.port dd ul li{
	background:url(../img/blt_innr.jpg) no-repeat left;
	padding-left:10px;
}

.port dd ul li a{
	color:#655E5E;
	text-decoration:none;
}


/*-----------------------------------portfolio-inside*/

#rightmain  .port_inside{
	width:533px;
	padding:10px 0 200px 50px;
	background:url(../img/portfolio_inside_bg.jpg) repeat-y;
	height: 100%;
}

.details{
	width:509px;
}

.details .volter{
	width:509px;
	display:block;
	text-align:right;
	font-size:13px;
	text-transform:uppercase;
	font-style:italic;
}

.volter a{
	color:#ABE617;
	background:url(../img/volter_blt.jpg) no-repeat left;
	text-decoration:none;
	padding-left:12px;
}

.details h2{
	font-size:18px;
	color:#ABE617;
	font-weight:normal;
	padding-left:10px;
	margin-left:10px;
	background:url(../img/blt_hdr.jpg) no-repeat left;
	border-bottom:1px solid #D9D9D9;
}

.details p{
	font-size: 11px;
	width: 501px;
	display: block;
	padding: 10px 0 20px 22px;
}

.details ul{
	width: 487px;
	padding: 24px 0 0 22px;
}

.details ul li{
	width:487px;
	overflow:hidden;
	margin-bottom: 5px;
}

.details ul li big{
	font-size:14px;
	width:57px;
	float:left;
	display:block;
	color:#ABE617;	
}

.details ul li span{
	float:left;
	width:420px;
	font-style:normal;
	color:#655E5E;
	text-align:left;
	font-size:11px;
	margin-left: 5px;
	margin-top: 2px;
}

.details ul li span a {
	color: #9c9c9c;
	text-decoration: none;
}

.stepcarousel{
	position: relative; /*leave this value alone*/
	border-top:none;
	padding-bottom:300px;
	margin-bottom:6px;
	overflow: scroll; /*leave this value alone*/
	width:509px; /*Width of Carousel Viewer itself*/
	height: 235px; /*Height should enough to fit largest content's height*/
}

.stepcarousel .belt{
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}

.stepcarousel .panel{
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	/*margin:0 10px 10px 10px;*/ /*margin around each panel*/
	width:509px;
	/*Width of each panel holding each content. 
	If removed, widths should be individually defined on each content DIV then. */
}

.panel img{
	width:509px;
	height:235px;
}


/* thumbnail slider begin */

/* apply the gallery design */
#gallery_container {  
	width:509px;
	height:251px;
	display:block;
	position:relative; 
}

/* the width is set to show the number of thumbnails that will be visible */
#thumb_container{ position:relative ; overflow:hidden ; width:509px; height:251px; margin:0px auto 0px;  }

/* the thumbnails container */
#thumbs { white-space:nowrap; display:block; position:relative; }
#thumbs a { padding:0px; margin:0px; }

/*#thumbs a { padding:0px; margin:0px; }
#thumbs a img{ border:1px #333333 solid; }*/

.addfwd { 
	display:block; 
	position:absolute;
	cursor:pointer; 
	width:23px;
	height:60px;
	top:260px; 
	right:4px; 
	background:url(../img/gallery_fwd.jpg) no-repeat;
}

.addbkwd { 
	display:block; 
	position:absolute; 
	cursor:pointer; 
	width:23px; 
	height:60px; 
	top:260px;
	left:4px;
	background:url(../img/gallery_back.jpg) no-repeat; 
}


/*------------------------------------service*/

#rightmain .service{
	width:583px;
	padding:10px 0 200px 0px;
	overflow:hidden;
}

.service ul{
	width:192px;
	padding:132px 0 0 17px;
	float:left;
}

.service ul li{
	width:192px;
}

.service ul li a{
	font-size:14px;
	text-decoration:none;
	color:#ABE618;
	width:160px;
	height:24px;
	line-height:22px;
	padding-left:19px;
	display:block;
	font-style:italic;
}

.service ul li a:hover{
	background:url(../img/service_menu_blt.jpg) no-repeat 6px;
	width:163px;
	height:22px;
	display:block;
	color:#ADADAD;
	border:1px solid #B1B1B1;
}

.service ul li.hoverclass{
	background:url(../img/service_menu_blt.jpg) no-repeat 6px;
	width:182px;
	height:22px;
	display:block;
	color:#ADADAD;
	border:1px solid #B1B1B1;
}

.service .service_dtl{
	width:364px;
	padding:80px 0 0 10px;
	float:left;
}

.service_dtl h2{
	font-size:24px;
	color:#ABE618;
	font-weight:normal;
	padding-bottom:20px;
	font-style:italic;
}

.service_dtl p{
	width:330px;
	display:block;
	font-size:11px;
	padding-bottom:20px;
}


/*----------------------------------news*/

#rightmain .news{
	width:583px;
	background:url(../img/news_bg.jpg) repeat-y;
	padding:10px 0 200px 0px;
	overflow:hidden;
}

.news .news_top{
	width:209px;
	float:left;
	padding:132px 0 0 20px;
	height:600px;
}

.news_top ul{
	width:209px;
	padding-bottom:50px;
}

.news_top ul li{
	width:182px;
	background:url(../img/news_top_bg.jpg) no-repeat bottom;
	padding:15px 19px 15px 8px;
}

.news_top ul li a{
	font-size:12px;
	color:#8F8E8E;
	text-decoration:none;
}

.news_top ul li a big{
	width:182px;
	font-size:12px;
	display:block;
}

.news_top ul li a:hover{
	color:#ABE618;
}

.news_top span{
	width:162px;
	overflow:hidden;
	padding-left:20px;
	font-size:12px;
	display:block;	
}

.news_top span a{
	text-decoration:none;
	color:#8F8E8E;
}

.news_top span a:hover{
	color:#ABE618;
}

.news_top span .prev{
	float:left;
	margin-right:50px;
}

.news_top span .prev{
	float:next;
}

.news .news_sl{
	width:319px;
	padding:80px 22px 0 13px;
	float:left;
}

.news .news_sl h2{
	font-size:24px;
	color:#ABE618;
	font-weight:normal;
	padding-bottom:20px;
	font-style:italic;
}

.news .news_sl p{
	font-size:12px;
	padding:0 13px 20px 0;
}


/*-----------------------------------client*/

#rightmain .client{
	width:583px;
	background:url(../img/client_bg.jpg) repeat-y;
	padding:130px 0 200px 0px;
	height: 100%;
}

.client dl{
	width:583px;
	padding:1px 0 0 0;
	background:url(../img/client_border.jpg)  no-repeat top;
}

.client dl dd{
	width:583px;
	background:url(../img/client_border.jpg) no-repeat bottom;
}

.client dl dd ul{
	width:583px;
	overflow:hidden;
}

.client dl dd ul li{
	float:left;
}
.client dl dd ul li img{
	cursor:pointer;
}

.client dl dd ul .mrgn_right{
	margin-right:20px;
}


/*-------------------------------------------------contact--------*/

#rightmain  .contact{
	width:583px;
	padding-bottom:200px;
	overflow:hidden;	
}

.contact .contact_left{
	width:179px;
	font-size:12px;
	padding:165px 0 0 30px;
	float:left;
}
.contact_left span{
	color:#A3DC15;
	width:179px;
	display:block;
}
.contact_left li{
	width:179px;
	color:#ADADAD;
	padding-bottom:18px;
}

.contact .contact_left a {
	color:#ADADAD;
	text-decoration:none;
}

.contact .contact_left a:hover{
	text-decoration:underline;
}

.contact .contact_right{
	width:374px;
	float:left;
	height:500px;
	padding:84px 0 0 0;
}

.contact_right h2{
	font-size:24px;
	color:#ABE618;
	font-weight:normal;
	padding:0 0 20px 10px;
	font-style:italic;
}

.contact_right input{
	width:330px;
	/*height:15px;*/
	display:block;
	border: #ADADAD 1px solid;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif,"Trebuchet MS";
	color: #655E5E;
	padding: 2px 0 3px 10px;
	margin: 0 0 10px 10px;
}

.contact_right textarea{
	width: 330px;
	height: 120px;
	font-size:12px;
	font-family: Arial,Helvetica,sans-serif,"Trebuchet MS";
	color: #655E5E;
	padding: 2px 0 0 10px;
	margin-left: 10px;
	border: #ADADAD 1px solid;
}

.contact_right .cmt_btn{
	width:50px;
	height:25px;
	background:url(../img/cmt_btn.jpg) no-repeat left;
	color:#ABE618;
	margin: 5px 0 0 290px;
	padding-top: 0px;
	cursor: pointer;
	font-style: italic;
	font-size: 14px;
	border: none;
}

/* Added for effect */
#hasten-wrapper {
	overflow:hidden;
}
#hasten-wrapper #hasten-container {
	margin-top:0;
	
}
#hasten-wrapper .content {
	position:relative;
	top:0;
	left:0;
	padding-top:18px;
	height:102px;
}
#hasten-wrapper .hast_img {
	float:left;
	z-index:1;
	position:relative;
	top:0;
	left:0;	
}
#hasten-wrapper .hast_description {
	visibility:hidden;
	padding-left:20px;
	/*width:217px;*/
	width:246px;
	position:absolute;
	left:0;
	top:18px;
	z-index:0
	/*margin-left:237px;*/
}