/* CSS Document */

body{
	padding:0;
	margin:0;}
	  
 
ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	
line-height:1}


div, h1, h2, h3, h4, p, form, label, input, textarea, img, span{
	margin:0; padding:0;
}



	
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*------------------------------------------------main--------------------*/

/*------------------------------------------------top--------------------*/


/*------------------------------------------------top--------------------*/

/*------------------------------------------------body--------------------*/
#bodyMain{
	width:100%;
	background:#FFBB55 ;
	padding:20px 0 0px 0;
margin-bottom:-30px;
	/*background:url(images/body_bg.gif) 0 0 repeat-x #E8E8D0;
	color:#000;

#3bc690
	*/
}
#body{
	width:960px;
	margin:0 auto;
	background-attachment: scroll;
	background-image: url(images/innerbg.gif);
	background-repeat: repeat-y;
	background-position: -23px;
}
/*------------------------------------------------left--------------------*/
#left{ width:235px;
	float:left; 
outline: 0px solid #787274;
margin-top: 5px;
}
	



#left h2{
	display:block;
	width:214px;
	height:34px;
	background:url(images/left_head_1px.gif) 0 0 repeat-x;
	background-size:176px 42px;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:7px 0 0 14px;
	margin:0 0 1px 4px;




}
#left h2 span{
	background:url(images/arrow.gif) 0 15px no-repeat;
	float:left;
	
	font-size:16px;
	font-weight:bold;
	color:#F3F3F3;
	background-color:inherit;
	padding:0 0 0 0px;
margin-top: -6px;

}

#left h2 span.no{
	background:url(images/arrow.gif) -10px 15px no-repeat;
background-size:0px 0px;
	font:normal 18px/20px "Times new roman",  Tahoma, Arial, Helvetica, sans-serif;
	padding:0 0 0 65px;
 margin-top: 7px;
}
 

#left ul{
	width:235px;


}
#left ul li{
	margin:0 0 1px 4px;
	
}
#left ul li a{
	display:block;
	background: #DBDBBE;
	/*background: url(images/arrow_green.gif) 0px 9px no-repeat #DBDBBE;*/
	padding:2 2px 0 5px;
	font-weight:normal;
	color:#2F2F20;
	font-size:19px;
	line-height:24px;
	text-decoration:none;


}

#left ul li a span.vl{
	
	font-size:17px;
	
}


#left ul li a span.bg{
	background-color:#F3F3DD;
	color:#000;
	width:17px;
	height:17px;
	font:normal 14px/16px "Times new roman", "Georgia",Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	float:right;
	margin:3px 0 0 0;
}



#left ul li a span.nor{
	color:#000;
	background-color:inherit;
	font:normal 14px/16px  "Times new roman","Georgia",  Tahoma, Arial, Helvetica, sans-serif;
	float:right;
	margin:3px 0 0 0px;


}
#left ul li a:hover{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.bg{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#left ul li a:hover span.nor{
	color:#2F2F20;
	background-color:#C6C6A5;



}
#left form{
	width:190px;
margin:0 0 0 5px;
	padding:5px 15px 20px 20px;
	background-color:#D2D2B4;
	color:#000;
}
#left form label{
	display:block;
	font:bold 11px/23px   "Times new roman", "Georgia",  Arial, Helvetica, sans-serif;
	float:left;
}
#left form input.txtBox{
	width:180px;
	height:20px;
	background-color:#fff;
	color:#000;
	border-bottom:#D4D0C8 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-left:#808080 solid 1px;
	border-top:#808080 solid 1px;
	float:left;
}
#left form a{
	display:block;
	font:bold 11px/21px   "Times new roman", "Georgia",   Arial, Helvetica, sans-serif;
	float:left;
	color:#945E02;
	background-color:inherit;
	text-decoration:none;
	margin:0px 0 0 0;
}
#left form a:hover{
	text-decoration:underline;
}
#left input.login{
	background:url(images/btn_login.gif) 5px 10px no-repeat;
	background-size:60px 21px;
	width:70px;
	height:31px;
	margin:0px 0 0px 90px;
