body{ background:url(images/bg.jpg) repeat; margin:0; padding:0; font:100%/100.1% Arial, Helvetica, sans-serif; top:0; font-size:10px;}







h1,h2,h3,h4,h5,h6,div,p,form,input,ul,li{padding:0; margin:0;}







.clear{clear:both;}







.align_left{text-align:left;}







.align_right{text-align:right;}







.float_left{ float:left;}







.float_right{ float:right;}







img{ border:0;}







a{color:#3671c8;}







small{font:1.2em Arial, Helvetica, sans-serif;}







/*header starts here*/







#container{width:948px; margin:0 auto; padding:0 20px 0 20px; top:0; vertical-align:top; background:url(images/container_bg.jpg) repeat-y;}















.logo{width:229px; height:32px; float:left; padding:14px 0 14px 0; background:url(images/logo.jpg) no-repeat}

.logo a{display:block; width:229px; height:32px;}





#navtop_right{height:21px; font:1.6em Calibri, Arial; color:#2268aa; float:right; padding:20px 10px 0 10px;}







#navtop_right a{ text-decoration:none; color:#2268aa; padding:0 0 0 22px; margin:0 0 0 15px;}







.request{background:url(images/request.jpg) no-repeat 2px 0;  padding:0 10px 0 0;}







.build{background:url(images/build.jpg) no-repeat;}











#navmain{height:13px; background:#2f60ac url(images/blue_bg.png) no-repeat left; text-align:center; float:left; font:bold 1.3em Arial, Helvetica, sans-serif; padding:10px 0; width:780px;}







#navmain li{padding:0 8px 0 8px; border-right:1px #468eff solid; float:left; text-decoration:none; list-style:none;}







#navmain a{text-decoration:none; color:#fff;}











.banner{background:url(images/content_top_bg.jpg) repeat-y; padding:10px 0 0 10px;}



.banner h4{font:bold 2.8em "Kozuka Gothic Pro B", arial; color:#283243;}



.banner h5{font:2.5em Arial, Helvetica, sans-serif; color:#3d3833;}







.banner p {

color:#4B4B4B;

font:1.4em/18px Verdana;

padding:6px 5px 0 5px;

width:670px;

}







/*.analyze{width:232px; height:58px; text-align:center; float:left; background:url(images/analyse.gif) no-repeat; background-position:58px 0 58px 0; }*/

.analyze{width:232px; height:58px; text-align:center; color:#ffffff; float:right; background:url(images/analyse.gif) no-repeat;  }







.analyze a{text-align:center; color:#FFFFFF; text-decoration:none; width:232px; height:58px; display:block; font:1.3em Arial, Helvetica, sans-serif;}







.analyze b{font:bold 2em Arial, Helvetica, sans-serif; color:#ffffff;}







.analyze a:hover{background:url(images/analyse.gif) no-repeat; background-position:0 -60px;}







#mainnav{height:54px; background:url(images/mainnav.jpg) repeat-x; margin:8px 0 0 0; text-align:right; font:bold 1.2em Arial, Helvetica, sans-serif; position:relative; padding:6px 5px 0 5px; color:#333333; position:relative;}







#mainnav .lc{ position:absolute; top:0; left:0;}



#mainnav .rc{ position:absolute; top:0; right:0;}







#mainnav a{font:bold 1.1em Arial, Helvetica, sans-serif; color:#333333; text-decoration:none; text-align:center;}











/*  nav starts   */







#mainnav .link1{height:54px; background:url(images/link1.gif) no-repeat; float:left; margin:0 2px 0 25px; position:relative; width:87px; }



#mainnav .link1 a{padding:10px 0; height:34px; display:block;}



#mainnav .link1 a:hover{background:url(images/link1.gif) no-repeat; height:34px; background-position:0 -56px;}







#mainnav .link2{height:54px; background:url(images/link2.gif) no-repeat; float:left; margin:0 2px 0 0px; position:relative; width:146px; }



#mainnav .link2 a{padding:10px 0; height:34px; display:block;}



#mainnav .link2 a:hover{background:url(images/link2.gif) no-repeat; height:34px; background-position:0 -56px;}







#mainnav .link3{height:54px; background:url(images/link3.gif) no-repeat; float:left; margin:0 2px 0 0px; position:relative; width:126px; }



#mainnav .link3 a{padding:10px 0; height:34px; display:block;}



#mainnav .link3 a:hover{background:url(images/link3.gif) no-repeat; height:34px; background-position:0 -56px;}







#mainnav .link4{height:54px; background:url(images/link4.gif) no-repeat; float:left; margin:0 2px 0 0px; position:relative; width:136px; }



#mainnav .link4 a{padding:10px 0; height:34px; display:block;}



#mainnav .link4 a:hover{background:url(images/link4.gif) no-repeat; height:34px; background-position:0 -56px;}







#mainnav .link5{height:54px; background:url(images/link5.gif) no-repeat; float:left; margin:0 2px 0 0px; position:relative; width:134px; }



#mainnav .link5 a{padding:10px 0; height:34px; display:block;}



#mainnav .link5 a:hover{background:url(images/link5.gif) no-repeat; height:34px; background-position:0 -56px;}







#mainnav .link6{height:54px; background:url(images/link6.gif) no-repeat; float:left; margin:0 2px 0 0px; position:relative; width:134px; }



#mainnav .link6 a{padding:10px 0; height:34px; display:block;}



#mainnav .link6 a:hover{background:url(images/link6.gif) no-repeat; height:34px; background-position:0 -56px;}







#mainnav .link7{height:54px; background:url(images/link7.gif) no-repeat; float:left; margin:0 2px 0 0px; position:relative; width:134px; }



#mainnav .link7 a{padding:10px 0; height:34px; display:block;}



#mainnav .link7 a:hover{background:url(images/link7.gif) no-repeat; height:34px; background-position:0 -56px;}







/*  nav ends  */







#mainnav .soluction{ position:absolute; top:-25px; left:8px;}







/* content starts here */







#content{margin:0 auto; padding:0 10px; background:url(images/content_bg.jpg) repeat-y;}







#content p{font:1.3em Arial, Helvetica, sans-serif; color:#4b4b4b;  padding:5px 5px; line-height:20px}



#content_left{ width:495px; float:left; margin:10px 0; /*background:url(images/container_bg.jpg) repeat-y;*/}







.content_left{font:1em Arial, Helvetica, sans-serif; color:#666;  /*background:#ffffff url(images/content_left_top.jpg) no-repeat;*/ padding:10px 14px; border:1px solid #DBDDDA;}  







#content_left h3{font:bold 2em "Kozuka Gothic Pro B", arial; color:#eb7710;}



#content_left h4{font:bold 1.8em "Kozuka Gothic Pro B", arial; color:#0453C9; margin-top:10px;}











#content_left p{font:1.3em Arial, Helvetica, sans-serif; color:#4b4b4b;  padding:5px 5px 15px 5px; line-height:20px}







.request_label{font:1.3em Arial, Helvetica, sans-serif; color:#4b4b4b;  line-height:20px}







.marketing{font:1em Arial, Helvetica, sans-serif; margin-top:15px;}







.marketing .img{float:left; width:95px; height:98px; padding:0 10px 0 0;}







.marketing h6{font:bold 1.5em Arial, Helvetica, sans-serif; color:#303030; color:#555555;}







/* right starts */







#content_right{float:right; color:#000000; width:418px; margin:10px 6px; }







.content_rightt{border:1px #dbddda solid; background:#eef8ed; padding:10px; margin:0 0 10px 0;}







.content_rightt h2{font:bold 1.8em Arial, Helvetica, sans-serif; color:#0453c9; float:left; padding:6px 10px 10px 0; }







.content_rightt .img{float:left;}







.content_rightt p{font:1.3em Arial, Helvetica, sans-serif; color:#4b4b4b;  padding:5px 0; line-height:20px; border-top:1px #e4ebe3 solid;}







.content_rightt .social{background:url(images/arrow.jpg) no-repeat left; padding:5px 10px; font:1.3em Arial, Helvetica, sans-serif; color:#4b4b4b;}















#register{font-family:Arial, Helvetica, sans-serif; color:#032c6e; padding:20px 0 0 0; border-top:1px #e4ebe3 solid; width:384px;}







.register{width:199px; height:46px; float:right; background:url(images/register.gif) no-repeat; font:bold 2.1em Arial, Helvetica, sans-serif; color:#FFFFFF; position:relative;}







.register a{text-align:center; text-decoration:none; color:#FFFFFF; width:199px; height:30px; display:block; padding:8px 0;}







.register a:hover{background:url(images/register.gif) no-repeat; background-position:0 -48px; height:30px;}







#register p{font:1.1em Arial, Helvetica, sans-serif; color:#032c6e; float:left;}



#register h3{font:2em Arial, Helvetica, sans-serif; color:#032c6e; /*padding:6px 10px 0 0; */}















#register1{font-family:Arial, Helvetica, sans-serif; color:#032c6e; padding:20px 0 0 0; border-top:1px #e4ebe3 solid; width:284px;}







.register1{width:199px; height:46px; float:right; background:url(images/register.gif) no-repeat; font:bold 2.1em Arial, Helvetica, sans-serif; color:#FFFFFF; position:relative;}







.register1 a{text-align:center; text-decoration:none; color:#FFFFFF; width:199px; height:30px; display:block; padding:8px 0;}







.register1 a:hover{background:url(images/register.gif) no-repeat; background-position:0 -48px; height:30px;}







#register1 p{font:1.1em Arial, Helvetica, sans-serif; color:#032c6e; float:left;}



#register1 h3{font:2em Arial, Helvetica, sans-serif; color:#032c6e; /*padding:6px 10px 0 0; */}



















#our_work{padding:10px 0 10px 5px; border:1px #dbddda solid; background:#f4f7f4;}



#our_work h4{font:bold 2em Arial, Helvetica, sans-serif; color:#323431; padding:6px 10px 5px 0;}







#our_work .tumbnails{border:1px #c7c7c5 solid; padding:4px; margin:10px 10px 0 0;}







.our_clients{background:#f3f4ef url(images/our_clints_says.jpg) no-repeat; padding:10px 0 0 20px; margin:10px 0;}







.our_clients h2{font:bold 1.8em Arial, Helvetica, sans-serif; color:#0453c9; padding:6px 10px 10px 0; }







.our_clients p{font:1.3em Arial, Helvetica, sans-serif; color:#434343;  padding:5px 0; line-height:20px;}







.ceo{color:#dd6600; font:1.3em Arial, Helvetica, sans-serif; padding:5px 0;}







.ceo a{font:1em Arial, Helvetica, sans-serif; text-decoration:underline; float:right;}















#footer{margin:0 2px 0 1px; text-align:left; font:bold 1.2em "Trebuchet MS", arial; color:#ffffff;}







.footer_top{ padding:10px 5px; background:#226aac; margin-bottom:2px;}







.footer_bottom{ padding:10px 5px; background:#333333; }



.footer_bottom p{font:1.2em Arial, Helvetica, sans-serif; color:#ffffff; float:left;  padding:5px 0 0 0;}







.footer_bottom .footerlogo{float:right; padding:0 5px 0 0;}







#footer a{margin:10px 1px; padding:0 8px; text-align:center; text-decoration:none; color:#fff; border-right:1px #d8d8d8 solid; }











/* starts css for seo packages*/







#seo_form{font:1em Arial, Helvetica, sans-serif; margin-top:40px; border:3px #cecece dashed; position:relative; width:572px;}







#seo_form .img{float:left; width:95px; height:98px; padding:0 10px 0 0;}







#seo_form h5{font:bold 1.8em Arial, Helvetica, sans-serif; color:#303030; color:#e57a0e; padding:8px 0 8px 10px;}







#seo_form h6{font:bold 1.5em Arial, Helvetica, sans-serif; color:#303030; color:#e57a0e; padding:0 0 0 10px;



border-bottom:1px #7b7b7b dotted; border-top:1px #7b7b7b dotted; padding:10px}







.maintxt{font:bold 1.4em Arial, Helvetica, sans-serif; color:#ffffff; background:#224a6a; padding:0 0 0 10px;}







.seo_formp{font:1.3em Arial, Helvetica, sans-serif; color:#212121; padding:5px 0 5px 10px; border-bottom:1px #34486f solid;}











.starter{margin:0 2px; border-left:1px #34486f solid; border-bottom:1px #34486f solid; text-align:center; font:1.3em Arial, Helvetica, sans-serif; color:#212121;}







#seo_form .seostarter{position:absolute; top:-32px; left:270px;}



#seo_form .seobusiness{position:absolute; top:-30px; left:375px;}



#seo_form .seoenterprise{position:absolute; top:-30px; left:485px;}







/* end for seo packages*/











/*begin request estimation form css*/











.style1 {color: #FF0000}







.error {



font-family:Verdana;



font-size: 8pt;



color: red;



padding-left:8px;



display:none;



}







.request_field{ width:180px; border:1px solid #DBDDDA; padding:2px; margin-top:2px;}



.comment_field{ width:380px; border:1px solid #DBDDDA; padding:2px;}











/*end request estimation form css*/











/*for inner pages*/



#content_left2{ width:595px; float:left; margin:10px 0;}







.content_left2{font:1em Arial, Helvetica, sans-serif; color:#666;  /*background:#ffffff url(images/content_left_top2.jpg) no-repeat;*/ padding:10px 14px; border:1px solid #DBDDDA;}  







#content_left2 h3{font:bold 2em "Kozuka Gothic Pro B", arial; color:#eb7710;}



#content_left2 h4{font:bold 1.8em "Kozuka Gothic Pro B", arial; color:#0453C9; margin-top:10px;}











#content_left2 p{font:1.3em Arial, Helvetica, sans-serif; color:#4b4b4b;  padding:5px 5px 15px 5px; line-height:20px}











#content_right2{float:right; color:#000000; width:318px; margin:10px 6px; }







.content_rightt2{border:1px #dbddda solid; background:#eef8ed; padding:10px; margin:0 0 10px 0;}







.content_rightt2 h2{font:bold 1.5em Arial, Helvetica, sans-serif; color:#0453c9; float:left; padding:6px 10px 30px 0; }







.content_rightt2 .img{float:left;}







.content_rightt2 p{font:1.3em Arial, Helvetica, sans-serif; color:#4b4b4b;  padding:5px 0; line-height:20px; border-top:1px #e4ebe3 solid;}







.content_rightt2 .social{background:url(images/arrow.jpg) no-repeat left 10px; padding:5px 10px; font:1.3em Arial, Helvetica, sans-serif; color:#4b4b4b;}







/* soluction page css starts */







.services{ padding:5px; float:left; font:1em Verdana, Arial, Helvetica, sans-serif; color:#7a7a7a; margin:0 5px; width:260px;}







/* soluction page css end */















/*banner slider begin*/







img{border:none;}











#container1{	



		margin:0 auto;



		position:relative;



		text-align:left;



		width:696px;



		background:#fff;		



		margin-bottom:2em;



		}	







#content1{



		position:relative;



		}	



#slider ul, #slider li,



	#slider2 ul, #slider2 li{



		margin:0;



		padding:0;



		list-style:none;



		}



	#slider2{margin-top:1em;}



	#slider li, #slider2 li{ 



		/* 



			define width and height of list item (slide)



			entire slider area will adjust according to the parameters provided here



		*/ 



		width:940px;



		height:210px;



		overflow:hidden; 



		}	



	#prevBtn, #nextBtn,



	#slider1next, #slider1prev{ 



		display:block;



		width:40px;



		height:77px;



		position:absolute;



		left:-30px;



		top:71px;



		z-index:1000;



		}	



	#nextBtn, #slider1next{ 



		left:940px;



		}														



	#prevBtn a, #nextBtn a,



	#slider1next a, #slider1prev a{  



		display:block;



		position:relative;



		width:40px;



		height:77px;



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



		}	



	#nextBtn a, #slider1next a{ 



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



		}	



		



	/* numeric controls */	







	ol#controls{



		margin:1em 0;



		padding:0;



		height:28px;	



		}



	ol#controls li{



		margin:0 10px 0 0; 



		padding:0;



		float:left;



		list-style:none;



		height:28px;



		line-height:28px;



		}



	ol#controls li a{



		float:left;



		height:28px;



		line-height:28px;



		border:1px solid #ccc;



		background:#DAF3F8;



		color:#555;



		padding:0 10px;



		text-decoration:none;



		}



	ol#controls li.current a{



		background:#5DC9E1;



		color:#fff;



		}



	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}



.floatcontainer {



float:left;



width:100%;}



.contactform {



width:500px;



}







form {



margin:0;



padding:0;



}







.contactform label {



clear:left;



float:left;



margin-top:3px;



padding-left:50px;



width:180px;



}







.contactform input,  .contactform textarea {



border:1px solid #DBDDDA;   



float:left;



margin-bottom:15px;



padding:2px;



}







#content_left3{ width:940px; float:left; margin:10px 0;}







.content_left3{font:.90em Arial, Helvetica, sans-serif; color:#666;  background:#ffffff url(images/content_left_top2.jpg) no-repeat; padding:10px 14px;}  







#content_left3 h3{font:bold 2em "Kozuka Gothic Pro B", arial; color:#eb7710;}



#content_left3 h4{font:bold 1.8em "Kozuka Gothic Pro B", arial; color:#0453C9; margin-top:10px;}











#content_left3 p{font:1.3em Arial, Helvetica, sans-serif; color:#4b4b4b;  padding:5px 5px 15px 5px; line-height:20px}















.contact{width:232px; height:58px; text-align:center; float:left; background:url(images/contact_bg.jpg) no-repeat; background-position:0 0; margin:0px 0px 0px 100px;}







.contact a{text-align:center; color:#FFFFFF; text-decoration:none; width:232px; height:54px; display:block; font:2em Arial, Helvetica, sans-serif; padding-top:15px;}







.contact b{font:bold 1em Arial, Helvetica, sans-serif; color:#ffffff;}







.contact a:hover{background:url(images/contact_bg.jpg) no-repeat; background-position:0 -59px;}







.viewportfolio{width:197px; height:57px; text-align:center; float:right; background:url(images/viewportfolio.jpg) no-repeat; background-position:0 0;}







.viewportfolio a{text-align:center; color:#FFFFFF; text-decoration:none; /*width:210px;*/ height:57px; display:block; font:2em Arial, Helvetica, sans-serif; padding-top:15px;}







.viewportfolio b{font:bold 1em Arial, Helvetica, sans-serif; color:#ffffff;}







.viewportfolio a:hover{background:url(images/viewportfolio.jpg) no-repeat; background-position:0 -57px;}







.now a{ text-decoration:none; font-size:1.4em; color:#FFFFFF;}



.now a:hover{ text-decoration:underline;}







.arrows { margin:0; padding:0;}



.arrows p {background:url(images/arrow.jpg) no-repeat left 10px; padding:3px 10px !important; font:13px Arial, Helvetica, sans-serif; color:#4b4b4b;}





#s_page_center {

margin:10px 0 0;

padding:0;

}



#s_page_center ul {

list-style:none outside none;

margin:5px;

padding:0;

}



#s_page_center ul li {

background:url(images/bullet2.gif) no-repeat scroll 3px 7px transparent;

color:#444444;

font:1.3em Tahoma,Arial,Helvetica,sans-serif;

padding:5px 0 5px 18px;}





#breadcrumb_nav{ font:1.3em Arial, Helvetica, sans-serif; color:#333333; padding:6px 0; }



#breadcrumb_nav a{color:#ED6904;}



#breadcrumb_nav .parent{ font:1em Arial, Helvetica, sans-serif; color:#0A246A;}



#breadcrumb_nav .parent a{ color:#0A246A; font-weight:bold;}



.glowingtabs{

float:left;

width:100%;

font-size: 12px;

line-height:normal;

 /*border-bottom: 1px solid #dcc208;Add border strip to bottom of menu*/

}



.glowingtabs ul{

list-style-type: none;

margin:0;

margin-left: 5px; /*Left offset of entire tab menu relative to page*/

padding:0;

}



.glowingtabs li{

display:inline;

margin:0;

padding:0;

}



.glowingtabs a{

float:left;

background:url(media/glowtab-left.gif) no-repeat left top;

margin:0;

margin-right: 5px; /*spacing between each tab*/

padding:0 0 0 7px;

text-decoration:none;

}



.glowingtabs a span{

float:left;

display:block; text-align:center;

background:url(media/glowtab.gif) no-repeat right top;

padding: 4px 12px 2px 3px;

height:52px;

color:#fff;

}



.glowingtabs a span h1{

font:bold 2em Arial, Helvetica, sans-serif; padding:0; margin:0;

color:#fff;

}



/* Commented Backslash Hack hides rule from IE5-Mac \*/

.glowingtabs a span {float:none;}

/* End IE5-Mac hack */



.glowingtabs a:hover span {

color: black;

}



.glowingtabs li.selected a{ /*Selected Tab style*/

background-position:0 -58px;

 color:#ffffff; /*Shift background image up to start of 2nd tab image*/

}



.glowingtabs li.selected a span{ /*Selected Tab style*/

background-position:100% -58px; /*Shift background image up to start of 2nd tab image*/

 color:#ffffff;

}



.glowingtabs a:hover, .glowingtabs li.selected a:hover{ /*onMouseover style*/

background-position:0% -58px;  color:#ffffff; /*Shift background image up to start of 2nd tab image*/

}



.glowingtabs a:hover span, .glowingtabs li.selected a:hover span{ /*onMouseover style*/

background-position:100% -58px;  color:#ffffff; /*Shift background image up to start of 2nd tab image*/

}



/* ######### Style for Drop Down Menu ######### */



.dropmenudiv_d{

position:absolute;

top: 0;

border: 1px solid #dcc208; /*THEME CHANGE HERE*/

border-width: 0 1px;

font:normal 12px Verdana;

line-height:18px;

z-index:100;

background-color: white;

width: 200px;

visibility: hidden;

}





.dropmenudiv_d a{

width: auto;

display: block;

text-indent: 5px;

border: 0 solid #dcc208; /*THEME CHANGE HERE*/

border-bottom-width: 1px;

padding: 2px 0;

text-decoration: none;

color: black;

}



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

width: 100%;

}



.dropmenudiv_d a:hover{ /*THEME CHANGE HERE*/

background-color: #fef8c8;

}



/*.analyze {

background:url(images/analyse.gif) no-repeat scroll 0 0 transparent;

float:right;

height:58px;

text-align:center;

width:232px;

}*/