/* CSS Document */

body{
	padding:0; margin:0; background:url(images/body_bg.jpg) repeat-x 0 0 #E7F6F9;
	}
div, p, h1, h2, h3,h4, h5, h6, img, ul, form, label{
	padding:0px;
	margin:0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	}
ul{
	list-style-type:none;
		}
.clearcols
{
clear:both; 
line-height:0px;
margin:0px;
padding:0px;
height:0px;
font-size:0px;
}
/*--------------------*/

#container{
	width:780px; margin:0 auto; padding:0px;}

/*---------- Menu section ---------------*/
#menubg{
	width:780px; height:42px; margin:0 auto; padding:0px;  background:url(images/menu_bg.jpg) repeat-x 0 0;}
#leftmenu{
	width:9px; height:42px; margin:0px; padding:0px; float:left; display:block;}
#rightmenu{
	width:9px; height:42px; margin:0px; padding:0px; float:right; display:block;}
#menubg ul{
	width:700px; display:block; margin:0px 0 0 25px; padding:0 0 0 0px; height:37px; font-size:0; float:left;
	}
#menubg ul li{
	display:block; float:left; margin:0 ; padding:10px 20px 0 50px;
	}
#menubg ul li a{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#FBEFBE; text-decoration:none;padding:0; margin:0; display:block;
	}
#menubg ul li a:hover{
	color:#FFFFFF; text-decoration:none;
	}
/*------- LOGO AREA -------*/
#logoarea{
	width:780px; margin:0 auto; padding:0px;}
#leftlogopic{
	width:161px; height:105px; margin:0px; padding:0px; float:left;
	}
#logo{
	width:459px; height:105px; margin:0px; padding:0px; float:left;
	}
#rightlogopic{
	width:160px; height:105px; margin:0px; padding:0px; float:left;
	}
/*--------- Header Area ----------*/
#headerarea{
	width:780px; margin:0 auto; padding:0px;}
#leftheaderpic{
	width:85px; height:277px; margin:0px; padding:0px; float:left;
	}
#header{
	width:611px; height:277px; margin:0px; padding:0px; float:left;
	}
#rightheaderpic{
	width:84px; height:277px; margin:0px; padding:0px; float:left;
	}
	
/*--------- Body Area ----------*/
#bodyarea{
	width:780px; margin:0 auto; padding:0px;}
#leftbodypic{
	width:160px; margin:0px; padding:0px; float:left;
	}
#mainbody{
	width:461px; margin:0px; padding:0px; float:left; background:url(images/content_bg.jpg) repeat-y 0 0;}
#rightbodypic{
	width:159px; margin:0px; padding:0px; float:left;
	}
#mainbody h1{
	padding:0px;
	background:url(images/welcome.jpg) no-repeat 0 0;
	display:block;
	text-indent:0px;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 28px;
}
#mainbody p{
	font:normal 11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:justify;
	display:inline-block;
	width:420px;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 30px;
}
#mainbody p a{
	display:run-in;
	font:11px Verdana, Arial, Helvetica, sans-serif;
	color:#FFF8A9;
	text-decoration:underline;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0px;
	padding-left: 0px;
	}
#mainbody p a:hover{
	text-decoration:none; color:#FFFFFF;
	}
#mainbody h2{
	width:189px; height:38px; margin:25px 0 0 15px; padding:0px; background:url(images/gallery.jpg) no-repeat 0 0; display:block; text-indent:-2000px;}
	
#mainbody h1.service{
	width:257px; height:33px; margin:10px 0 0 15px; padding:0px; background:url(images/service.jpg) no-repeat 0 0; display:block; text-indent:-2000px;}

#mainbody h1.contact{
	width:243px; height:32px; margin:10px 0 0 15px; padding:0px; background:url(images/contactus.jpg) no-repeat 0 0; display:block; text-indent:-2000px;}
	
/*--------- image gallery -------------*/
#pic{
	width:430px; margin:0 0 0px 0; font-size:0; padding:0px;
	}
