/* CSS Document */







body{

	background:url(images/bodyBg.gif) #000A4B repeat-x 0 0;

	font:normal 13px/16px Arial, Helvetica, sans-serif;

	color:#5E5E5E;

	padding-bottom:27px;

}



*{margin:0; padding:0;}	



ul,li{list-style:none;}







h1,h2,h3,h4{

	font-weight:normal;

	}







.clear{

	clear:both;

	line-height:0;

	height:0;

	font-size:0;

	}



a{

	text-decoration:none;

	outline:none;

	color:#0087DD;

	font-weight:bold;

}



a:hover{

	text-decoration:underline;

	color:#6BA302

}



.ptop{ padding-top:10px}



/*---------------------general end-------------------------*/







#outer{background:url(images/effectsBg.jpg) no-repeat 50% 0;}







#wrapper{

	width:994px;

	padding:21px 0 0;

	margin:0 auto;

}



#header{width:994px;}



#header .logo{

	float:left;

	/*margin:0 62px 0 34px;*/

	margin:0 0 0 34px;

	width:auto;

}



#header ul{

	float:right;

	width:auto;

	margin:84px 0 0;

}







#header ul li{



	float:left;



	display:block;



	font-size:17px;



	font-weight:bold;



	margin:0 4px;



}



#header ul li a, .overstate{



	color:#fff;



	float:left;



	width:auto;



	display:block;



	height:33px;



	line-height:33px;



	text-decoration:none;



	padding:0 0 0 8px;



	cursor:pointer;



}



#header ul li a span, .overspan{padding-right:8px; display:block;}



#header li a:hover, #header li a.active, #header li a:hover span, #header ul li a.active span, .overstate, .overspan{



	background:url(images/curve-lft.gif) 0 0 no-repeat;



	color:#fff;



	float:left;



	height:33px;



	/*width:9px*/



	line-height:33px;



	text-decoration:none;



	cursor:pointer;



	}



#header li a:hover span, #header ul li a.active span, .overspan{ 



	background:url(images/curve-rht.gif) 100% 0 no-repeat;



	padding:0 8px 0 0;



}







#header .activeM,



#header ul li a:hover span.mid{



	background:url(images/navBg.gif) repeat-x 0 0;



}







/*---------------------header end-------------------------*/











#TopCurve{



	background:url(images/contentTopCurve.gif) no-repeat 0 0;



	height:8px;



	overflow:hidden;



}



#content{



	background:url(images/contentBg.gif) #FEFFFF repeat-x 0 0;



	padding:19px 13px 0;



}







#bannerTop{



	margin-bottom:10px;



}







#bannerTop h1{	



	font:bold 31px Helvetica, Arial, sans-serif;



	color:#000;



	float:left;



	width:auto;



	margin:0 0 0 17px;



	text-transform:uppercase;



}







#bannerTop p.call{



	float:right;



	width:182px;



	height:30px;



	padding:0 0 0 42px;



	line-height:30px;



	text-transform:uppercase;



	background:url(images/call.gif) no-repeat 0 0;



	display:block;



	font-size:15px;



	font-weight:bold;



	color:#0039A6;



}

#bannerTop p.call span{



	color:#000;



}

#bannerTop p.email{



	float:right;



	width:187px;



	height:30px;



	padding:0 0 0 42px;



	line-height:30px;



	text-transform:uppercase;



	background:url(images/email.gif) no-repeat 0 0;



	display:block;



	font-size:15px;



	font-weight:bold;



	color:#0039A6;

	margin-left:-18px;



}

#bannerTop p.email span,

#bannerTop p.email a {

	text-transform:lowercase;

	color:#000;

}

#bannerTop p.email a:hover {

	color:#6BA302;

}









/*---------------------bannerTop end-------------------------*/







#banner{



	background:url(images/bannerbg.jpg) no-repeat 0 0;



	height:250px;



	padding:0 16px 0 21px;



	margin-bottom:29px;



}



#banner ul{



	float:left;



	width:auto;



	margin:55px 0 0 0;



}







