/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #FFFFFF; color:#5B5B5B;
	font:normal 12px/17px Arial, Helvetica, sans-serif;
	margin:0; padding:0;}
div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a{
	margin:0; padding:0;}
ul{
	list-style:none;}
.spacer{
	font-size:0; line-height:0; clear:both;}

/* -- header start -- */
#header{
	width:738px; height:233px; margin:0 auto; position:relative;
	background:url(images/header_bg.jpg) no-repeat 0 0 #FFFADC; color:#000000;}
#header img{
	border:none; position:absolute; left:30px; top:58px;}
#header h1{
	font:normal 11px/14px Georgia, "Times New Roman", Times, serif; background-color:#000000; color:#E4E4E4;
	position:absolute; left:55px; top:146px;}	
#header ul{
	position:absolute; left:173px; bottom:0;}
#header ul li{
	float:left; background:url(images/top_btn_divider.gif) repeat-y right top #B87F00; color:#FFE8B4;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header ul li.noborder{
	float:left; background-image:none; color:#FFE8B4;
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;}
#header ul li a{
	float:left; background:url(images/top_btn_bg.gif) repeat-x 0 0 #B87F00; color:#FFE8B4;
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 10px; margin:0 1px 0 0;}
#header ul li a:hover{
	float:left; background-color:#8F0000; color:#FFFFFF; background-image:none;
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 10px; margin:0 1px 0 0;}
#header ul li a.hover{
	float:left; background-color:#8F0000; color:#FFFFFF; background-image:none;
	font:bold 10px/19px "Trebuchet MS", Arial, Helvetica, sans-serif; text-decoration:none; padding:0 10px; margin:0 1px 0 0;}
#header a.login{
	background:url(images/member_login_btn.gif) no-repeat 0 0 #FFFBDD;
	color:#000000; width:119px; height:18px; display:block; text-decoration:none; text-indent:-2000px;
	position:absolute; right:2px; top:7px;}
#header a.login:hover{
	background:url(images/member_login_btn_h.gif) no-repeat 0 0 #FFFBDD;
	color:#000000; width:119px; height:18px; display:block; text-decoration:none; text-indent:-2000px;
	position:absolute; right:2px; top:7px;}
/* -- header end -- */
/* -- body start -- */
#body{
	width:676px; margin:0 auto; padding:19px 36px 22px 26px;}
#body h2{
	font:normal 26px/32px Arial, Helvetica, sans-serif;
	background-color:#FFFFFF; color:#855C00; float:left; height:32px;}
#body h3{
	font:normal 22px/32px Arial, Helvetica, sans-serif; margin-top:32px;}
#body h4{
	font:normal 22px/32px Arial, Helvetica, sans-serif; margin-top:10px;}
#body h5{
	font:normal 20px/32px Arial, Helvetica, sans-serif; margin-top:22px;}
#body span.dotLine{
	background:url(images/dot_line.gif) repeat-x 0 24px #FFFFFF; color:#000000;
	float:right; width:565px; display:block; height:30px;}
#body p{
	font:normal 14px/19px Arial, Helvetica, sans-serif; color:#5B5B5B; background-color:#FFFFFF; padding:3px 0; float:left;}
#body address{
	font:normal 14px/19px Arial, Helvetica, sans-serif; color:#5B5B5B; background-color:#FFFFFF; padding:3px 0; float:left;}
#body ul{
	padding:0 0 0 60px; list-style:square; font-size:14px; line-height:34px; color:#855C00}
#body img.right {
	float:right; padding:13px 10px 10px;}
#body img.left {
	float:left; padding:13px 10px 10px;}
#body object.right {
	float:right; padding:13px 10px 10px;}	
#callout {
	float:right; width:230px; padding:20px;  background-color:#9F7304;}
#callout p{
	font:normal 14px/19px Arial, Helvetica, sans-serif; color:#FFFDF3; background-color:#9F7304;}
#body_content {
	float:left; width:390px;}
#body_content h4{
	font:normal 22px/32px Arial, Helvetica, sans-serif; margin-top:10px;}
#body_content h5{
	font:normal 20px/32px Arial, Helvetica, sans-serif; margin-top:22px;}
#callout cite {
	font-size:12px;}	
	
#callout_01 {
	float:right; width:230px; padding:20px;  background-color:#867F50;}
#callout_01 p{
	font:normal 14px/19px Arial, Helvetica, sans-serif; color:#FFFDF3; background-color:#867F50;}
#callout_01 cite {
	font-size:12px;}
