/* CSS Document */

*{
	margin:0; padding:0;}
body{
	margin:0; background:url('../images/bg.gif') repeat-x 0 0 #FFF;
	font:normal 11px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#797b7d; margin:0; padding:22px 0 0 0}
ul, li{
	list-style:none;}
a{
	outline:none; text-decoration:none}
strong{
	font-weight:bold;}
em{
	font-style:italic}
.clear{
	font-size:0; line-height:0; clear:both;}

/*------------------Header Start--------------*/

#container{
	width:1003px; margin:0 auto}
#header{
	background:url('../images/header_bg.gif') no-repeat 0 0;
	width:930px; height:143px; position:relative;
	margin:0 auto 30px auto}
#header img.logo{
	margin:57px 0 0 11px; float:left;}
#header form{
	position:absolute; right:14px; top:5px;}
#header form label{
	font:normal 10px/15px Verdana, Arial, Helvetica, sans-serif;
	color:#7e7e80; background-color:#FFF; width:98px; float:left;}
#header form select{
	width:88px; height:15px; border:1px solid #a7a7a8;
	font:bold 10px/13px Verdana, Arial, Helvetica, sans-serif;
	color:#465664; background-color:#fff;}
#header ul{
	margin:42px 0 0 63px; float:left;}
#header ul li{
	float:left; margin:0 30px 0 0;}
#header ul li a{
	font:bold 12px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#6eacdb; text-decoration:none; padding:33px 4px 2px 4px;
	border-bottom:2px solid #FFF; text-transform:uppercase; display:block;}
#header ul li a:hover{
	color:#6eacdb; background-color:#FFF;
	border-bottom:2px solid #1b6eb4;}
.home{
	background:url('../images/home_icon.gif') no-repeat 50% 25%;}
.home:hover{
	background:url('../images/home_icon.gif') no-repeat 50% 15%;}
.about{
	background:url('../images/about_us_icon.gif') no-repeat 50% 25%;}
.about:hover{
	background:url('../images/about_us_icon.gif') no-repeat 50% 15%;}
.products{
	background:url('../images/products_icon.gif') no-repeat 50% 25%;}
.products:hover{
	background:url('../images/products_icon.gif') no-repeat 50% 15%;}
.portfolio{
	background:url('../images/portfolio_icon.gif') no-repeat 50% 25%;}
.portfolio:hover{
	background:url('../images/portfolio_icon.gif') no-repeat 50% 15%;}
.services{
	background:url('../images/services_icon.gif') no-repeat 50% 25%;}
.services:hover{
	background:url('../images/services_icon.gif') no-repeat 50% 15%;}
.contact{
	background:url('../images/contact_us_icon.gif') no-repeat 50% 25%;}
.contact:hover{
	background:url('../images/contact_us_icon.gif') no-repeat 50% 15%;}
#header p{
	font:bold 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#033259; background-color:#fff; float:right;
	margin:27px 10px 0 0;}
#header p span{
	font-weight:normal; color:#d83706; background:inherit}
#header p a{
	font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#d83706; background-color:#FFF; text-decoration:underline;}
#header p a:hover{
	color:#d83706; background-color:#FFF; text-decoration:none;}

/*------------------Header End--------------*/

/*------------------Left Panel Start--------------*/

#leftPanel{
	width:324px; float:left; padding:0 0 0 30px}
#leftPanel h2.welcomeTxt{
	background:url('../images/welcome_txt.gif') no-repeat 0 0;
	width:323px; height:63px; text-indent:-2000px;
	margin:0 0 10px 8px}
#leftPanel p.welcomePara{
	margin:0 0 18px 12px; text-align:justify;}
#leftPanel h3.why{
	background:url('../images/why_soft_txt.gif') no-repeat 0 0;
	width:243px; height:41px; text-indent:-2000px;
	margin:0 0 8px 0}
#leftPanel p.whyTxt{
	margin:0 0 15px 12px; text-align:justify;}
#leftPanel h3.news{
	background:url('../images/news_bg.gif') no-repeat 0 0;
	width:316px; height:32px; text-indent:-2000px;
	margin:0 0 0 9px}
#leftPanel h3.news span{
	background:url('../images/test_txt.gif') no-repeat 10px 4px;
	width:128px; height:32px; z-index:1; display:block}
#leftPanel div.test{
	width:314px; border-left:1px solid #d4d4d4;
	border-right:1px solid #d4d4d4;
	margin:0 0 0 9px; padding:10px 0}
#leftPanel div.test ul.newsList{
	padding:14px 9px; width:294px;}
#leftPanel div.test ul.newsList li{
	font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#797b7d; float:none; text-align:justify}
#leftPanel div.test ul.newsList li p{
	background:#FFF url('../images/test_bullet.gif') no-repeat 0 0;
	float:left; padding:0 0 30px 20px;}
#leftPanel div.test ul.newsList li p span{
	float:right; display:block; padding:5px 0 0 0; text-align:right}	
