/* CSS Document */

body{
	padding:0; margin:0;
	background:url(images/bg.gif) repeat-x;
	}
	
div, p, h1, h2, h3, a, form, input, label, ul, li, img, span{
	padding:0; margin:0;
	}
	
.spacer{
	line-height:0; font-size:0; clear:both;
	}
	
	
/*----------------------------------------------Header Start--------------------------------*/

#wrapper{
	margin:0 auto;
	width:778px;
	}
	
#container{
	float:left; width:530px;
	}

#header{
	background:url(images/header_bg.gif) no-repeat 0 34px;
	position:relative;
	width:530px; height:289px;
	}
	
#header img{
	position:absolute;
	top:81px; right:39px;
	}
	
#header h2{
	background:url(images/punch_line.gif) no-repeat;
	position:absolute;
	top:126px; right:39px;
	width:180px; height:21px;
	text-indent:-2000px; display:block;
	}
	
#header h3{
	background:url(images/help_bg.gif) no-repeat;
	position:absolute; line-height:0;
	top:205px; right:39px;
	width:243px; height:84px; padding:0; margin:0;
	}
	
#header h3 span.no1{
	font:normal 22px/32px Arial, Helvetica, sans-serif;
	color:#1A1A1A; background-color:#FFFFFF; 
	margin:0 10px 5px 139px; 
	padding:0; display:block;
	}
	
#header h3 span.no2{
	font:normal 14px/14px Arial, Helvetica, sans-serif;
	color:#2A5A00; background-color:#F0EDED; 
	margin:0 0 0 91px; padding:0;
	}
	
#header h3 span.no3{
	font:normal 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#262626; background-color:#F0EDED; 
	margin:0; padding:0;
	}

#header h3 span.no4{
	font:normal 14px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#262626; background-color:#F0EDED;
	margin:0 0 0 137px; padding:0;
	}
	
#header ul{
	margin:0; padding:0;
	position:absolute;
	top:0; left:33px;
	width:455px;
	}
	
#header ul li{
	list-style:none;
	background:url(images/nav_border.gif) no-repeat right;
	float:left; padding:0 1px 0 1px;
	}
	
#header ul li a{
	background:url(images/nav_bg.gif) repeat-x 0 0 #00CCFF;
	font:bold 12px/34px Arial, Helvetica, sans-serif;
	color:#F0F8ED;
	padding:0 13px; display:block;
	text-decoration:none;
	}
	
#header ul li.home{
	background:url(images/nav_border.gif) no-repeat right 0 #3F8402;
	font:bold 12px/34px Arial, Helvetica, sans-serif;
	color:#F0F8ED; padding:0 13px;
	display:block;
	}

#header ul li.contact{
	list-style:none;
	background:none;
	float:left; 
	}
	
#header ul li a:hover{
	background:#3F8402;
	color:#F0F8ED;
	}
	
/*-----------------------------------------Header End------------------------------------*/

/*-----------------------------------------Left Side Start--------------------------------*/

#left{
	position:relative;
	width:478px;
	padding:0 19px 11px 33px;
	float:left;
	}
	
#left h1{
	font:normal 36px/44px Arial, Helvetica, sans-serif;
	color:#1C1B1B; background-color:#FFFFFF;
	}
	
#left p{
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#1C1B1B; background-color:#FFFFFF;
	}

#left p span{
	font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#2E8115; background-color:#FFFFFF;
	}

#left p span.Img1{
	background:url(images/img_1.gif) no-repeat #FFFFFF;
	font:normal 18px/22px Arial, Helvetica, sans-serif;
	color:#1C1B1B; width:115px;
	padding:110px 0 0 6px;
	margin:0 2px 20px 0;
	display:block; float:left;
	}
	
#left p span.Img2{
	background:url(images/img_2.gif) no-repeat #FFFFFF;
	font:normal 18px/22px Arial, Helvetica, sans-serif;
	color:#1C1B1B; width:114px;
	padding:110px 0 0 6px;
	margin:0 2px 20px 2px;
	display:block; float:left;
	}
	
#left p span.Img3{
	background:url(images/img_3.gif) no-repeat;
	width:222px; height:131px;
	display:block; padding:0; margin:0;
	float:left;
	}
	
#left h3{
	font:normal 18px/22px Verdana, Arial, Helvetica, sans-serif;
	color:#00518C; background-color:#FFFFFF;
	}
	
#left ul{
	margin:0; padding:0; list-style:none;
	width:477px;
	}

#left ul li{
	background:url(images/left_list_icon.gif) no-repeat 0 0 #FFFFFF;
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#1C1B1B; 
	padding:0 0 0 35px; margin:12px 0 0 0;
	}
	
#left ul li a{
	font:bold 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#2E8115; text-decoration:none; background-color:#FFFFFF;
	display:block; width:310px;
	}

#left ul li a:hover{
	color:#2E8115; background-color:#D1EACA;
	}
	