#callout_01 h2 {
	font:normal 20px/32px Arial, Helvetica, sans-serif; background-color:#867F50; color:#8F0000; height:32px;}
#callout_01 a {
	text-decoration:none; color:#423E27; font-size:12px;}
#callout_01 a:hover {
	color:#D0C57C;}
#callout_01 img {margin:0 auto; border:3px solid #5b5636;}


#callout_02 {
	float:right; width:230px; padding:20px;  background-color:#867F50; margin-top:20px;}
#callout_02 p{
	font:normal 14px/19px Arial, Helvetica, sans-serif; color:#FFFDF3; background-color:#867F50;}
#callout_02 cite {
	font-size:12px;}
#callout_02 h2 {
	font:normal 20px/32px Arial, Helvetica, sans-serif; background-color:#867F50; color:#8F0000; height:32px;}
#callout_02 a {
	text-decoration:none; color:#423E27; font-size:12px;}
#callout_02 a:hover {
	color:#D0C57C;}
#callout_02 img {margin:0 auto; border:3px solid #5b5636;}	
			
/* -- body end -- */
/* -- future pannel start -- */
#futur{
	background-color:#FFFDF3;
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#757057;}
#futur span.midleTop{
	background:url(images/midle_top_bg.gif) repeat-x 0 0 #FFFDF3; color:#757057; height:20px; display:block;}
#futur span.midleBottom{
	background:url(images/midle_bottom_bg.gif) repeat-x 0 0 #FFFDF3; color:#757057; height:24px; display:block;}
#futureContainer{
	width:688px; padding:0 25px; margin:0 auto;}
.futureLeft{
	width:295px; padding:0 25px 0 0; float:left;}
