/* CSS Document */
body{
	background:url(images/bg.gif) repeat-x 0 0 #FFFFFF;
	color:#000000;
	margin:0;
	padding:0;
	top: auto;
	font-family: "ar julian";
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
}
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;
	color:#000000;
	background-color: #FFFADC;
	background-image: url(images/header_bg2.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#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:86px;
	bottom:0;
	width: 634px;
}
#header ul li{
	float:left; background:url(images/top_btn_divider.gif) repeat-y right top #FF0000; color:#FF0000;
	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{
	background-color:#FFFFFF;
	color:#000000;
	float:left;
	height:32px;
	font-family: "ar julian";
	font-size: 26px;
	font-style: normal;
	line-height: 32px;
	font-weight: bold;
	font-variant: normal;
}
#body span.dotLine{
	background:url(images/dot_line.gif) repeat-x 0 24px #FFFFFF; color:#000000;
	float:right; width:480px; display:block; height:30px;}
#body p{
	color:#000000;
	background-color:#FFFFFF;
	padding:3px 0;
	float:left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
}
/* -- body end -- */
/* -- future pannel start -- */
#futur{
	background-color:#FFFFFF;
	color:#000000;
	font-family: "ar julian";
	font-size: 12px;
	font-style: normal;
	line-height: 17px;
	font-weight: normal;
	font-variant: normal;
}
#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 12px/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:auto;
	float:none;
	font-family: "ar julian";
	font-size: 12px;
	font-style: normal;
}
.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{
	color:#FFFFFF;
	background-color: #FF0000;
	background-image: url(images/footer_bg.gif);
	background-repeat: repeat-x;
	background-position: 0 0;
}
#footerContainer{
	width:738px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
	padding-top: 10px;
	padding-right: 0;
	padding-left: 0;
}
#footerContainer ul{
	width:530px; margin:0 auto;}
#footerContainer ul li{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FF0000; color:#FFFFFF; float:left;}
#footerContainer ul li a{
	font:bold 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FF0000; 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:#FF0000; color:#FFFFFF; text-decoration:none; padding:0 10px;}
#footerContainer p{
	font:normal 10px/20px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color:#FF0000; color:#E5E2D0; width:175px; margin:0 auto;}
.valid{
	width:114px; margin: 0 auto;}
.valid a.xhtnl{
	width:53px; height:10px; 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 -- */