#banner ul li{



	font-size:18px;



	line-height:32px;



	color:#fff;



	padding:0 0 0 38px;



	background:url(images/bullet-banner.gif) no-repeat 0 6px;



	font-weight:bold



}







#banner #galler{



	float:right;



	background:url(images/galeryBg.jpg) no-repeat 0 0;



	width:602px;



	height:199px;



	margin:30px 0 0 0;



}



/*---------------------bannerTop end-------------------------*/







#contentBottom{



	background:url(images/contentBottombg.jpg) repeat-x 0 100%;



	padding-bottom:30px;



	position:relative; height:100%; min-height:100%



}







#leftPanel{



	float:left;



	width:334px;



}



#leftPanel .specialOffer{ padding-bottom:10px; display:none}



#leftPanel .services{



	width:333px;



	padding-top:7px;



	background:url(images/servicesTop.gif) no-repeat 0 0;



}



#leftPanel .servicesBot{



	background:url(images/servicesBot.gif) no-repeat 0 100%;



	padding-bottom:5px;







}



#leftPanel .servicesBody{



	background:url(images/servicesBg.gif) #E8F8FD repeat-x 0 100%;



	border-left:4px solid #CBEDF6;



	border-right:4px solid #CBEDF6;



	padding:20px 20px 5px 16px;



	font-size:12px;



	line-height:17px;



	color:#272727;



}







#leftPanel .servicesBody h2{



	font:bold 21px Helvetica, Arial, sans-serif;



	color:#000;



	text-transform:uppercase;



	margin-bottom:20px;



}











#leftPanel .servicesBody span, #leftPanel .servicesBody span a{



	color:#0A3B88;



	font-weight:bold;



	font-size:15px;



}



#leftPanel .servicesBody span a:hover{ text-decoration:none; color:#557C02}



#leftPanel .servicesBody ul li{



	padding:0 0 17px 30px;



	background-position:0 0;



	background-repeat:no-repeat;



}







#leftPanel .servicesBody .one{



	background-image:url(images/one.gif);



}



#leftPanel .servicesBody .two{



	background-image:url(images/two.gif);



}



#leftPanel .servicesBody .three{



	background-image:url(images/three.gif);



}



#leftPanel .servicesBody .four{



	background-image:url(images/four.gif);



}



#leftPanel .servicesBody .five{



	background-image:url(images/five.gif);



}



/*---------------------services end-------------------------*/







#leftPanel .servicesInfo{



	background:url(images/servicesInfoTop.jpg) no-repeat 0 0;



	padding-top:33px;



	width:333px;



	margin-bottom:10px;



}



#leftPanel .servicesInfoBot{



	background:url(images/servicesInfoBot.jpg) no-repeat 0 100%;



	padding-bottom:7px;



}







#leftPanel .servicesInfo .servicesInfoBody{



	font-size:11px;



	line-height:15px;



	color:#3B3333;



	padding:0 19px 8px 12px;



	background:url(images/servicesInfobg.gif) #F6F6F6 repeat-x 0 0;



}



/*---------------------servicesInfo end-------------------------*/







#leftPanel .knowledge{



	margin-bottom:10px;



}







#rightPanel{



	float:right;



	width:608px;



	min-height:100%; height:100%;



	position:relative



}



.content{



	height:100%; min-height:100%;



	padding-bottom:129px



	



	}







#rightPanel p.heading1{



	font:bold 23px Helvetica, Arial, sans-serif;



	color:#0039A6;



	padding-bottom:5px;



	text-transform:uppercase;



}



#rightPanel p.heading2, #rightPanel h2{



	font:bold 16px Helvetica, Arial, sans-serif;



	color:#000;



	text-transform:uppercase;



}







#rightPanel p.heading2{padding:18px 0 5px;}



#rightPanel p.heading2H{padding:1px 0 5px;}



	



#rightPanel p.heading2 a{



	cursor:pointer;



	color:#000;



	text-transform:uppercase;



	text-decoration:none;



	}



	