.futureLeft h2{
	font:normal 24px/50px Arial, Helvetica, sans-serif; color:#000000;
	background:url(images/dot_line1.gif) no-repeat 255px 31px #FFFDF3;}
.futureLeft h2 span{
	font:normal 24px/50px Arial, Helvetica, sans-serif; color:#89774C; background-color:#FFFDF3;}
.futureLeft p{
	background-color:#FFFDF3;
	font:normal 14px/17px Arial, Helvetica, sans-serif; color:#757057;}
.futureLeft h3{
	font:bold 13px/15px Arial, Helvetica, sans-serif; color:#8F0000;
	background:url(images/star.gif) no-repeat 0 10px #FFFDF3; padding:10px 0 5px 21px;}
.futureLeft p.uppercase{
	background-color:#FFFDF3;
	font:normal 12px/18px Arial, Helvetica, sans-serif; color:#333021; text-transform:uppercase;}
.futureLeft p.line{
	height:13px; background:url(images/more_bg.gif) repeat-x 0 0 #FFFDF3; color:#000000; margin:10px 0 0 0;}
.futureLeft p.line a.more{
	background:url(images/more_btn.gif) no-repeat 0 0 #FFFDF3; width:78px; height:13px;
	display:block; text-decoration:none; text-indent:-2000px; float:right; color:#FFFFFF;}
.futureLeft p.line a.more:hover{
	background:url(images/more_btn_h.gif) no-repeat 0 0 #FFFDF3; width:78px; height:13px;
	display:block; text-decoration:none; text-indent:-2000px; float:right; color:#FFFFFF;}
.futureRight{
	border-left:#ECE9D8 2px solid; width:315px; padding:0 0 0 25px; float:left;}
.futureRight ul li.update{
	background:url(images/update_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left; text-indent:-2000px;}
.futureRight ul li.update a{
	background:url(images/more_btn1.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
.futureRight ul li.update a:hover{
	background:url(images/more_btn1_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
.futureRight ul li.serviece{
	background:url(images/serviece_bg.gif) no-repeat 0 0 #FFFDF3; color:#000000;
	width:320px; height:63px; padding:14px 18px 28px 0; float:left; text-indent:-2000px;}
.futureRight ul li.serviece a{
	background:url(images/more_btn1.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
.futureRight ul li.serviece a:hover{
	background:url(images/more_btn1_h.gif) no-repeat 0 0 #FFFFFF; color:#000000;
	width:66px; height:48px; display:block; float:right; padding:0; margin:0;
	text-indent:-2000px; text-decoration:none;}
/* -- future pannel end -- */
/* -- catagory pannel start -- */
#catagory{
	width:738px; margin:0 auto; padding:24px 0 32px 0;}
.testimonial{
	width:325px; float:left;}
.testimonial h2{
	background:url(images/testimonial_bg.gif) no-repeat 0 0 #E39E17; color:#FFFFFF;
	width:256px; height:43px; padding:0 0 0 69px; margin:0 0 20px 0; float:left;
	font:normal 18px/43px Arial, Helvetica, sans-serif;}
.testimonial p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#5B5B5B; background-color:#FFFFFF;
	float:left; width:185px; padding:0 0 0 22px;}	
.testimonial img{
	float:right; border:none; padding:0 20px 0 0;}
.testimonial p.italic{
	font:bold 12px/17px Arial, Helvetica, sans-serif; color:#296D8D; background-color:#FFFFFF;
	float:left; width:288px; padding:10px 10px 0 22px;}	
.line1{
	 padding:0 0 0 20px; width:282px;}
.line1 p{
	height:13px; background:url(images/line1_bg.gif) repeat-x 0 7px #FFFFFF;
	float:left; color:#000000;width:282px;
	font:bold 12px/13px Arial, Helvetica, sans-serif;}
.line1 p span{
	display:block; height:13px; float:right; padding: 0 12px 0 3px;
	font:bold 12px/13px Arial, Helvetica, sans-serif; background-color:#FFFFFF; color:#000000;}
.solution{
	width:363px; float:right;}
.solution h2{
	background:url(images/solution_bg.gif) no-repeat 0 0 #3A86A9; color:#FFFFFF;
	width:283px; height:43px; padding: 0  0 0 80px; margin:0 0 20px 0; float:left;
	font:normal 18px/43px Arial, Helvetica, sans-serif;}
.solution p{
	font:normal 12px/17px Arial, Helvetica, sans-serif; color:#5B5B5B; background-color:#FFFFFF;
	float:left; padding:0 35px 0 25px;}	
.solution ul{
	padding:10px 0 0 25px;}
.solution ul li{
	background:url(images/solution_li_bg.gif) no-repeat 0 0 #FFFFFF;
	height:19px; margin:0 0 1px 0; padding:0 0 0 35px;
	font:normal 11px/17px Arial, Helvetica, sans-serif; color:#020202;}
.solution ul li a{
	background-color:#FAF8EC;
	height:19px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/17px Arial, Helvetica, sans-serif; color:#8F0000;}
.solution ul li a:hover{
	background-color:#FAF8EC;
	height:19px; margin:0 0 1px 0; text-decoration:none;
	font:bold 11px/17px Arial, Helvetica, sans-serif; color:#4B7E00;}
/* -- catagory pannel end -- */
/* -- footer start -- */
#footer{
	background:url(images/footer_bg.gif) repeat-x 0 0 #867F50; color:#E5E2D0;}
#footerContainer{
	width:738px; margin:0 auto; padding:18px 0 45px 0;}
#footerContainer ul{
	width:668px; margin:0 auto;}
#footerContainer ul li{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#867F50; color:#FFFFFF; float:left;}
#footerContainer ul li a{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#867F50; color:#FFFFFF; text-decoration:none; padding:0 10px;}
#footerContainer ul li a:hover{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#787145; color:#FFFFFF; text-decoration:none; padding:0 10px;}
#footerContainer p{
	font:normal 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#867F50; color:#E5E2D0; width:378px; margin:0 auto;}
.valid{
	display: none}
.valid a.xhtnl{
	width:53px; height:14px; display:block; margin:0 8px 0 0; text-decoration:none; text-indent:-2000px;
	background:url(images/xhtml_btn.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.xhtnl:hover{
	width:53px; height:14px; display:block; margin:0 8px 0 0; text-decoration:none; text-indent:-2000px;
	background:url(images/xhtml_btn_h.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.css{
	width:53px; height:14px; display:block; text-decoration:none; text-indent:-2000px;
	background:url(images/css_btn.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
.valid a.css:hover{
	width:53px; height:14px; display:block; text-decoration:none; text-indent:-2000px;
	background:url(images/css_btn_h.gif) no-repeat 0 0 #867F50; color:#FFFFFF; float:left;}
#footerContainer p.tworld{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; color:#FFE2AA; background-color:#867F50;}
#footerContainer p.tworld a{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; text-decoration:none; color:#FFFFFF; background-color:#867F50;}
#footerContainer p.tworld a:hover{
	font:bold 11px/25px "Trebuchet MS", Arial, Helvetica, sans-serif; margin:0 auto;
	text-transform:uppercase; text-decoration:none; color:#FFFFFF; background-color:#787145;}
/* footer end -- */