padding:10px 0 0px 0px;
	font:bold 11px/21px   "Georgia",  "Times new roman", Arial, Helvetica, sans-serif;
	color:#F2F2E2;
	background-color:#D2D2B4;
	border:none;
	cursor:pointer;
	float:right;
}

#left input.login:hover{
	color:#000;
	background-color:inherit;
}




/*------------------------------------------------left--------------------*/

/*------------------------------------------------right--------------------*/
#right{
	width:720px;
	float:right;}




#right h2{
	display:block;
	width:300px;
	height:34px;
	background:url(images/left_head_1px.gif) 0 0 repeat-x;
	background-size:176px 42px;
	border-left:#404040 solid 1px;
	border-right:#404040 solid 1px;
	padding:0px 0 0 0px;
	margin:0 0 0px 0px;}


#right h2 span{
	background:url(images/arrow.gif) 0 15px no-repeat;
	float:left;
	
	font-size:14px;
	font-weight:bold;
	color:#F3F3F3;
	background-color:inherit;
	padding:0 0 0 0px;
margin-top: -6px;}

 

#right ul{
	width:302px;}
 
#right ul li{
	margin:0 0 1px 0px;
	
}
#right ul li a{
	display:block;
	background: #DBDBBE;
	/*background: url(images/arrow_green.gif) 0px 9px no-repeat #DBDBBE;*/
	padding:2 2px 0 0px;
	font-weight:normal;
	color:#2F2F20;
	font-size:22px;
	line-height:24px;
	text-decoration:none;
}


#right ul li a span.v1{
	
	font-size:20px;
	
}

#right ul li a span.v2{
	
	font-size:17px;
	
}




#right ul li a span.bg{
	background-color:#F3F3DD;
	color:#000;
	width:17px;
	height:17px;
	font:normal 14px/16px "Times new roman", "Georgia",Tahoma, Arial, Helvetica, sans-serif;
	text-align:center;
	float:right;
	margin:3px 0 0 0;
}



#right ul li a span.nor{
	color:#000;
	background-color:inherit;
	font:normal 14px/16px  "Times new roman","Georgia",  Tahoma, Arial, Helvetica, sans-serif;
	float:right;
	margin:3px 0 0 0px;


}
#right ul li a:hover{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#right ul li a:hover span.bg{
	color:#2F2F20;
	background-color:#C6C6A5;
}
#right ul li a:hover span.nor{
	color:#2F2F20;
	background-color:#C6C6A5;

}








#green{
	width:662px;
	background:url(images/green_bg.jpg) 0 0 no-repeat;
	height:181px;
	margin:0 0 16px 0;
	padding:34px 0 0 32px;
}
#green h2{
	display:block;
	background:url(images/why_ecode.gif) 0 0 no-repeat;
	height:63px;
	margin:0 0 10px 0;
	text-indent:-2000px;
}
#green p{
	display:block;
	font:normal 13px/18px  "Times new roman" "Georgia",  , Arial, Helvetica, sans-serif;
	color:#FFFFC1;
	background-color:inherit;
	width:256px;
}
#green p span{
	font-weight:bold;
	color:#fff;
	background-color:inherit;
}
#right h3{
	display:block;
	height:30px;
	border-bottom:#C5C5A8 solid 1px;
	font: bold 22px/25px    "Times new roman","Georgia",  Arial, Helvetica, sans-serif;
	color:#333333;
	background-color:inherit;
	margin:0px 30px 0px 10px;
}
#right h4{
	display:block;
	font:bold 17px/46px  "Times new roman", "Georgia",   Arial, Helvetica, sans-serif;
	color:#6B1420;
	background-color:inherit;
	margin:0px 30px 0px 10px;
}

#right p.rightTxt1{
	display:block;
	font:bold 16px/23px "Times new roman",  "Georgia",  Arial, Helvetica, sans-serif;
	color:#B3770F;
	background-color:inherit;
	margin:0px 10px 10px 10px;
}