.knowledgeMain .question, .knowledgeMain .question h4 a{



	background:url(images/icon5.gif) no-repeat 0 6px;



	margin:2px 0 0 0; 



	padding:0 0 0 20px;



	font-size:12px;



	font-weight:bold;



	color:#000; cursor:pointer;



	height:22px;



}



#rightPanel h2, #rightPanel h3, .knowledgeMain .question h4 a{ background:url(images/icon-arrow.gif) 0 2px no-repeat; padding:0 0 0 16px; margin-top:28px}







.knowledgeMain .question01 h4 {



	background:url(images/icon5.gif) no-repeat 0 6px;



	margin:2px 0 0 0; 



	padding:0 0 0 20px;



	font-size:12px;



	font-weight:bold;



	color:#557C02 !important;



	height:22px;



}







.offerDvMain .question h4, .knowledgeMain .question h4 a{ background:none; padding-left:0;}



#rightPanel h3{ color:#FB900C; text-transform:capitalize; font-size:24px; background:none; padding:0}



#rightPanel .scanLink strong{



	color:#3A3A3A;



}



#rightPanel .scanLink h2{



	font:bold 18px/22px Helvetica, Arial, sans-serif;



	color:#557C02;



	text-transform:uppercase;



	background:url(images/bulletScanLink.jpg) no-repeat 6px 0;



	padding:0 0 10px 41px;



	margin-bottom:17px;



	border-bottom:1px solid #DCDCDC;



}







#rightPanel .scanLink ul li{



	padding-bottom:19px;



	background:url(images/bulletScanlink2.jpg) no-repeat 10px 0;



	padding-left:42px;



}











#rightPanel p{



	padding:9px 0;



}







#rightPanel p.gap1{



	padding-bottom:11px;



}







.footerBaner{ position:absolute; margin:-159px 12px 0 0; right:0; height:129px; min-height:129px}











/*---------------------rightPanel end-------------------------*/







.footer{



	background:url(images/footerBottom.jpg) no-repeat 0 100%;



	padding-bottom:6px;



	color:#C5C5C5;



	font-size:12px;



	position:relative



}







.footer .footerInner{



	background:url(images/footerBg.gif) #343434 repeat-x 0 100%;



	padding:10px 0 0 22px;



	position:relative;



	height:100%;



}







.footer .footerInner p{



	padding-bottom:26px;



}







.footer .footerInner a{



	color:#C5C5C5;



}











.footer .footerInner ul {



	position:relative;



	left:-10px;



	padding:20px 0 10px;



}







.footer .footerInner ul  li{



	display:inline;



	background:url(images/footer-divider.gif) no-repeat 100% 8px;



	padding:0 10px;



}



.footer .footerInner .none {



	background:none;



}







.footer .footerInner .footerLogo {



	position:absolute;



	top:9px;



	right:14px;



}







/*---------------------footer end-------------------------*/







/*----------------gallery--------------------*/







.stepcarousel{



position: relative;



overflow: scroll;



width: 575px; 



height: 197px;



margin:0px 0 0 12px;



}







.stepcarousel .belt{



position: absolute;



left: 0;



top: 0;



}







.stepcarousel .panel{



float: left; 



overflow: hidden;



margin: 10px; 



width: 558px; 



}







/*----------------gallery end--------------------*/







/* Services */



.offerDvMain, .knowledgeMain{ padding:9px 0 0 10px}



.knowledgeMain{ padding-left:0}



.offerDvMain .question{



	background:url(images/icon5.gif) no-repeat 0 1px;



	margin:2px 0 0 0; 



	padding:0 0 0 20px;



	font-size:12px;



	font-weight:bold;



	color:#000; cursor:pointer;



	height:22px;



}