#leftPanel div.test ul.newsList li p span a{
	font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#991414; text-align:right; text-decoration:underline; 
	float:right}
#leftPanel div.test ul.newsList li p span a:hover{
	text-decoration:none}
#leftPanel p.more{
	background:url('../images/read_bg.gif') no-repeat 0 0;
	width:316px; height:19px; margin:0 0 0 9px}
#leftPanel p.more a{
	background:#d4d4d4 url('../images/arrow.gif') no-repeat 0 4px;
	font:normal 10px/19px Verdana, Arial, Helvetica, sans-serif;
	color:#494848; text-decoration:none; margin:0 0 0 19px;
	padding:0 0 0 10px}
#leftPanel p.more a:hover{
	background:url('../images/arrow.gif') no-repeat 0 4px #d4d4d4;
	color:#494848; text-decoration:underline}

/*------------------Left Panel End--------------*/

/*------------------Right Panel Start--------------*/

#rightPanel{
	width:625px; float:left}
#rightPanel div.contact{
	background:url(../images/botm_contactBg.gif) no-repeat 0 100% #d5f0fb;
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#525151; margin:0 0 13px 25px; padding:0 0 7px 0;
	float:left; width:571px; position:relative}
#rightPanel div.contact h2{
	background:url(../images/contact_usTxt.gif) no-repeat 0 0;
	width:571px; height:37px; display:block;
	margin:0 0 13px 0; text-indent:-9999px}
#rightPanel div.contact img.freetemp{
	position:absolute; left:425px; top:16px}
#rightPanel div.contact label{
	font-weight:bold; line-height:24px; width:102px; 
	padding:0 0 0 42px; float:left}
.contactFld{
	border:1px solid #7cc5e2; width:256px; height:22px;
	font:normal 12px Tahoma, Arial, Helvetica, sans-serif;
	color:#525151; background-color:#fff;
	margin:0 0 6px 0; float:left}
.contctTxtArea{
	font:normal 12px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#525151; background-color:#fff; width:252px; 
	height:63px; margin:0 20px 0 0; float:left}
.subBtn{
	float:left; margin:30px 0 0 0}
#rightPanel div.serviceDetail{
	width:290px; float:left; margin:0 0 0 25px;}
#rightPanel div.serviceDetail h3.serviceTxt{
	background:url('../images/services_txt.gif') no-repeat 0 0;
	width:243px; height:41px; text-indent:-2000px;
	margin:0 0 10px 0}
#rightPanel div.serviceDetail h4{
	font:bold 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#0a5fb5; text-decoration:underline; margin:0 0 12px 16px;
	background-color:#FFF;}
#rightPanel div.serviceDetail p{
	margin:0 0 28px 16px; text-align:justify; line-height:15px;}
#rightPanel div.portScrollImg{
	width:243px; float:left; margin:0 0 0 30px;}
#rightPanel div.portScrollImg h3.portDetail{
	background:url('../images/portfolio_txt.gif') no-repeat 0 0;
	width:243px; height:41px; text-indent:-2000px; 
	float:left; margin:0 0 9px 0}
#rightPanel div.portScrollImg div.portfolioImg{
	border:8px solid #d4d4d4; padding:15px; width:179px;
	margin:0 0 0 20px;}
#rightPanel div.portScrollImg div.portfolioImg img{
	margin:0 0 9px 0;}


/*------------------Right Panel End--------------*/

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

#footer{
	background:#eff5fa url('../images/footer_bg.gif') repeat-x 0 0;
	text-align:center; color:#8c8a8a; margin:10px 0 0 0;
    padding:13px 0 23px 0; overflow:hidden}
#footer ul{
	width:600px; margin:0 auto 20px auto; overflow:hidden}
#footer ul li{
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#8c8a8a; background-color:#eff5fa; float:left;}
#footer ul li a{
	font:normal 11px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#0e6fbe; background-color:#eff5fa; float:left;
	text-decoration:none; display:block; padding:0 12px;}
#footer ul li a:hover{
	color:#02488e; background-color:#eff5fa;
	text-decoration:underline;}
.blueTxt{
	font:bold 10px/14px Verdana, Helvetica, sans-serif;
	color:#333; background-color:#eff5fa; width:900px;
	margin:0 auto 20px auto; overflow:hidden; text-align:center}
.blueTxt a{
	color:#0e6fbe; background:inherit; margin:0 8px;}
.blueTxt a:hover{
	color:#333; background:inherit; text-decoration:underline;}
#footer p.copyright{
	font:normal 10px/14px Verdana, Arial, Helvetica, sans-serif;
	color:#777; background-color:#eff5fa; margin:13px 0 0 0;}
#footer p.copyright a{
	font-weight:bold; color:#0e6fbe; background:inherit; 
	text-decoration:underline}
#footer p.copyright a:hover{
	text-decoration:none}

/*------------------Footer End--------------*/