#pic ul{
	width:426px; display:block; margin:0px 0 10px 10px;
	}
#pic ul li{
	display:block; float:left; border-right: none; padding:0; margin:10px 10px 0 10px;
	}
#pic ul li.pad{
	display:block; float:left; border-right: none; padding:0; margin:10px 0px 15px 10px;
	}
#pic ul li a{
	float:left; height:33px; width:65px; text-indent:-2000px;
	}
#pic ul li a:hover{
	margin:0 0 0 0px;
	}
#pic ul li a.pic{
	background:url(images/pic-1.jpg) no-repeat 0 0;
	}
#pic ul li a.pic1{
	background:url(images/pic-2.jpg) no-repeat 0 0;
	}
#pic ul li a.pic2{
	background:url(images/pic-3.jpg) no-repeat 0 0;
	}
#pic ul li a.pic3{
	background:url(images/pic-4.jpg) no-repeat 0 0;
	}
#pic ul li a.pic4{
	background:url(images/pic-5.jpg) no-repeat 0 0;
	}
#pic ul li a.pic5{
	background:url(images/pic-6.jpg) no-repeat 0 0;
	}
#pic ul li a.pic6{
	background:url(images/pic-7.jpg) no-repeat 0 0;
	}
#pic ul li a.pic7{
	background:url(images/pic-8.jpg) no-repeat 0 0;
	}
#pic ul li a.pic8{
	background:url(images/pic-9.jpg) no-repeat 0 0;
	}
#pic ul li a.pic9{
	background:url(images/pic-10.jpg) no-repeat 0 0;
	}
#pic p.co{
	width:425px; display:block; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#DDE3F9;
	margin:0 0 0 17px;
	}
#pic p.co a{
	display:block; font:11px/15px Verdana, Arial, Helvetica, sans-serif; color:#FFF8A9;
	text-decoration:underline; margin:18px 0 10px 0;
	}
#pic p.co a:hover{
	text-decoration:none; color:#FFFFFF;
	}
#downbody{
	width:461px; height:13px; margin:0px; padding:0px; display:block;}
	
/*--------- footer -------*/
#footerbg{
	width:780px; height:42px; margin:20px auto 0 auto; padding:0px;  background:url(images/footer_bg.jpg) repeat-x 0 0;}
#leftfooter{
	width:11px; height:42px; margin:0px; padding:0px; float:left; display:block;}
#rightfooter{
	width:12px; height:42px; margin:0px; padding:0px; float:right; display:block;}
#footerbg ul{
	width:700px; display:block; margin:0px 0 0 25px; padding:0 0 0 0px; height:42px; font-size:0; float:left;
	}
#footerbg ul li{
	display:block; float:left; margin:0 ; padding:16px 20px 0 50px;
	}
#footerbg ul li a{
	font:bold 11px Tahoma, Arial, Helvetica, sans-serif; color:#FBEFBE; text-decoration:none;padding:0; margin:0; display:block;
	}
#footerbg ul li a:hover{
	color:#FFFFFF; text-decoration:none;
	}

/*------------- CONTACT FORM ----------- */

#contactbody{
	width:380px;
	height:270px;
	margin:0 auto;
	padding-top:20px;
	background:none;
	}
#contact{
	width:379px; margin:0 auto 0 auto;
	}
#contact form{
	width:378px; display:block; margin:0 auto 0 auto;
	}
#contact form label{
	margin:0 12px 0px 10px; display:block; font:11px Tahoma, Helvetica, sans-serif; float:left; color:#DDE3F9;
	width:100px;
	}
#contact form input{
	width:220px; height:17px; margin:0 0 8px 0; padding:0; float:left;
	}
#contact form input.bu{
	background:url(images/submit.jpg) no-repeat 0 0; width:59px; height:22px; margin:12px 7px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}
#contact form input.re{
	background:url(images/reset.jpg) no-repeat 0 0; width:52px; height:22px; margin:12px 0px 0 0px; float:left; border:none;
	cursor:pointer; display:block; float:left;
	}