#left a.more{
	background:url(images/more_btn.gif) no-repeat #CCCCCC;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center;
	width:52px; text-decoration:none;
	float:right; display:block;
	}
#left a.more:hover{
	background:url(images/more_btn_h.gif) no-repeat ;
	}
/*---------------------------------------------Left Side End---------------------------------*/

/*---------------------------------------------Right Side Start-------------------------------*/

#right1{
	background:url(images/right_bg.gif) no-repeat right 0;
	width:246px;
	float:left;
	}
	
#right{
	width:209px; float:left;
	background-color:#FFFFFF; color:#000000;
	border-right:#D9D9D9 solid 1px;
	border-left:#D9D9D9 solid 1px;
	padding:7px 7px 97px 7px;	
	}

#right form{
	background: url(images/search_bottom.gif) no-repeat bottom left #E4F1F1;
	padding:6px 15px 19px 9px; color:#000000;
	width:185px; height:90px; 
	}
	
#right form h2{
	background:url(images/search_icon.gif) no-repeat 4px 0 #E4F1F1;
	border-bottom:#949494 dashed 1px;
	font:normal 22px/28px Arial, Helvetica, sans-serif;
	color:#1A1A1A;
	padding:0 0 0 44px;
	width:142px;
	}
	
#right form label{
	font:normal 13px "Trebuchet MS",Arial, Helvetica, sans-serif;
	color:#1C1B1B; background-color:#E4F1F1; float:left;
	}
	
#right form input{
	background-color:#FFFFFF; color:#000000;
	border-top:#404040 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	padding:0 4px; float:left;
	width:139px; height:20px;
	}
	
#right form input.go{
	background:url(images/go_btn.gif) no-repeat #E4F1F1;
	border:none;
	font:bold 13px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center;
	width:32px; height:21px;
	padding:0 0 5px 0;
	margin:0 0 0 2px; float:left; 
	display:block; cursor:pointer;
	}

#right h2.service{
	background:url(images/services_icon.gif) no-repeat 4px 12px #FFFFFF;
	border-bottom:#949494 dashed 1px;
	font:normal 22px/28px Arial, Helvetica, sans-serif;
	color:#1A1A1A;
	padding:14px 0 0 38px;
	margin:0 15px 14px 9px;
	width:148px;
	}
	
#right ul.s ul{
	padding:0;
	margin:0 15px 0 9px;
	}
	
#right ul.s li{
	list-style:none;
	background:url(images/right_list_icon.gif) no-repeat 12px 8px #FFFFFF;
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#1C1B1B; padding:0 0 0 30px; margin:0; width:170px;
	}
	
#right ul.s  li a{
	font:normal 13px/18px Verdana, Arial, Helvetica, sans-serif;
	color:#1C1B1B; background-color:#FFFFFF; display:block;
	text-decoration:none; padding:0; margin:0;
	}
	
#right ul.s  li a:hover{
	color:#1C1B1B; background-color:#E4F1F1;
	}
	
#right  p{
	width:186px;
	margin:5px 15px 0 0 ;
	}

#right p a.more2{
	background:url(images/more_btn.gif) no-repeat #CCCCCC;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center;
	width:52px; text-decoration:none;
	float:right; display:block;
	}
#right p a.more2:hover{
	background:url(images/more_btn_h.gif) no-repeat;
	}	
#right h2.member{
	background:url(images/members_icon.gif) no-repeat 4px -4px #FFFFFF;
	border-bottom:#949494 dashed 1px;
	font:normal 21px/28px Arial, Helvetica, sans-serif;
	color:#1A1A1A;
	padding:0 0 0 36px;
	margin:17px 15px 0 9px;
	letter-spacing: 0.001px;
	}
	
#right form.m{
	padding:0 15px 0 9px; background:none;
	background-color:#FFFFFF; color:#000000;
	width:185px;
	}
	
#right form.m label{
	font:normal 14px/27px "Trebuchet MS",Arial, Helvetica, sans-serif;
	display:block; float:left; 
	color:#000000; 
	width:150px; background-color:#FFFFFF;
	}	
	
#right form.m input{
	background-color:#FFFFFF; color:#000000;
	border-top:#404040 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	padding:0 4px; float:left;
	width:170px; height:20px;
	}
	
#right form.m input.margin{
	border-top:#404040 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	padding:0 4px; margin:0 0 12px 0;
	background-color:#FFFFFF;
	float:left; color:#000000;
	width:170px; height:20px;
	}
	
#right form.m input.login{
	background:url(images/more_btn.gif) no-repeat #CCCCCC;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center;
	width:52px; height:15px; text-decoration:none; 
	padding:0 0 7px 0; margin:0;
	cursor:pointer;
	border:none; float:right;
	}
	
#right form.m a.register{
	font:normal 14px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#5F7006; text-decoration:none;
	display:block; background-color:#FFFFFF;
	margin:0; padding:0;
	float:left;
	}
	