#right p.rightTxt1 span{
	font:normal 13px/23px  "Times new roman" "Georgia",  , Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
}
#right p.rightTxt2{
	display:block;
	font:normal 13px/19px  "Times new roman", "Georgia",  Arial, Helvetica, sans-serif;
	color:#000;
	background-color:inherit;
	margin:0px 10px 10px 10px;
}

#right p.rightTxt2 span{
	color:#000;
	background-color:#F4F4E3;
}

#video{ float:left;
	border-width:2px  solid #787274; 
outline: 2px solid #787274;

}



#flash{
	width:600px;
	background:url(images/flash_1px.gif) 0 0 repeat-x;
	padding:22px 32px 17px 32px;
}
#flash img{
	float:left;
	font-size:0;
	line-height:0;
}
#flash ul{
	width:255px;
	height:30px;
	padding:0 230px 0 0;
	float:right;
	margin:0 0 10px 0;
}
#flash ul li.redBg{
	display:block;
	background:url(images/red_bg .gif) 0 0 no-repeat;
	width:120px;
	height:20px;
	font:bold 14px/15px   "Georgia",  "Times new roman", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-align:center;
	margin:0 3px 0 0;
	float:left;
}
#flash ul li.blackBg{
	display:block;
	background:url(images/black_bg. gif) 0 0 no-repeat;
	width:120px;
	height:20px;
	font:bold 14px/15px  "Georgia",  "Times new roman", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	margin:0;
	float:left;
	padding:0 0 0 5px;
} 
#flash p{
	float:center;

	font:bold 13px/18px  "Georgia",  "Times new roman",  Arial, Helvetica, sans-serif;
	font-style:italic;
	color:#056888;
	background-color:inherit;
	display:block;
	width:483px;
	margin:0 0 3px 0;
}
#flash p span{
	color:#959E07;
	background-color:inherit;
}
#flash  a{
	
	background:url(images/read_more_bg.gif) 0 0 no-repeat;
	width:110px;
	height:32px;
	font:bold 14px/21px    "Georgia",  "Times new roman", Arial, Helvetica, sans-serif;
	color:#F2F2E2;
	background-color:inherit;
	text-decoration:none;
	margin:0 0 0 181px;
	text-align:center;
	float:right;
}
#flash  a:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footerMain{
	width:100%;
	height:109px;
	background:url(images/footer_bg.gif) 0 0 repeat-x;
margin-top:-50;

}
#footer{
	width:960px;
	margin:0 auto;
	position:relative;
	height:109px;


}
#footer ul{
	width:712px;
	position:absolute;
	left:300px;
	top:18px;
}
#footer ul li{
	float:left;

	font:normal 18px/18px   "Georgia",  "Times new roman", "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
#footer ul li a{
	padding:0 5px;
	font:normal 18px/18px   "Georgia",  "Times new roman",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
	
	color:#64FF00;
	background-color:inherit;
}
 

#footer p.copyright{
	display:block;
	width:290px;
	height:18px;
	padding:0; 
	position:absolute;
	left:0px;
	top:50px;
	font:bold 17px/18px   "Georgia",  "Times new roman",  "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#F5F5C7;
	background-color:inherit;
}

#footer a.xhtml{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
	background-size:90px 21px;
	width:90px;
	height:21px;
	position:absolute;
	left:0;
	top:18px;
	font:bold 12px/21px    "Georgia",  "Times new roman", Arial, Helvetica, sans-serif;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.xhtml:hover{
	color:#000;
	background-color:inherit;
}
#footer a.css{
	display:block;
	background:url(images/xhtml_bg.gif) 0 0 no-repeat;
background-size:90px 21px;

	width:90px;
	height:21px;
	position:absolute;
	left:130px;
	top:18px;
	font:bold 12px/21px   "Georgia",  "Times new roman", Arial, Helvetica, sans-serif;
	color:#B70D0D;
	background-color:inherit;
	text-decoration:none;
	text-align:center;
}
#footer a.css:hover{
	color:#000;
	background-color:inherit;
}
/*------------------------------------------------footer--------------------*/




/*------------------------------------------------Contact--------------------*/