.question a{color:#557C02 !important; font-size:13px; text-decoration:none}



.ans{



	background:#fff; color:#201C1D;



	margin:0 0 0 20px;



	visibility:hidden; overflow:hidden;



	position:relative;



}



.ans_content span img{ margin:5px 5px 0 0;}



.ans_content{position:relative; font:13px/16px Arial, Helvetica, sans-serif !important; padding:5px 0 10px !important;}



.ans_content a{font-weight:bold; color:#0169B0; background:#fff; text-decoration:underline;}



.ans_content a:hover{text-decoration:none;}











.ans01{



	background:#fff; color:#201C1D;



	margin:0 0 0 20px;



	overflow:hidden;



	position:relative;



}











.ans01 span img{ margin:5px 5px 0 0;}



.ans01_content{position:relative; font:13px/16px Arial, Helvetica, sans-serif !important; padding:5px 0 10px !important;}



.ans01 a{font-weight:bold; color:#0169B0; background:#fff; text-decoration:underline;}



.ans01 a:hover{text-decoration:none;}



.ans02{



	background:#fff; color:#201C1D;



	margin:0 0 0 20px;



	overflow:hidden;



	position:relative;



}











.ans02 span img{ margin:5px 5px 0 0;}



.ans01_content{position:relative; font:13px/16px Arial, Helvetica, sans-serif !important; padding:5px 0 10px !important;}



.ans02 a{font-weight:bold; color:#0169B0; background:#fff; text-decoration:underline;}



.ans02 a:hover{text-decoration:none;}







.design li, .bullet{

	background:url(images/icon3.gif) no-repeat 6px 5px; 

	padding:0 0 5px 22px; margin:0; 

	font-weight:normal

}



.element{ margin-bottom:10px;}







/* Navigation */



.dropmenudiv{

	position:absolute;	

	top: 0;	

	border-top: 1px solid #fff;	

	border-bottom-width: 0;	

	font-size:12px;	

	line-height:18px;	

	z-index:100;	

	background:#0087DD;	

	width: 200px;

	visibility: hidden;	

	overflow:hidden;	

	margin-top:-1px	

}





.dropmenudiv a{

	width: auto;	

	display: block;	

	text-indent: 3px;	

	border-bottom: 1px solid #006ACF;

	padding: 4px 5px;	

	text-decoration: none;	

	font-weight: bold;	

	color: #fff;

}



* html .dropmenudiv a{ /*IE only hack*/

	width: 100%;

}







.dropmenudiv a:hover{

	color: #CBEDF6;

	text-decoration:none

}



/* Navigation */







/* Contact Us Start */



h4{

	font:bold 15px/26px Helvetica, Arial, sans-serif;

	color:#557C02

}



.information{ float:left; width:40%; padding:5px 10px 5px 0; border-right:1px dashed #ACACAC;}



.contactInformation{ margin-left:45%; padding:5px 0 5px 10px}



.information b, .contactInformation b{ color:#557C02; padding-right:5px}



.rightPanel .contactus, .contactus .rw{ float:left; width:100%}



.contactus .rw{ padding-bottom:15px; clear:both}



.contactus .rw img{ margin:3px 0}



.rw label{ line-height:18px; font-weight:bold; color:#0A3B88; width:40%; float:left; text-align:right; padding-right:10px}



.rw label span, .errorText{ color:#ff0000; padding-right:2px}



.rw .txtBx{float:left}



.rw input, .rw select, .rw textarea{float:left; width:250px}



.rw select{ width:254px}



.rw input.btn{width:auto; background:url(images/btn-bg.gif) 0 0 repeat-x #0A5294; border:1px solid #004686; padding:3px; font-weight:bold; color:#fff; cursor:pointer}



p.thanks{ font:normal 18px/30px Arial, Helvetica, sans-serif; color:#0039A6; text-transform:capitalize; padding:15px 0;}



/* Contact Us End */







/* Portfolio Starts */







.gallerycontainer{

	border-top:1px solid #DAD7D7;

	border-left:1px solid #DAD7D7;

	border-right:1px solid #DAD7D7;

	border-bottom:1px solid #DAD7D7;

	background:#EEEEEE;

	padding:5px;

	position:relative;

	margin:2px 0 40px 0;

	/*height:100%;*/

	height:624px;

	overflow:hidden;

}



/*.gallery, */.gallery01{}



.gallery ul{ background:#fff; float:left; padding:10px 0 10px 10px;}



.gallery li{ border:1px solid #DAD7D7; width:159px; padding:12px; margin:0 10px 10px 0; float:left; height:252px;}



.gallery li.Nomargin{margin-bottom:0;}



.gallery li img{ border-bottom:2px solid #B4B4B4;}



.gallery li .titlegallery{ padding:3px 0 5px 0 !important; font:bold 11px/18px Arial, Helvetica, sans-serif; color:#557C02;}



.gallery li .lnkgallery { color:#1089DC; font-size:11px !important; background:url(images/arrow.gif) 66px 6px no-repeat !important; padding-right:10px; text-decoration:underline !important; display:none;}



.gallery li .titlegallery span{ color:#5E5E5E; font-weight:normal; line-height:13px;}







.gallery01 ul{ background:#fff; float:left; padding:10px 0 10px 10px; height:544px;}



.gallery01 li{ border:1px solid #DAD7D7; width:159px; padding:12px; margin:0 10px 10px 0; float:left;}



.gallery01 li.Nomargin{margin-bottom:0;}



.gallery01 li img{ border-bottom:2px solid #B4B4B4;}



.gallery01 li .titlegallery{ padding:3px 0 5px 0 !important; font:bold 11px/18px Arial, Helvetica, sans-serif; color:#557C02;}



.gallery01 li .lnkgallery { color:#1089DC; font-size:11px !important; background:url(images/arrow.gif) 66px 6px no-repeat !important; padding-right:10px; text-decoration:underline !important; display:none;}



.gallery01 li .titlegallery span{ color:#5E5E5E; font-weight:normal; line-height:13px;}







.more {

    display: none;

    border-top: 1px solid #666;

    border-bottom: 1px solid #666;

}



a.showLink, a.hideLink {

    text-decoration: none;

    color: #36f;

    padding-left: 8px;

    background: transparent url('down.gif') no-repeat left; 

}



a.hideLink { background: transparent url('up.gif') no-repeat left;}



a.showLink:hover, a.hideLink:hover {border-bottom: 1px dotted #36f;}











/* Content Service */



.contentBx{

	float:left;

	width:600px;

	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	margin:20px 0 0 0;

	line-height:14px !important;

}







.contentBx .contentBxLft, .contentBx .contentBxRht{

	float:left;

	width:266px;

	background:#FFFEEA;

	border:2px solid #D8D169;

	color:#3B3B3B;

	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;

	line-height:14px !important;

	float:left;

	font-size:12px;

	line-height:24px;

	padding:10px;

	margin-right:10px;

}



.contentBx p{ padding:0 !important; line-height:16px !important;}



.contentBx .contentBxRht{

	margin:0 0 0 10px;

	float:right;

}



.contentBx h4{

	font:bold 22px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;

	color:#003275;

	padding:10px 0;

	text-align:center;

}



ul.bluechk, ul.greenchk{padding:15px 0;}



ul.bluechk li, ul.greenchk li{	



	background:url(images/blue-chk.gif) 0 3px no-repeat;



	padding:0 0 10px 26px; line-height:14px !important



}



ul.greenchk li{	



	background:url(images/green-chk.gif) 0 0 no-repeat;



}



.contentBx .btn a, .contentBx .btn a:hover, .contentBx .btnG a, .contentBx .btnG a:hover{



	background:url(images/btn-curve.gif) 0 0 no-repeat;



	font:normal 17px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;



	color:#F7F7F7;



	text-align:center;



	text-transform:capitalize;



	width:257px;



	height:34px;



	display:block; 



	text-decoration:none;



	margin-bottom:10px;



}



.contentBx .btn a:hover{ color:#C8DFFD; text-decoration:none}



.contentBx .btnG a, .contentBx .btnG a:hover{ background-position:0 -35px}



.contentBx .btnG a:hover{ color:#E8FEC1; text-decoration:none}



.btnGMarginT{margin-top:40px;}







/* Content Service */















/* Content Service 







.contentBx{



	float:left;



	width:560px;



	background:#F7F7F7;



	border:2px solid #E7E7E7;



	color:#3B3B3B;



	font:bold 12px "Trebuchet MS", Arial, Helvetica, sans-serif;



	padding:0 20px;



	margin:20px 0 0 0;



	line-height:14px !important



}







.contentBx .contentBxLft{



	padding-right:20px;



	border-right:1px dashed #B8B8B8;



	font-size:12px;



	line-height:24px;



	width:257px;



	margin:10px 0;



	float:left;



}



.contentBx p{ padding:0 !important; line-height:16px !important;}



.contentBx .contentBxRht{



	float:left;



	width:257px;



	font-size:12px;



	line-height:24px;



	margin:10px 0 10px 20px;



}



.contentBx h4{



	font:bold 22px/27px "Trebuchet MS", Arial, Helvetica, sans-serif;



	color:#003275;



	padding:10px 0;



	text-align:center



}



ul.bluechk, ul.greenchk{



	padding:15px 0;



}



ul.bluechk li, ul.greenchk li{	



	background:url(images/blue-chk.gif) 0 3px no-repeat;



	padding:0 0 10px 26px; line-height:14px !important



}



ul.greenchk li{	



	background:url(images/green-chk.gif) 0 0 no-repeat;



}



.contentBx .btn a, .contentBx .btn a:hover, .contentBx .btnG a, .contentBx .btnG a:hover{



	background:url(images/btn-curve.gif) 0 0 no-repeat;



	font:normal 17px/32px "Trebuchet MS", Arial, Helvetica, sans-serif;



	color:#F7F7F7;



	text-align:center;



	text-transform:capitalize;



	width:257px;



	height:34px;



	display:block; 



	text-decoration:none;



	margin-bottom:10px;



}



.contentBx .btn a:hover{ color:#C8DFFD; text-decoration:none}



.contentBx .btnG a, .contentBx .btnG a:hover{ background-position:0 -35px}



.contentBx .btnG a:hover{ color:#E8FEC1; text-decoration:none}







 Content Service */



.paginationContainer{



  	/*float:right;*/



	width:606px;



	padding:0 0 5px;



	background-color:#eee;



	height:20px;



	position:absolute;



	top:595px;



	right:0;



	border:1px solid #DAD7D7;



	border-top:0px solid #DAD7D7;



	}



	



	



ul.pagination{



  	float:right;



	padding:1px 10px 0;



	/*width:608px;



	padding:0 0 5px;



	background-color:#999999;



	height:20px;



	position:absolute;



	top:605px;



	right:0;*/



	}



/*ul.pagination li{



	width:17px;



	height:16px;



	}*/



	



ul.pagination li a{



	width:17px !important;



	height:16px !important;



	font:normal 11px/16px "Lucida Sans Unicode", Verdana, Arial, Helvetica, sans-serif;



	display:block;



	background-color:#F9F9F9 !important;



	color:#3F4A4E;



	text-align:center;



	margin:0 5px 0 0;



	border:1px solid #ccc;



	float:left;



	background:none;



	padding:0;



	}



	



ul.pagination li a:hover, ul.pagination li a.active, ul.pagination li a.selected{



	font-size:11px;



	line-height:16px;



	width:17px;



	height:16px;



	display:block;



	background:url(images/pagination-hover.gif) 0 0 repeat-x !important;



	color:#000;



	text-align:center;



	border:1px solid #B4C91A;



	text-decoration:none;



	}



 ul.pagination li a.selected{	



	margin:-1px 5px 0 0;



	}





.errorText,

.errorMsg {

	color:#FF0000;

	background:url(images/cross-ico.gif) no-repeat 0 0;

	font-weight:bold;

	position:relative;

	top:3px;

	font-size:12px;

	display:none;

	clear:both;

	padding:1px 0 3px 22px !important;

}

.errorText {

	display:block;

}