#right h2.contact{
	background:url(images/contact_icon.gif) no-repeat 4px 8px #FFFFFF;
	border-bottom:#949494 dashed 1px;
	font:normal 22px/28px Arial, Helvetica, sans-serif;
	color:#1A1A1A;
	padding:14px 0 0 44px;
	margin:15px 15px 14px 9px;
	width:148px;
}

#right form.c{
	background-color:#FFFFFF; color:#000000;
	padding:0 15px 0 9px;
	background:none;
	width:185px;
	}
	
#right form.c label{
	font:normal 14px/27px "Trebuchet MS",Arial, Helvetica, sans-serif;
	display:block; background-color:#FFFFFF; color:#000000;
	float:left;
	}
	
#right form.c input{
	background-color:#FFFFFF; color:#000000;
	border-top:#404040 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	padding:0 4px; float:left;
	width:174px; height:20px;
	}
	
#right .textarea{
	background-color:#FFFFFF; color:#000000;
	border-top:#404040 solid 1px;
	border-right:#D4D0C8 solid 1px;
	border-bottom:#D4D0C8 solid 1px;
	border-left:#404040 solid 1px;
	font:normal 13px/18px Arial, Helvetica, sans-serif;
	margin:0 0 12px 0;
	float:left;
	width:182px;
	}
	
#right form.c input.submit{
	background:url(images/submit_btn.gif) no-repeat #CCCCCC;
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center;
	width:55px; height:15px; text-decoration:none; 
	padding:0 0 7px 0;
	cursor:pointer;
	border:none; float:right;
	}
	
/*------------------------------------------Right Side End----------------------------*/

	
/*------------------------------------------Footer Start---------------------------------*/

#footer1{
	background:url(images/footer_bg.gif) repeat-x 0 0 #646363;
	height:156px;
	position:relative; color:#F0F8ED;
	}
	
#footer{
	margin:0 auto;
	width:739px;
	background:url(images/footer_box.gif) no-repeat 510px 15px;
	padding:13px 0 65px 47px;
	position:relative;
	}

#footer ul{
	margin:0; padding:0;
	}
	
#footer ul li{
	list-style:none;
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#F0F8ED; background:url(images/footer_nav_bg.gif) repeat-x 0 0 #5E5D5D;
	float:left; display:block;
	}
#footer ul li a{
	font:bold 12px/16px Arial, Helvetica, sans-serif;
	color:#F0F8ED; background:url(images/footer_nav_bg.gif) repeat-x 0 0 #5E5D5D;
	padding:0 8px; 
	text-decoration:none;
	}

#footer ul li a:hover{
	color:#F0F8ED; background-color:#403F3F; background-image:none;
	}

#footer p.copyright{
	font:normal 12px/28px Arial, Helvetica, sans-serif;
	color:#E3E2E2; width:340px;
	background:url(images/footer_p_bg.gif) repeat-x 0 0 #5E5D5D;
	padding:0 0 0 9px;
	margin:0 0 8px 0;
	}
	
#footer p.design{
	font:normal 12px/28px Arial, Helvetica, sans-serif;
	color:#E3E2E2; width:340px; background-color:#646363;
	padding:0 0 0 9px;
	margin:0 0 8px 0;
	}
	
#footer h2{
	background:url(images/footer_logo.gif) no-repeat 0 0;
	position:absolute;
	top:45px; right:14px;
	width:141px; height:30px;
	}
	
#footer ul.foot{
	margin:0 0 0 9px;
	padding:0;
	}

	
#footer ul li.xhtml{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; width:64px;
	background-color:#646363;
	margin:0 3px 0 0; 
	float:left;
	}

#footer ul li.xhtml a{
	background:url(images/xhtml_box.gif) no-repeat 0 0 #646363;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center;
	text-decoration:none; 
	display:block;
	}
	
#footer ul li.xhtml a:hover{
	color:#000000; background:url(images/xhtml_box_on.gif) no-repeat 0 0 #646363;
	}
	
#footer ul li.css{
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center; width:45px;
	text-decoration:none; background-color:#646363;
	float:left;
	}
	
#footer ul li.css a{
	background:url(images/css_box.gif) no-repeat 0 0 #646363;
	font:bold 12px/19px Arial, Helvetica, sans-serif;
	color:#FFFFFF; text-align:center;
	display:block;
	}
	
#footer ul li.css a:hover{
	color:#000000 ; background:url(images/css_box_on.gif) no-repeat 0 0 #646363;
	}
	
a.design1{
	font:bold 12px/28px Arial, Helvetica, sans-serif;
	color:#E3E2E2; background-color:#646363; 
	text-decoration:none;	
	}
	
a.design1:hover{
	background-color:#7C7C7C; color:#E3E2E2;
	}
	
/*-------------------------------------------------Footer End------------------------------------*/

