/*Css Document for 2Webdesign.com*/
/* ---------------------------------GLOBAL----------------------------------------------- */
html,body,div,span,applet,object,iframe,h1,h2,h3,h4,h5,h6,p,blockquote,pre,a,abbr,acronym,address,big,cite,code,del,dfn,em,font,img,ins,kbd,q,s,samp,small,strike,strong,sub,sup,tt,var,b,u,i,center,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,caption,tbody,tfoot,thead,tr,th,td{ padding:0; margin:0;}
body{
	font:normal 12px/19px Arial, Helvetica, sans-serif;
	color:#565656;
	background:url(../images/top-nav-bg.gif) 0 0 repeat-x #FFF;
	}
img{
	display:block;
	border:none;
	}
a{ text-decoration:none;
	outline:none;
	}
ul, ol, dl{
	list-style-type:none;
	}
input, select, textarea{
	outline:none;
	}
textarea{
	resize:none;
	}
.clear{
	font-size:0;
	line-height:0;
	clear:both;
	}
.fltLft{ float:left;}
.fltRht{ float:right;!important}
/*---------------------------------Misc------------------------------------------------*/	
.nobg{ background-image:none!important;}
.noborder{ border:none!important;}	
.norightmargin{ margin-right:0!important;}
.nopadding{ padding:0!important;}
.nomargin{ margin:0!important;}
/*---------------------------------Font Face------------------------------------------*/	
@font-face {
	font-family: MyriadPro-Semibold;
	src: url("/fonts/MyriadPro-Semibold.otf") format("opentype");
	}
/*####################################INDEX PAGE#######################################*/
.wrapper{
	/*width:100%;*/	
	background:url(../images/headerbg-home.gif) 0 38px repeat-x;
	}
/*-----------Top Navigation------------*/	
.topNavPanel{
	width:985px;
	margin:0 auto;
	height:38px;
	}
.topNavPanel ul.mainNav{
	font:normal 16px/38px Arial, Helvetica, sans-serif;
	height:38px;
	float:left;
	margin-right:130px;
	/*overflow:hidden;*/
	
	}
.topNavPanel ul.mainNav li{
	float:left;
	height:32px;
	position:relative;
	z-index:100;
	}
.topNavPanel ul.mainNav li a{
	float:left;
	width:auto;
	display:block;
	height:38px;
	color:#FFFFFF;
	}
.topNavPanel ul.mainNav li a.home{
	background:url(../images/topnav-home.png) 50% 10px no-repeat;
	text-indent:-9999px;
	width:73px;
	height:38px;
	}
.topNavPanel ul.mainNav li a.home:hover, 
.topNavPanel ul.mainNav li a.activehome{
	background:url(../images/topnav-homeover.gif) 0 0 no-repeat;
	width:73px;
	}		
.topNavPanel ul.mainNav li a:hover span,
.topNavPanel ul.mainNav li a.active span{
	background:url(../images/topnav-leftbg.gif) 0 0 no-repeat;
	display:block;
	float:left;
	width:auto;
	height:38px;
	cursor:pointer;
	}	
.topNavPanel ul.mainNav li a span span{
	padding:0 16px;
	}	
.topNavPanel ul.mainNav li a:hover span span,
.topNavPanel ul.mainNav li a.active span span{
	background:url(../images/topnav-rightbg.gif) 100% 0 no-repeat;
	padding:0 16px;
	}
.topNavPanel ul.mainNav li a:hover, 
.topNavPanel ul li a.otheractive,
.topNavPanel ul.mainNav li a.active{
	background:url(../images/topnav-mid.gif) 0 0 repeat-x;
	}
.topNavPanel ul.mainNav li a.otheractive span{
	background:url(../images/topnav-leftbg.gif) 0 0 no-repeat;
	display:block;
	float:left;
	width:auto;
	height:38px;
	cursor:pointer;
	}
.topNavPanel ul.mainNav li a.otheractive span span{
	background:url(../images/topnav-rightbg.gif) 100% 0 no-repeat;
	padding:0 16px;
	}
	
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont ul.subNav{
	width:auto;
	height:auto!important;
	padding:0 !important;
	*padding:0 25px 0 0;
	margin:0 0 0 0!important;
	
}
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont ul.subNav li.subLink{
	background-image:none!important;
	float:none !important;
	padding:8px 0 8px 0 !important;
	margin:0 0 15px 0;
	border-bottom:#D5D5D5 solid 1px;
	height:auto!important;
	width:auto!important;
	line-height:20px;
}
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont ul.subNav li.subLink a{
	color:#929191;
	background-color:inherit;
	padding:0!important;
	margin:0!important;
	font:normal 16px/18px Arial, Helvetica, sans-serif!important;
	float:none!important;
	display:inline!important;
	background-image:none!important;
	
}
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont ul.subNav li.subLink a:hover{
	color:#2D2D2D!important;
	background-color:inherit!important;
	background-image:none;
}
.topNavPanel ul.mainNav li div.ddCont{
	width:776px;		
	margin:0!important;
	position:absolute;
	left:-182px;
	top:38px;
	z-index:100;
	background-image:none!important;
	display:none;
	
}
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont{
background:url(../images/bignavbg.png) 0 0 repeat-y ;
	/*width:801px;*/	
	width:597px;
}
.topNavPanel ul.mainNav li div.ddCont div.ddPortinner{
width:211px!important;
background:url(../images/smallnavbodymain.png) 0 bottom repeat-y!important;	
}
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont{
	background:url(../images/bignavbg.png) 0 0 repeat-y;
	display:block;
	padding:0 0 0 0;
}
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont div.ddArrow{
	background:url(../images/dd-arrow.gif) 50% 0 no-repeat;
	width:18px;
	height:10px!important;
	position:absolute;
	left:198px;
	top:-12px;
	*top:-10px;
	display:block;
}
div.ddArrowPortfolio{
	left:80px!important;
}
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont ul.subNav li.subInnerMenu{
	background:url(../images/arrow-blue.gif) 0 8px no-repeat !important;
	padding:0 0 0 9px !important;
	border:0 !important;
	margin:0 !important;
	height:auto !important;
	float:none !important;
	line-height:0;
	font-size:0;
	height:25px !important;
}
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont ul.subNav li.subInnerMenu a{
	color:#007DC5!important;
	background-color:inherit;
	background-image:none!important;
	padding:0!important;
	margin:0!important;
	font:normal 12px/25px Arial, Helvetica, sans-serif!important;
	*font:normal 12px/21px Arial, Helvetica, sans-serif;
	height:auto!important;
	float:none!important;
}
.topNavPanel ul.mainNav li div.ddCont div.ddInnerCont ul.subNav li.subInnerMenu a:hover{
	color:#000!important;
	background-color:inherit;
}
div.ddPanelOne{
	width:173px;
	float:left;
	margin-right:15px;
}
div.ddPanelTwo{
	width:175px;
	float:left;
	margin-right:15px;
}
div.ddPanelThree{
	width:160px;
	float:left;
	margin-right:15px;
}
div.ddPanelFour{
	width:172px;
	float:left;
	*margin-right:15px;
}
div.ddWhyUs{
	width:215px!important;
	left:-40px!important;
}.topNavPanel ul.mainNav li div.ddPortfolio{
	left:-40px!important;
	width:200px!important;	
}
	
	
	
.topNavPanel p{
	font:normal 24px/38px Arial, Helvetica, sans-serif;
	color:#25d5ff;
	background:url(../images/phone-icon.png) 600px 8px no-repeat;
	position:relative;
	left:25px;
	
	
	}	
/*-----------Header------------*/
/*div.headerWrap{
	width:auto;
}*/
div.headerHome{
	/*background:url(../images/headerbg-home.gif) 0 0 repeat-x #fff;*/
	/*height:492px;
	padding:0 0 113px;*/
	padding:0;
}
div.headerOuter{
	padding:23px 0 0;
}
div.headerMain{
	width:985px;
	margin:0 auto;
	position:relative;
	/*height:516px;*/
	height:458px;
	/*background: url(../images/portfolio-btn-glow-new.png) 508px 320px no-repeat;*/
}
div.headerMain div.logo{
	position:absolute;
	right:0;
	top:-38px;
	z-index:100;
	}
div.headerMain div.quote{
	position:absolute;
	right:184px;
	top:8px;
	z-index:50;
	}
div.headerMain div.quote a{
	background:url(../images/req-quote-bg.png) 0 0 no-repeat;
	display:block;
	width:153px;
	height:29px;
	font:normal 16px/28px MyriadPro-Semibold, Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	}
div.headerMain div.quote a:hover{
	color:#EFEFEF;
	background:url(../images/req-quote-bg-hover.png) 0 0 no-repeat;
	display:block;
	width:153px;
	height:29px;
}
div.headerMain div.portfolioBtnbg{
	/*background: url(../images/portfolio-btn-glow-new.png) no-repeat;*/
	width:262px;
	height:120px;
	position:absolute;
	bottom:-13px;
	right:84px;
	}
div.portfolioBtnbg a{
	background:url(../images/pro-button.png) no-repeat 0 0;
	width:188px;
	height:46px;
	display:block;
	margin-left:0;
	font:bold 18px/42px Helvetica, Arial, sans-serif;
	color:#fff;
	text-shadow: 1px 1px 2px #0046db;
	background-color:inherit;
	padding:0 0 0 17px;
	/*padding:14px 0 0 18px;*/
	}
div.portfolioBtnbg a:hover{
	color:#fff;
	background-color:inherit;
	background:url(../images/pro-button.png) no-repeat 0 -46px;
	height:46px;
	
	}
div.slidePanel{
	padding:23px 0 6px 0;
	height:100%;
	overflow:hidden;
	width:955px;
	/*margin:0 auto;*/
	}
div.bigImage{
	background:url(../images/big-image-bg.png) no-repeat 0 0;
	width:564px!important;
	height:373px;
	padding:10px 0 0 10px;
/*	float:left!important;*/
	}
div.slideText{
	width:340px!important;
	float:right!important;
	padding-top:175px;
	}
div.slideText h2{
	font:30px/36px Helvetica, Arial, sans-serif;
	color:#fff;
	background-color:inherit;
	padding-bottom:8px;
	text-shadow: 1px 1px 2px #0046db;
	}
div.slideText p{
	font:22px/26px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	text-shadow: 1px 1px 2px #0046db;
	}
div.headerMain  div.thumbPanel{
	width:480px;
	margin-left:9px;
	height:58px;
	/*overflow:hidden;
	position:absolute;
	left:0;
	bottom:-40px;*/
}
div.thumbPanel span{
	background: url(../images/thumb-shdw.png) no-repeat 0 57px;
	width:72px;
	height:90px;
	padding-bottom:6px;
	float:left;
	margin:0 8px 0 0;
}
div.thumbPanel p a.left{
	background:url(../images/arrow-left.gif) no-repeat;
	width:11px;
	height:17px;
	display:block;
	float: left;
	margin:18px 14px 0 0;
}
div.thumbPanel p a.right{
	background:url(../images/arrow-right.gif) no-repeat;
	width:11px;
	height:17px;
	display:block;
	float: right;
	margin:18px 0 0 0;
}
/*-----------Icon Panel------------*/
div.iconPanel{
	background:url(../images/icon-panel-bg-new.gif) 0 0 repeat-x;
	height:70px;
}
div.iconPanelInner{
	width:985px;
	height:70px;
	margin:0 auto;
	}
div.iconPanelInner ul{
	overflow:hidden;
	font:normal 13px/16px Arial, Helvetica, sans-serif;
	width:985px;
	height:70px;
	margin:0 auto;
	}
div.iconPanelInner ul li{
	float:left;
	background:url(../images/icon-pan-sep.gif) 100% 0 no-repeat;
	height:70px;
	padding-right:0px;
	}
div.iconPanelInner ul li.nodivider{
	background:none;
	}
div.iconPanelInner ul li a{
	float:left;
	height:70px;
	color:#A5A5A5;
	width:auto;
/*margin-right:2px;*/
	}
div.iconPanelInner ul li a:hover, div.iconPanelInner ul li a.active{
	background:url(../images/rept-hover-round.gif) repeat-x 0 0;
	color:#1E1E1E;
}
div.iconPanelInner ul li a span{
	padding:0 0 0 0;
	float:left;
	height:70px;
	
	
}
div.iconPanelInner ul li a span:hover, div.iconPanelInner ul li a.active span{
	background:url(../images/lft-wh-round.gif) no-repeat 0 0;
	padding:0 0 0 0;
	
	
}
div.iconPanelInner ul li a span span{
	padding:0 0 0 0;
	float:left;
	height:70px;
}
div.iconPanelInner ul li a span span span{
	cursor:pointer;
}
div.iconPanelInner ul li a:hover span span, div.iconPanelInner ul li a.active span span{
	background:url(../images/rht-wh-round.gif) no-repeat 100% 0;
	padding:0 0 0 0;
}
div.iconPanelInner ul li a span span span.webdev{
	background:url(../images/service-icon1-ho.png) 16px 18px no-repeat;
	padding:18px 16px 0 80px;
	width:75px;
	}
div.iconPanelInner ul li a:hover span span span.webdev, div.iconPanelInner ul li a span span span.webdev.active{
	background:url(../images/service-icon1.png) 16px 18px no-repeat;
}
div.iconPanelInner ul li a span span span.cms{
	background:url(../images/service-icon2.png) 16px 18px no-repeat;
	padding:18px 16px 0 85px;
	width:77px;
	}
div.iconPanelInner ul li a:hover span span span.cms, div.iconPanelInner ul li a span span span.cms.active{
	background:url(../images/service-icon2-ho.png) 16px 18px no-repeat;
}
div.iconPanelInner ul li a span span span.onlineMarketing{
	background:url(../images/service-icon3.png) 16px 18px no-repeat;
	padding:18px 16px 0 90px;
	width:56px;
	}
div.iconPanelInner ul li a:hover span span span.onlineMarketing, div.iconPanelInner ul li a span span span.onlineMarketing.active{
	background:url(../images/service-icon3-ho.png) 16px 18px no-repeat;
}
div.iconPanelInner ul li a span span span.mobileApp{
	background:url(../images/service-icon4.png) 16px 18px no-repeat;
	padding:18px 16px 0 80px;
	width:63px;
	}
div.iconPanelInner ul li a:hover span span span.mobileApp, div.iconPanelInner ul li a span span span.mobileApp.active{
	background:url(../images/service-icon4-ho.png) 16px 18px no-repeat;
}
div.iconPanelInner ul li a span span span.webHosting{
	background:url(../images/service-icon5.png) 16px 18px no-repeat;
	padding:18px 16px 0 85px;
	width:45px;
	}
div.iconPanelInner ul li a:hover span span span.webHosting, div.iconPanelInner ul li a span span span.webHosting.active{
	background:url(../images/service-icon5-ho.png) 16px 18px no-repeat;
}
div.iconPanelInner ul li a span span span.strategicConsulting{
	background:url(../images/service-icon6.png) 16px 18px no-repeat;
	padding:17px 16px 0 83px;
	width:65px;
	}
div.iconPanelInner ul li a:hover span span span.strategicConsulting, div.iconPanelInner ul li a span span span.strategicConsulting.active{
	background:url(../images/service-icon6-ho.png) 16px 18px no-repeat;
}
div.iconPanelInner ul li a.active, div.iconPanelInner ul li a:hover{
	/*background-position:14px 100%!important;*/
	
	/*background-image:url(../images/service-icon-hoverbg.gif);*/
	}
/*div.iconPanelInner ul li a.webdev{
	background:url(../images/service-icon1.png) 14px 0 no-repeat;
	padding:18px 0 0 81px;
	width:93px;
	display:block;
	float:left;
	}
div.iconPanelInner ul li a:hover span.webdev{
	background:url(../images/service-icon1.png) 0 100% no-repeat;
}*/
/*div.iconPanelInner ul li a.cms{
	background:url(../images/service-icon2.png) 14px 0 no-repeat;
	padding:18px 0 0 88px;
	width:95px;
	}
div.iconPanelInner ul li a.onlineMarketing{
	background:url(../images/service-icon3.png) 14px 0 no-repeat;
	padding:18px 0 0 79px;
	width:77px;
	}
div.iconPanelInner ul li a.mobileApp{
	background:url(../images/service-icon4.png) 14px 0 no-repeat;
	padding:18px 0 0 85px;
	width:83px;
	}
div.iconPanelInner ul li a.webHosting{
	background:url(../images/service-icon5.png) 14px 0 no-repeat;
	padding:18px 0 0 87px;
	width:60px;
	}
div.iconPanelInner ul li a.webHosting span{
	display:block;
	}
div.iconPanelInner ul li a.strategicConsulting{
	background:url(../images/service-icon6.png) 14px 0 no-repeat;
	padding:17px 15px 0 77px;
	width:65px;
	}*/
/*-------Content Container---------*/
div.contentContainer{
	width:987px;
	margin:0 auto;
	overflow:hidden;
	height:100%;
	padding:55px 0;
	}
div.innerColumn{
	width:462px;
	}
div.panelContent{
	padding-bottom:50px;
	}
div.panelContent h3{
	font:bold 20px/25px Arial, Helvetica, sans-serif;
	color:#353535;
	background:url(../images/heading-bg.gif) 0 100% repeat-x;
	padding-bottom:5px;
	margin-bottom:10px;
	}
div.panelContent p{
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#565656;
	padding-bottom:20px;
	}
div.panelContent ul{
	font:bold 13px/14px Arial, Helvetica, sans-serif;
	overflow:hidden;
	height:100%;
	}
div.panelContent ul li{
	color:#007dc5;
	
	padding:0 0 10px 0;
	width:220px;
	float:left;
	}
div.panelContent ul li a{
	color:#007dc5;
	background:url(../images/arrow-01.gif) 0 3px no-repeat;
	padding:0 0 0 9px;
}
div.panelContent ul li a:hover{
	color:#2C2C2C;
	text-decoration:underline;
	background:url(../images/arrow-01-hover.png) 0 3px no-repeat;
}
/*-------Social Container---------*/
div.buildingbg{
	background:url(../images/bottom-building-bg.png) 0 100% repeat-x;
	}
div.greenbg{
	background:url(../images/bottom-green-bg.png) 50% 126px no-repeat;
	height:209px;
	}
div.socialMain{
	width:985px;
	margin:0 auto;
	position:relative;
	}
div.blogBuilding{
	position:absolute;
	left:0;
	top:10px;
	background:url(../images/blog-building.png) 0 0 no-repeat;
	width:391px;
	height:185px;
	}	
div.blogTxt{
	position: absolute;
	left: 51px;
	top: 35px;
	padding: 15px;
	}	
div.blogTxt h4{
	font:bold 12px/15px Arial, Helvetica, sans-serif;
	padding-bottom:5px;	
	}
div.blogTxt h4 a{
	color:#2b2b2b;	
	text-decoration:underline;
	}
div.blogTxt h4 a:hover{
	text-decoration:none;
	}
div.blogTxt p{
	color:#FFFFFF;
	line-height:17px;	
	}
	
div.contactBuilding{
	position:absolute;
	left:117px;
	top:1px;
	background:url(../images/contact-building.png) 0 0 no-repeat;
	width:201px;
	height:194px;
	}	
div.twittBuilding{
	position:absolute;
	right:232px;
	top:41px;
	}	
div.twittBuilding a{
	/*background:url(../images/twitter-building.png) 0 0 no-repeat;
	width:113px;
	height:154px;
	display:block;
	text-indent:-9999px;*/
	}
div.indextwitter{
	background:url(../images/twitter-building.png) 0 0 no-repeat;
	height: 130px;
    padding: 24px 0 0 45px;
    width: 69px;
}
div.twittBuilding span{
	background:url(../images/twitter-building.png) 0 0 no-repeat;
	width:113px;
	height:154px;
	display:block;
	text-indent:-9999px;
	}
div.fbBuilding{
	position:absolute;
	right: 95px;
    top: 17px;
	z-index:20;
	}
	
div.fbBuilding a{
	background:url(../images/facebook-building.png) 0 0 no-repeat;
	width:140px;
	height:139px;
	display:block;
	text-indent:-9999px;
	}
div.indexfacebook{
	background:url(../images/facebook-building.png) 0 0 no-repeat;
	width:110px;
	height:171px;
	padding:7px 0 0 30px;
	overflow:hidden;
}
div.linkedinBuilding{
	position:absolute;
	right:0;
	top:64px;
	}
div.linkedinBuildingindex{
		background:url(../images/linkedin-building.png) 0 100% no-repeat;
		width:81px;
		height:131px;
		padding:0 0 0 25px;
	}	
/*div.linkedinBuilding a{
	background:url(../images/linkedin-building.png) 0 0 no-repeat;
	width:140px;
	height:139px;
	display:block;
	text-indent:-9999px;
	}*/
div.contactInfo{
	position:absolute;
	left:52px;
	top:48px;
	}
div.contactInfo h4{
	font:bold 11px/14px Arial, Helvetica, sans-serif;
	color:#28abdb;
	padding-bottom:2px;
	}
div.contactInfo p{
	font:normal 10px/14px Tahoma, Arial, Helvetica, sans-serif;
	color:#3f3f3f;
	padding-bottom:4px;
	}
div.contactInfo p.center{
	text-align:center;
	}	
div.contactInfo p span{
	display:block;
	}
div.contactInfo p a{
	color:#168fea;
	text-decoration:underline;
	}
div.contactInfo p a:hover{
	text-decoration:none;
	}	
div.twitterPop{
	background:url(../images/twitt-popup.png) 0 0 no-repeat;
	width:173px;
	height:116px;
	position:absolute;
	right:342px;
	top:30px;
	padding:20px 43px 0 14px;
	}	
div.twitterPop p{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	color:#171717;
	padding-bottom:10px;
	}	
div.twitterPop p a{
	color:#168fea;
	display:block;
	font-weight:bold;
	margin-bottom:3px;
	}	
div.twitterPop p a:hover{
	text-decoration:underline;
	}
	
/*-------Bottom Info Container---------*/	
div.bottomInfo{
	background:url(../images/bottom-info-bg.gif) 0 0 repeat-x;
	height:246px;
	padding-top:26px;
	}	
div.bottomInfoMain{
	width:985px;
	margin:0 auto;
	overflow:hidden;
	height:100%;
	}	
div.bottomPanelFirst{
	width:280px;
	float:left;
	margin-right:25px;
	}	
div.bottomPanelFirst img{
	background-color:#7ed8f9;
	padding:10px;
	margin-bottom:8px;
	}	
div.bottomPanelFirst h4{
	font:bold 13px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-bottom:4px;
	}	
div.bottomPanelFirst p{
	font:normal 12px/15px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-bottom:12px;
	}	
div.bottomPanelFirst p span{
	display:block;
	}	
div.bottomPanelFirst p a{
	color:#FFFFFF;
	}	
div.bottomPanelFirst p a:hover{
	text-decoration:underline;
	}
div.bottomPanelFirst ul{
	overflow:hidden;
	height:100%;
	font:normal 12px/22px Arial, Helvetica, sans-serif;
	}	
div.bottomPanelFirst ul li{
	float:left;
	margin-right:8px;
	}
div.bottomPanelFirst ul li a{
	display:block;
	background-color:#000000;
	height:22px;
	color:#FFFFFF;
	padding:0 7px;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px; 
	}	
div.bottomPanelFirst ul li a:hover{
	background-color:#222222;
	}	
div.bottomPanelSecond{
	width:399px;
	float:left;
	background:url(../images/quote-bg.jpg) 0 0 no-repeat;
	height:246px;
	}	
div.bottomPanelSecond h4{
	font:bold 34px/36px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-align:center;
	border-top:1px dashed #FFF;
	border-bottom:1px dashed #FFF;
	padding:5px 0;
	}
div.bottomPanelSecond a{
	display:block;
	background:url(../images/quote-btn.png) 0 0 no-repeat;
	width:332px;
	height:52px;
	margin:50px auto 0 auto;
	font:bold 32px/48px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	padding-left:18px;
	}
div.bottomPanelSecond a:hover{
	/*text-shadow: 2px 2px 2px #505050;*/
	background:url(../images/quote-btn-hover.png) 0 0 no-repeat;
	}
div.bottomPanelThird{
	background:url(../images/signup-box.png) 0 0 no-repeat;
	width:215px;
	height:242px;
	float:right;
	margin-top:4px;
	padding:0 10px 0 14px
	}
div.bottomPanelThird h4{
	font:bold 25px/26px Arial, Helvetica, sans-serif;
	color:#d9d9d9;
	text-transform:uppercase;
	margin:25px 0 15px 0;
	}
div.bottomPanelThird p{
	font:normal 12px/16px Arial, Helvetica, sans-serif;
	color:#cccccc;
	padding-bottom:15px;
	}
div.bottomPanelThird form label{
	background:url(../images/signup-input.gif) 0 0 no-repeat;
	width:206px;
	height:37px;
	display:block;
	} 	
div.bottomPanelThird form label input{
	border:0px;
	width:157px;
	height:27px;
	background:transparent;
	margin-left:35px;
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#595959;
	padding:5px 5px;
	}	
div.bottomPanelThird form input.submitBtn{
	background:url(../images/signup-btn.png) 0 0 no-repeat;
	border:0px;
	width:109px;
	height:33px;
	font:bold 14px/33px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	text-transform:uppercase;
	cursor:pointer;
	margin:10px 0 0 98px;
	}	
div.bottomPanelThird form input.submitBtn:hover{
	background-position:0 100%;
	}	
	
	
/*-------Footer---------*/	
div.footer{
	background-color:#000000;
	height:59px;
	}	
div.footerInner{
	width:985px;
	margin:0 auto;
	padding-top:15px;
	}
div.footerL{
	width:580px;
	float:left;
	}	
div.footerR{
	width:220px;
	float:left;
	}	
div.footerR img{
	margin-right:10px;
	float:left;
	}
div.footerL ul{
	font:normal 11px/14px Arial, Helvetica, sans-serif;
	padding-bottom:7px;
	} 	
div.footerL ul li{
	display:inline;
	color:#929292;
	margin:0 4px;
	}	
div.footerL ul li a{
	color:#FFFFFF;
	}	
div.footerL ul li a:hover,
div.footerL ul li a.active{
	color:#28c0ff;
	}
div.footerL p{
	font:normal 10px/14px Arial, Helvetica, sans-serif;
	color:#b2b2b2;
	}	
div.footerL p a{
	color:#28c0ff;
	}	
div.footerL p a:hover{
	color:#FFFFFF;
	}		
		
/*####################################End of INDEX PAGE###################################*/
/*-------Why Us---------*/	
.wrapperwhyusPage{
	/*width:100%;*/	
	background:url(../images/service-header-bg.gif) 0 38px repeat-x!important;
}
/*div.headerinsidepage{
	background:#00AFF0;
	height:348px;
	}*/
div.headerinsidepage{
	background:url(../images/service-header-bg.gif) repeat-x;
	height:348px;
	}	
div.headerwhyinner{
	background:url(../images/whyusman.png) 0 0 no-repeat !important;
	height:192px;
	padding:156px 0 0 0;
	}
	
div.headertext {
	padding:0 0 0 422px;
}
div.headertext h1{
	font:bold 36px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 25px;
}
div.headertext h2{
	font:normal 20px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 25px;
}
/*div.headertext h2 {	
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	padding:0 0 4px 0;
	color:#fff;
	background-color:inherit;
	text-shadow:1px 1px 2px #006BC3;
}
div.headertext p {	
	font-size:22px;
	line-height:26px;
	color:#fff;
	background-color:inherit;
	text-shadow:1px 1px 2px #006BC3;
}*/
div.iconPanelInner h1{
	background:url(../images/icon-panel-bg.gif) 0 0 repeat-x;
	height:70px;
	text-align:center;
	font-size:26px;
	line-height:70px;
	color:#2F2F2F;
	background-color:inherit;
	text-transform:uppercase;
	font-weight:bold;
}
	
div.contentContainer h2{
	font-size:22px;
	line-height:26px;
	padding:0 0 15px 0;
	color:#01B0EF;
	background-color:inherit;
}
div.contentContainer p{
	font:normal 15px/20px Arial, Helvetica, sans-serif;
	color:#191919;
	background-color:inherit;
	padding:0 0 15px 0;
}
/*-------Why Us---------*/
/*-------Services---------*/
div.headerservice{
	background:url(../images/header/social-media-marketing.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.contentmarketing{
	background:url(../images/header/content-marketing.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.customblog{
	background:url(../images/header/custom-blog-design.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	
	div.webserviceaudit{
	background:url(../images/header/website-audit.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.customwebapplication{
	background:url(../images/header/custom-web-application-development.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.ecommercesolutions{
	background:url(../images/header/e-commerce-website-development.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	
	div.mobilewebsite{
	background:url(../images/header/mobile-website.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	
	div.iphone{
	background:url(../images/header/iphone-apps.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	
div.webhosting{
	background:url(../images/header/webhosting.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.strconsulting{
	background:url(../images/header/web-strategy.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.onlinemktplan{
	background:url(../images/header/online-marketing.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.android{
	background:url(../images/header/android-apps.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.webdevelop{
	background:url(../images/header/custom-web-application-development.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	
	div.ouroffice{
	background:url(../images/header/our-office.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	
	div.support{
	background:url(../images/header/support.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	
	div.career{
	background:url(../images/header/career-oportunity.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	
	div.ourhistory{
	background:url(../images/header/our-history.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.ourteam{
	background:url(../images/header/our-team.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.process{
	background:url(../images/header/our-process.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.affiliations{
	background:url(../images/header/affiliations.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	
	
	
	
	div.reasons{
	background:url(../images/header/350-more-reasons.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.contentmanagement{
	background:url(../images/header/content-management-system.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.seo{
	background:url(../images/header/search-engine-optimization.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
div.emailmarketing{
	background:url(../images/header/email-marketing.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
div.payperclick{
	background:url(../images/header/pay-per-click-management.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
div.onlinemarket{
	background:url(../images/header/online-marketing.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
div.serviceltpanel {
	width:684px;
	float:left;
	margin:0 0 25px 0;
}
div.servicertpanel {
	width:263px;
	float:right;
}
.serviceltpanel ul{
padding:0 0 15px 20px;
list-style:disc;
}
.serviceltpanel .featurepanel ul{
padding:0;
list-style:none;
}
div.rtlink {
	margin:0 0 20px 0;
}
div.rtlink div.rttop {
	background:url(../images/rtlink-topbg.gif) 0 0 no-repeat;
	width:263px;
	height:15px;
	font-size:0;
	line-height:0;
}
div.rtlink div.rtbottom {
	background:url(../images/rtlink-bottombg.png) 0 0 no-repeat;
	width:263px;
	height:18px;
	font-size:0;
	line-height:0;
}
div.rtlink div.rtmiddle {
	background:url(../images/rtlink-middle.gif) 0 0 repeat-y;
	width:235px;
	padding:0 14px;
}
div.rtlink div.rtmiddle ul li.shHeading {
	font-size:18px;
	line-height:20px;
	padding:3px 0 4px;
	background:url(../images/dotted-border.gif) 0 100% repeat-x;
}
.shHeadingNo {
	background-image:none !important;
}
div.rtlink div.rtmiddle ul li.lastli {
	backgrounde:none;
}
div.rtlink div.rtmiddle ul li.shHeading a {
	padding:5px 0 5px 10px;
	display:block;
	color:#373737;
	background-color:inherit;
	/*border-right:4px solid #E9ECEF;*/
}
div.rtlink div.rtmiddle ul li.shHeading a:hover, div.rtlink div.rtmiddle ul li ul.shDiv li a.selected {
		display:block;
	border-right:0;
	/*background-color:#00AFF0;*/
	color:#000;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
div.rtlink div.rtmiddle ul li a.activeState {
	display:block;
	border-right:0;
	/*background-color:#00AFF0;*/
	color:#5F5F5F;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
div.rtlink div.rtmiddle ul li a.selected {
	background-color:#00AFF0;
	color:#FFFFFF;
}
div.rtlink div.rtmiddle ul li ul.shDiv {
	margin:3px 0 0 0;
	font:normal 15px/22px Arial, Helvetica, sans-serif!important;
}
div.rtlink div.rtmiddle ul li ul.shDiv li {
	background:none;
		font-size:15px;
	line-height:23px;
	padding:0;
}
div.rtlink div.rtmiddle ul li ul.shDiv li a {
	padding:3px 0 3px 25px;
	background:url(../images/arrow-rt.gif) 12px 12px no-repeat;
	color:#007DC5;
	background-color:inhert;
	display:block;
	border:0;
}
div.rtlink div.rtmiddle ul li ul.shDiv li a:hover {
	color:#065C8E;
	background-color:#D6F3FD;
	display:block;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
div.rtlink div.rtmiddle ul li ul.shDiv li a.selected {
	color:#000000;
	background-color:#D6F3FD;
	font-weight:bold;
}
.show {
	display:block!important;
}
div.featurepanel {
	width:258px;
	float:left;
	padding-top:10px;
	margin-right:15px;
}
div.featurepanel div.topbg {
	background:url(../images/feature-topbg.gif) 0 0 no-repeat;
	width:258px;
	height:16px;
	font-size:0;
	line-height:0;
}
div.featurepanel div.bottombg {
	background:url(../images/feature-bottombg.gif) 0 no-repeat;
	width:258px;
	height:32px;
	font-size:0;
	line-height:0;
}
div.featurepanel div.midpannel {
	background:url(../images/featured-middlebg.gif) 0 0 repeat-y;
	padding:0 16px;
}
div.featurepanel div.midpannel h3 {
	background:url(../images/featured-headingbg.gif) 0 0 no-repeat;
	width:216px;
	height:41px;
	padding:10px 0 0 10px;
	font-size:18px;
	line-height:22px;
	font-weight:normal;
	color:#fff;
	background-color:inherit;
	margin:0 0 9px 0;
}
div.featurepanel ul li {
	background:url(../images/dotted-border.gif)0 100% repeat-x;
	padding:6px 0;
	font-size:14px;
	line-height:16px;
	color:#37393A;
	background-color:inherit;
}
div.featurepanel ul li.lastli {
	background:none !important;
	padding:6px 0 0 0 !important;
}
div.featurepanel ul li span {
	background:url(../images/tick.gif) 0 1px no-repeat;
	padding:0 0 0 24px;
	display:block;
	color:#37393A;
	background-color:inherit;
}
div.featurepanel ul li span:hover {
	color:#04A6E0;
	background-color:inherit;
}
div.challenge {
	width:390px;
	float:right;
	padding-top:10px;
}
div.challenge h3 {
	font-size:22px;
	line-height:28px;
	color:#2D2D2D;
	background-color:inherit;
	padding:0 0 12px 0;
}
div.challenge p {
	font-size:15px;
	line-height:22px;
	color:#2F2F2F;
	background-color:inherit;
	padding:0 0 20px 0;
}
div.contentContainer h3{
	font:bold 18px/23px Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	color:#2D2D2D;
	background-color:inherit;
}
div.contentContainer h4{
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	color:#191919;
	background-color:inherit;
}
div.accodian {
	margin:15px 0 30px 0;
	}
div.accodianatop {
	background:url(../images/accodian-topbg1.gif) 0 0 no-repeat;
	width:982px;
	height:18px;
	font-size:0;
	line-height:0;
	}
div.accodianabottom {
	background:url(../images/accodian-bottombg1.gif) 0 0 no-repeat;
	width:982px;
	height:18px;
	font-size:0;
	line-height:0;
	}
div.accodianamiddle {
	background:url(../images/accodian-middlebg.gif) 0 0 repeat-y;
	padding:0 17px;
	width:948px;
	}
div.accodian div.listing {
	/*background:url(../images/listing-shadow.gif) 0 0 no-repeat;*/
	}
div.accodian div.listing ul {
	width:236px;
	float:left;
	margin-top:3px;
	}
div.accodian div.listing ul li {
	/*background:url(../images/listing-border.gif) 0 0 repeat-x;*/
	font-size:16px;
	line-height:18px;
	border-bottom:solid 1px #D2F0FF;
	color:#2A2A2A;
	font:bold 15px/19px Arial, Helvetica, sans-serif;
/*	background:url(../images/border-line.gif) no-repeat 0 0;
	padding-bottom:2px;*/
	
	}
div.accodian div.listing ul li.last{
	padding:10px 0 10px 10px!important;
}
div.accodian div.listing ul li a {
	color:#2A2A2A;
	background-color:inherit;
	padding:10px 0 10px 10px;
	display:block;
	/*border:1px solid #EBF6FB;
	border-right:0px;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;*/
	position:relative;
	left:1px;
	}
div.accodian div.listing ul li a:hover,
div.accodian div.listing ul li a.active {
	/*color:#4B5140;*/
	background-color:#fff;
	color:#3397D1;
	/*border:1px solid #EBF6FB;
	border-right:0px;*/
	}
div.listingcontent {
	/*border-radius:5px;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;*/
	width:650px;
	float:left;
	padding:15px;
	/*border:1px solid #EBF6FB;*/
	background-color:#fff;
	min-height:220px;
	}
div.listingcontentcms{
	min-height:620px;
} 
div.listingcontentwebsolutin {
	min-height:790px;
}
div.listingcontent p {
	color:#454545;
	background-color:inherit;
	font-size:14px;
	line-height:20px;
	padding:0 0 15px 0;
	}
/*-------Services---------*/
/*-------Blog---------*/
div.headerblog{
	/*background:url(../images/blog-bg.gif) 0 0 repeat-x !important;*/
	background:url(../images/blog-header-bg2.jpg) 0 0 repeat-x !important;
	height:189px;
	}
	
div.headerblog h1{
	font:bold 36px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 25px;
}
div.headerblog h2{
	font:normal 20px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 25px;
}
div.headerbloginner{
	/*background:url(../images/blog-innerbg.gif) 0 0 no-repeat !important;*/
	/*background-position:0 100% !important;*/
	background-position:-24% 70% !important;
	padding:44px 0 0 0;
	height:155px;
	}
/*div.headerbloginner h2 {	
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	padding:0 0 4px 25px;
	color:#fff;
	background-color:inherit;
	text-shadow:1px 1px 2px #006BC3;
}*/
div.blogtextheading{
	padding:6px 0 0 0;
	}
div.headerbloginner p {	
	font-size:22px;
	line-height:26px;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 25px;
	text-shadow:1px 1px 2px #006BC3;
}
div.blogContainer{
	padding:25px 0 !important;
	}
	
div.leftblogpanel {
	width:630px;
	padding:15px;
	background-color:#EEFAFF;
	float:left;
}
div.leftblogpanel2 {
	width:630px;
	padding:15px;
	
	float:left;
}
div.commentbox {
	background-color:#fff;
	padding:10px;
	margin:0 0 14px 0;
}
div.commentbox div.imagepanel {
	width:201px;
	float:left;
}
div.commentbox div.textpanel {
	/*width:387px;*/
	float:left;
}
div.commentbox div.textpanel img {
    padding-right: 22px;
    padding-top: 5px;
}
div.commentbox div.textpanel h2 {
	font-size:22px;
	line-height:26px;
	color:#007DC5;
	background-color:inherit;
	padding:0 0 5px 0;
}
div.commentbox div.textpanel p.date {
	font-size:11px;
	line-height:26px;
	height:26px;
	font-weight:bold;
	background:url(../images/date-bg.gif) 0 0 repeat-x;
	color:#464646;
	background-color:inherit;
	padding:0 0 16px 0;
}
div.commentbox div.textpanel p {
	font-size:14px;
	line-height:20px;
	padding:0 0 15px 0;
}
div.commentbox div.textpanel a.readmore {
	background:url(../images/readmore.gif) 0 0 no-repeat;
	width:92px;
	height:25px;
	font-size:12px;
	line-height:25px;
	color:#fff;
	background-color:inherit;
	text-transform:uppercase;
	padding:0 0 0 10px;
	display:block;
	margin:0 0 10px 0;
}
div.commentbox div.textpanel a.readmore:hover {
	color:#fff;
	background:url(../images/readmore-hover.gif) 0 0 no-repeat;
	background-color:inherit;
	
}
span.previous{	
	font-size:15px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration: none;
	font-weight:bold;	
	color:#fff;	
}
span.previous a{
	padding:0 0 0 20px;
	float:left;
	background:url(../images/preview-button.gif) 0 0 no-repeat;
	background-color:inherit;
	width:137px;
	height:30ox;
	display:block;
	text-decoration: none;	
	color:#fff;	
}
span.previous a:hover{
	background-color:inherit;
	background:url(../images/previous-hover.gif) 0 0 no-repeat;
	text-decoration: none;	
	color:#fff;	
}
span.next{
	
	font-size:15px;
	line-height:30px;
	text-transform:uppercase;
	text-decoration: none;
	font-weight:bold;
	float:right;
	color:#fff;
	
}
span.next a{
	background:url(../images/next-button.gif) 0 0 no-repeat;
	width:109px;
	height:30px;
	display:block;
	background-color:inherit;
	padding:0 0 0 10px;
	color:#fff;
	text-decoration: none;
}
span.next a:hover {
	color:#fff;
	background-color:inherit;
	background:url(../images/next-hover.gif) 0 0 no-repeat;
	text-decoration: none;
}
div.rightblogpanel {
	width:308px;
	float:right;
}
div.getemail {
	background:url(../images/get-emailbg.gif) 0 0 no-repeat;
	height:144px;
	padding:20px;
	margin:0 0 20px 0;
}
div.getemail h2 {
	font-size:22px;
	line-height:26px;
	color:#fff;
	background-color:inherit;
	margin:0 0 10px 0;
	padding:0;
	text-shadow:1px 1px 2px #000;
}
div.getemail div.leftpart {
	width:174px;
	float:left;
	margin:0 5px 0 0;
}
div.getemail div.leftpart label {
	font-size:11px;
	line-height:13px;
	font-weight:bold;
	color:#fff;
	background-color:inherit;
	padding:0 0 3px 0;
	display:block;
}
div.getemail div.leftpart input.txt {
	width:172px;
	height:30px;
	border:1px solid #7F9DB9;
	margin:0 0 6px 0;
}
div.getemail input.joinnow {
	width:80px;
	height:33px;
	float:left;
	margin:75px 0 0 0;
}
a.requestquote {
	width:308px;
	height:53px;
	display:block;
	background:url(../images/request-a-quote-button.jpg) 0 0 no-repeat;
	font-size:0;
	line-height:0;
	overflow:hidden;
	text-indent:-50000px;
	margin:0 0 20px 0;
}
a.requestquote:hover {
	background:url(../images/request-a-quote-button.jpg) 0 100% no-repeat;
}
div.popular {
	width:308px;
	margin:0 0 20px 0;
}
div.populartopbg {
	background:url(../images/popular-post-topbg.gif) 0 0 no-repeat;
	height:13px;
	width:308px;
	font-size:0;
	line-height:0;
}
div.popularbottombg {
	background:url(../images/popular-post-bottombg.gif) 0 0 no-repeat;
	height:13px;
	width:308px;
	font-size:0;
	line-height:0;
}
div.popularmiddlebg {
	background:url(../images/popular-post-middlebg.gif) 0 0 repeat-y;
	padding:0 13px;
}
div.popularmiddlebg h2 {
	height:40px;
	font-size:22px;
	line-height:40px;
	color:#fff;
	background-color:#00AFF0;
	padding:0 0 0 10px;
	margin:0 0 10px 0;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
}
div.popularmiddlebg ul li {
	font-size:13px;
	line-height:18px;
	background:url(../images/dotted-border.gif) 0 100% repeat-x;
	padding:2px 0;
}
div.popularmiddlebg ul li.nobr {
	background:none !important;
}
div.popularmiddlebg ul li a {
	padding:5px 0 5px 10px;
	display:block;
	color:#444444;
	background-color:inherit;
}
div.popularmiddlebg ul li a:hover {
	color:#444444;
	background-color:#CCF0FD;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
}
div.donot {
	color:#292929;
	background-color:#D4F3FD;
	border-bottom-left-radius:5px;
	-moz-border-radius-bottomleft:5px;
	-webkit-border-bottom-left-radius:5px;
	border-top-left-radius:5px;
	-moz-border-radius-topleft:5px;
	-webkit-border-top-left-radius:5px;
	border-bottom-right-radius:5px;
	-moz-border-radius-bottomright:5px;
	-webkit-border-bottom-right-radius:5px;
	border-top-right-radius:5px;
	-moz-border-radius-topright:5px;
	-webkit-border-top-right-radius:5px;
	padding:25px;
}
div.donot h2 {
	font-size:22px;
	line-height:26px;
	color:#007DC5;
	background-color:inherit;
	margin:0 0 10px 0;
	padding:0;
	text-transform:uppercase;
	font-weight:bold;
	text-shadow:1px 1px 2px #fff;
}
div.donot p {
	font-size:14px;
	line-height:20px;
	padding:0 0 18px 0;
}
div.donot label.fieldname {
	width:52px;
	height:32px;
	font-size:14px;
	line-height:32px;
	float:left;
	display:block;
}
div.donot input.field {
	width:201px;
	height:30px; 
	border:1px solid #7F9DB9;
	background-color:#fff;
	float:left;
	margin:0 0 10px 0;
}
div.donot label.Subscribe {
	font-size:14px;
	line-height:20px;
	display:block;
	margin:0 0 10px 0;
}
div.donot label.Subscribe input.check {
	float:left;
	width:14px;
	height:14px;
	padding:0;
	margin:3px 5px 0 0;	
}
div.donot input.submit {
	width:79px;
	height:32px;
	margin:0 0 0 52px;
}
/*-------Blog---------*/
/*-------Price---------*/
div.headerPrice{
	/*background:url(../images/price-backgroundbg.gif) 0 0 repeat-x #fff;*/
	background:url(../images/pricebg.jpg) 0 0 repeat-x #fff !important;
	padding:0;
	}
	
div.headerpriceinner{
	/*background:url(../images/price-bg.gif) 0 0 no-repeat !important;*/
	padding:50px 0 0 0;
	}
	
div.pricetextbox {
	padding:0 30px;
	margin:0 0 24px 0;
}
	
/*div.pricetextbox h2 {	
	font-size:28px;
	line-height:32px; 
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	padding:0 0 4px 0;
	color:#fff;
	background-color:inherit;
	text-shadow:1px 1px 2px #006BC3;
}
div.pricetextbox p {	
	font-size:22px;
	line-height:26px;
	font-weight:normal;
	color:#fff;
	background-color:inherit;
	text-shadow:1px 1px 2px #006BC3;
}*/
.priceheight{
	height:100%!important;
	}
div.pricetextbox h1{
	font:bold 36px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
div.pricetextbox h2{
	font:normal 20px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
}
div.priceformbox {
	width:890px;
	margin:0 auto;
	color:inherit;
	background-color:#77D5F8;
	padding:20px;
	border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	-webkit-border-bottom-left-radius:10px;
	border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	-webkit-border-top-left-radius:10px;
	border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-right-radius:10px;
	border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	-webkit-border-top-right-radius:10px;
}
div.priceleft {
	width:422px;
	float:left;
}
div.fieldbox {
	background:url(../images/price-fieldbg.gif) 0 0 no-repeat;
	width:423px;
	height:38px;
	margin:0 0 12px 0;	
}
div.fieldbox label {
	width:93px;
	height:38px;
	padding:0 0 0 10px;
	font-size:15px;
	line-height:38px;
	display:block;
	float:left
}
div.fieldbox input {
	width:300px;
	float:left;
	height:36px;
	background:transparent;
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#595959;
	padding:0 5px;
	border:0px;
}
div.pricecontactinfo {
	width:430px;
	float:right;
	background-color:#303030;
	color:inherit;
	padding:25px 0;
	text-align:center;
	border-bottom-left-radius:8px;
	-moz-border-radius-bottomleft:8px;
	-webkit-border-bottom-left-radius:8px;
	border-top-left-radius:8px;
	-moz-border-radius-topleft:8px;
	-webkit-border-top-left-radius:8px;
	border-bottom-right-radius:8px;
	-moz-border-radius-bottomright:8px;
	-webkit-border-bottom-right-radius:8px;
	border-top-right-radius:8px;
	-moz-border-radius-topright:8px;
	-webkit-border-top-right-radius:8px;
}
div.pricecontactinfo p {
	font-size:21px;
	line-height:23px;
	color:#fff;
	background-color:inherit;
	padding:0 0 10px 0;
}
div.pricecontactinfo a {
	font-size:21px;
	line-height:23px;
	font-weight:bold;
	color:#77D5F8;
	background-color:inherit;
	margin:10px 0 0 0;
	text-decoration:underline;
}
div.pricecontactinfo a:hover {
	color:#fff;
	background-color:inherit;
}
div.pricecontactinfo div.phonenumber {
	width:279px;
	height:42px;
	margin:16px auto 0;
	text-align:center;
	font-size:26px;
	line-height:42px;
	font-weight:;
	color:#fff;
	background-color:inherit;
	background:url(../images/callnumber-bg.gif) 0 0 no-repeat;
	font-weight:bold
}
p.detailstxt {
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color:#000;
	background-color:inherit;
	padding:13px 0 10px 0;
}
div.detailsfield {
	width:876px;
	height:229px;
	background:url(../images/detailsbg.gif) 0 0 no-repeat;
	padding:5px;
	margin:0 0 10px 0;
}
div.detailsfield textarea {
	width:866px;
	height:219px;
	border:0;
	background:transparent;
	padding:5px;
}
p.findtxt {
	float:left;
	width:262px;
	font-size:16px;
	line-height:24px;
	font-weight:bold;
	color:#000;
	background-color:inherit;
}
div.findbox {
	width:623px;
	float:left
}
div.findbox div.findfield {
	background:url(../images/fiend-bg.gif) 0 0 no-repeat;
	width:623px;
	height:38px;
	margin:0 0 14px 0;
}
div.findbox div.findfield input {
	width:613px;
	height:28px;
	border:0;
	background:transparent;
	padding:5px;
}
div.findbox label.newsletter {
	font-size:14px;
	line-height:20px;
	color:#303030;
	background-color:inherit;
	display:block;
	margin:0 0 30px 0;
}
div.findbox label.newsletter input.check {
	float:left;
	width:14px;
	height:14px;
	padding:0;
	margin:3px 5px 0 0;	
}
div.findbox input.submitrequest {
	width:232px;
	height:37px;
	padding:0;
	margin:0 0 10px 0;
}
	
/*-------Price---------*/
/*------- Portfolio---------*/
div.iconPanelInner ul.protfoliopanel {
	width:940px!important;
	margin:0 auto!important;
}
div.iconPanelInner ul li a.projectsicon{
	background:url(../images/iconprotfolio1.png) 14px 0 no-repeat;
	padding:17px 0 0 80px;
	width:150px;
	}
	
div.iconPanelInner ul li a.websitesicon{
	background:url(../images/iconprotfolio2.png) 14px 0 no-repeat;
	padding:17px 0 0 80px;
	width:160px;
	}
	
div.iconPanelInner ul li a.ecommerce{
	background:url(../images/iconprotfolio3.png) 14px 0 no-repeat;
	padding:17px 0 0 90px;
	width:170px;
	}
	
div.iconPanelInner ul li a.nonprofit{
	background:url(../images/iconprotfolio4.png) 14px 0 no-repeat;
	padding:17px 0 0 70px;
	width:130px;
	}
	
div.protfolio {
	/*margin:0 0 27px 0;*/
	margin:0 0 0 0;
	height:100%;
	overflow:hidden;
	width:718px;
	float:left;
} 
div.protfolio img {
	float:left;
	/*margin:0 8px 8px 0;*/
}
 ul.portlink{
	padding:0;
	margin:0;
}
 ul.portlink li{
	border:solid 1px #ECEBEB !important;
	margin:0 10px 10px 0 !important;
	width:202px;
	float:left;
	padding:12px 12px;
	-moz-border-radius-bottomright:0.88em;
	-moz-border-radius-bottomleft:0.88em;
	-webkit-border-radius-bottomright:0.88em;
	-webkit-border-radius-bottomleft:0.88em;
	border-bottom-right-radius:0.88em;
	border-bottom-left-radius:0.88em;
	-moz-border-radius-topright:0.88em;
	-moz-border-radius-topleft:0.88em;
	-webkit-border-top-right-radius: 0.88em;
	-webkit-border-top-left-radius: 0.88em;
	border-top-right-radius: 0.88em;
	border-top-left-radius:0.88em;
	
}
ul.portlink li:hover{
	background-color:#DEF1F7;
}
 ul.portlink li.nomargin{
 	margin-right:0px;
 }
ul.portlink li a {
	color:#707070;
	font-size:16px;
	line-height:20px;
	
	
	}
ul.portlink li a span{
	display:block;
	padding:11px 0 0 0!important;
	float:left;
}
div.protfolio img.lastimg {
	margin-right:0!important;
}
div.headerPortfolio{
	background:url(../images/protfolio-bg.gif) 0 0 repeat-x;
	height:589px;
	}
	
div.headerPortfolioinner{
	padding:77px 0 0 0;
	height:512px;
	position:relative;
}
div.sliderheader {
	height:512px;
	width:985px;
}
	
div.project {
	width:680px;
	float:left;
	height:512px;
	background:url(../images/project1.png) 0 0 no-repeat;
}
div.projectdetails {
	width:287px;
	background:url(../images/proto-glow.png) 0 100% no-repeat;
	padding:98px 0 0 0;
	float:right;
}
div.projectdetails h2 {
	font-size:30px;
	line-height:34px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	padding:0 0 14px 0;
	color:#fff;
	background-color:inherit;
	text-shadow:1px 1px 2px #000;
}
div.projectdetails p {
	font-size:14px;
	line-height:20px;
	color:#fff;
	background-color:inherit;
	padding:0 0 38px 0;
}
div.projectdetails a {
	background:url(../images/pro-button.png) 0 0 no-repeat;
	width:190px;
	height:46px;
	padding:0 0 0 15px;
	margin:0 0 5px 0;
	display:block;
	font:18px/46px Helvetica, Arial, sans-serif;
	color:#fff;
	text-transform:uppercase;
	text-shadow:1px 1px 2px #000;
}
div.projectdetails a:hover {
	background:url(../images/pro-button.png) 0 100% no-repeat;
	height:46px;
}
#nav1 {
	position:absolute;
	left:300px;
	top:520px;
	z-index:100;
	}
#nav1 a{
	background:url(../images/circle2.gif) 0 0 no-repeat;
	display:block;
	height:17px;
	width:17px;
	float:left;
	text-indent:-100000px;
	font-size:0;
	line-height:0;
	margin-right:5px;}
	
#nav1 a:hover, #nav1 a.activeSlide{background:url(../images/circle1.gif) 0 0 no-repeat;}
#prev {
	position:absolute;
	left:10px;
	top:520px;
	z-index:100;
	background:url(../images/previous-project.gif) 0 0 no-repeat;
	height:27px;
	width:137px;
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-50000px;
}
#prev:hover {
	background:url(../images/previous-project.gif) 0 100% no-repeat;
}
#next {
	position:absolute;
	left:565px;
	top:520px;
	z-index:100;
	background:url(../images/next-project.gif) 0 0 no-repeat;
	height:27px;
	width:107px;
	display:block;
	font-size:0;
	line-height:0;
	text-indent:-50000px;
}
#next:hover {
	background:url(../images/next-project.gif) 0 100% no-repeat;
}
/*.slide{background:url(../images/protfolio-bg.gif) 0 0 repeat-x red;}*/
.theme-default .slider,
.theme-default .slider2,
.theme-default .slider3,
.theme-default .slider4,
.theme-default .slider5,
.theme-default .slider6,
.theme-default .slider7,
.theme-default .slider8,
.theme-default .slider9,
.theme-default .slider10,
.theme-default .slider11,
.theme-default .slider12,
.theme-default .slider13,
.theme-default .slider14,
.theme-default .slider15,
.theme-default .slider16,
.theme-default .slider17,
.theme-default .slider18,
.theme-default .slider19,
.theme-default .slider20,
.theme-default .slider21,
.theme-default .slider22,
.theme-default .slider23,
.theme-default .slider24,
.theme-default .slider25,
.theme-default .slider26,
.theme-default .slider27,
.theme-default .slider28,
.theme-default .slider29,
.theme-default .slider30,
.theme-default .slider31,
.theme-default .slider32,
.theme-default .slider33,
.theme-default .slider34,
.theme-default .slider35,
.theme-default .slider36,
.theme-default .slider37,
.theme-default .slider38,
.theme-default .slider39,
.theme-default .slider40,
.theme-default .slider41,
.theme-default .slider42,
.theme-default .slider43,
.theme-default .slider44,
.theme-default .slider45,
.theme-default .slider46,
.theme-default .slider47,
.theme-default .slider48,
.theme-default .slider49,
.theme-default .slider50,
.theme-default .slider51,
.theme-default .slider52,
.theme-default .slider53,
.theme-default .slider54,
.theme-default .slider55,
.theme-default .slider56,
.theme-default .slider57,
.theme-default .slider58,
.theme-default .slider59,
.theme-default .slider60,
.theme-default .slider61,
.theme-default .slider62,
.theme-default .slider63,
.theme-default .slider64,
.theme-default .slider65,
.theme-default .slider66,
.theme-default .slider67,
.theme-default .slider68,
.theme-default .slider69,
.theme-default .slider70,
.theme-default .slider71,
.theme-default .slider72,
.theme-default .slider73,
.theme-default .slider74,
.theme-default .slider75,
.theme-default .slider76,
.theme-default .slider77,
.theme-default .slider78,
.theme-default .slider79,
.theme-default .slider80,
.theme-default .slider81,
.theme-default .slider82,
.theme-default .slider83,
.theme-default .slider84,
.theme-default .slider85,
.theme-default .slider86{
	width:634px; /* Make sure your images are the same size */
	height:376px; /* Make sure your images are the same size */
	margin:18px 0 0 22px;
	}
h3.uniquetxt{
	padding-top:20px;
}
div.iconPanelInner ul li a.projectsbyService{
	padding:28px 0 0 27px;
	width:440px;
	font:normal 22px/24px Arial, Helvetica, sans-serif;
	color:#1e1e1e;
	text-transform:uppercase;
	}
.sections{
display:none;
height:407px!important;
}
#sections ul li{
height:388px;
overflow:hidden;
}
div.imageframe{
width:574px;
float:left;
}
div.description{
width:319px;
float:right;
padding-top:130px;
font:normal 18px/24px Arial, Helvetica, sans-serif;
color:#fff;
/*text-shadow:1px 1px #000;*/
}
div.description h2{
font:bold 36px/32px Arial, Helvetica, sans-serif;
color:#fff;
color:#fff;
/*text-shadow:2px 2px #000;*/
margin:0;
padding-bottom:15px;
}
/*------- added style for home 050911---------*/
div.headerInner{
	background:url(../images/body-bg-top.gif) 50% 716px no-repeat;
}
div.bodyMain{
	/*background:url(../images/body-bg-top.gif) 50% 0 no-repeat #fff;*/
}
div.bodyContainer{
	margin:0 auto;
	overflow:hidden;
	width:984px;
}
/*div.bodyContainerInner{
	margin:-168px 0 0;
}*/
div.bodyPanel{
	width:313px;
	float:left;
	margin:0 22px 0 0;
}
div.bodyTopRound{
	background:url(../images/body-rounded-top.gif) 0 0 no-repeat;
	height:20px;
}
div.bodyOuter{
	background-color:#fff;
	color:#000;
	padding:0 2px;
}
div.bodyOuterMain{
	width:309px;
	background:url(../images/body-outer-bg.gif) 0 0 repeat-x #fff;
}
div.bodyOuterCont{
	padding:0 17px 35px 19px;
}
div.bodyOuterCont h2{
	font:bold 18px/24px Arial, Helvetica, sans-serif;
	color:#353535;
	background-color:inherit;
	padding-bottom:7px;
}
div.bodyOuterCont h2.webdevicon{
	background:url(../images/home-webdev-icon.gif) no-repeat 0 0;
	height:66px;
	padding-left:98px;
}
div.bodyOuterCont h2.onlineicon{
	background:url(../images/home-online-icon.png) no-repeat 0 0;
	height:66px;
	padding-left:83px;
}
div.bodyOuterCont h2.contentmgticon{
	background:url(../images/content-management.png) no-repeat 0 0;
	height:66px;
	padding-left:98px;
}
div.bodyOuterCont h2.mobleappicon{
	background:url(../images/mobile-app-icon.png) no-repeat 0 0;
	height:66px;
	padding-left:109px;
}
div.bodyOuterCont h2.webhostingicon{
	background:url(../images/web-hostingicon.png) no-repeat 0 0;
	height:66px;
	padding-left:99px;
}
div.bodyOuterCont h2.stategicicon{
	background:url(../images/sattegic-consulting-icon.png) no-repeat 0 0;
	height:66px;
	padding-left:99px;
}
div.bodyOuterCont p{
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#565656;
	background-color:inherit;
	padding:0 0 7px;
}
div.boduOuterLinkPanel{
	padding:13px 0 0;
	border-top:#D3D3D3 solid 1px;
}
div.boduOuterLinkPanel ul{
	font:bold 13px/20px Arial, Helvetica, sans-serif;
}
div.boduOuterLinkPanel ul li{
	background:url(../images/bullet1.gif) 0 6px no-repeat;
	padding:0 0 0 11px;
}
div.boduOuterLinkPanel ul li a{
	color:#007DC5;
	background-color:inherit;
}
div.boduOuterLinkPanel ul li a:hover{
	color:#4E4E4E;
	background-color:inherit;
}
div.bodyContBottom{
	background:url(../images/body-bg-bottom.gif) 50% 0 no-repeat;
	padding:0 0 83px;
}
div.bodyContainer2{
	margin:0 auto;
	overflow:hidden;
	width:980px;
}
div.bodyPanel2{
	width:311px;
	float:left;
	margin:0 24px 0 0;
}
div.bodyPanel2Small{
	width:310px!important;
}
div.bodyBottomRound{
	background:url(../images/body-rounded-bottom.gif) 0 0 no-repeat;
	height:20px;
}
div.bodyOuter2{
	background-color:#fff;
	color:#000;
	padding:0 2px 0 0;
}
div.bodyOuterMain2{
	width:309px;
	background:url(../images/body-outer-bg2.gif) 0 0 repeat-x #fff;
}
/*------- added style for home 050911---------*/
/*------- added style for portfolio 050911---------*/
.headerForPortfolio{
	/*background:url(../images/header-p.JPG) no-repeat 50% 0 #00aff0;*/
	height:189px;
	background:url(../images/portfolio-header-bg.jpg) repeat-x 0 0;	
}
.headerText{
	padding:50px 0 0 0;
}
.headerForPortfolio h1{
	font:bold 36px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 25px;
}
.headerForPortfolio h2{
	font:normal 20px/30px Arial, Helvetica, sans-serif;
	color:#fff;
	background-color:inherit;
	padding:0 0 0 25px;
}
.proinner{
	width:690px;
	height:auto;
	float:left;
	padding:0 0 0 20px;
}
.projectbox{
	width:312px;
	float:left;
	margin:0 0 32px 0;
}
.marright{
	margin-right:36px;
}
.projectbox a.pp{
	background:url(../images/sh.gif) 0 100% no-repeat #fff;
	padding:0 0 10px 0;
	display:block;
}
.projectbox a img{
	border:solid 9px #e3e3e3;
}
.projectbox a:hover img{
	border:solid 9px #cff1ff;
}
.projectbox h3{
	font:bold 18px/22px Arial, Helvetica, sans-serif !important;
	color:#007DC5;
	background-color:inherit;
	padding:0 0 4px 0 !important;
	margin:0 !important;
}
p.projectbox{
	color:#191919 !important;
	background-color:inherit;
	font:normal 14px/19px Arial, Helvetica, sans-serif !important;
	display:block !important;
	padding:0 0 17px 0!important;
	margin:0 !important;
}
a.more{
	width:84px;
	height:29px;
	background:url(../images/button.gif) no-repeat 0 0;
	display:block;
	font-size:0;
	float:left;
}
a:hover.more{
	width:84px;
	height:29px;
	background:url(../images/button-h.gif) no-repeat 0 0;
}
a.bamore{
	width:100px;
	height:29px;
	background:url(../images/before.gif) no-repeat 0 0;
	margin-left:10px;	
	font-size:0;
	float:left;
	display:block;
}
a:hover.bamore{
	width:100px;
	height:29px;
	background:url(../images/before-hover.gif) no-repeat 0 0;
}
a.casemore{
	width:100px;
	height:29px;
	background:url(../images/casestudy.gif) no-repeat 0 0;
	margin-left:10px;	
	font-size:0;
	float:left;
	display:block;
}
a:hover.casemore{
	width:100px;
	height:29px;
	background:url(../images/casestudy-hover.gif) no-repeat 0 0;
}
/*dropmenu start*/
div.bignavtop{
	background:url(../images/bignavtop.png) 0 0 no-repeat;
	height:14px;
	width:792px;
	font-size:0;
	line-height:0;
}
div.bignavbottom{
	background:url(../images/bignavbottom.png) 0 0 no-repeat;
	height:9px;
	width:792px;
	font-size:0;
	line-height:0;
}
div.bignavalign{
	background:url(../images/bignavrepeat.jpg) 0 100% repeat-x #FFFFFF;
	width:586px;
	margin:0 auto;
	padding:0 0 0 0;
}
div.bignavbody{
	padding:0 0 22px 19px;
	height:100%;
	overflow:hidden;
}
div.smallnavtop{
	background:url(../images/smallnavtop.png) 0 0 no-repeat;
	width:212px;
	height:13px;
	font-size:0;
	line-height:0;
}
div.smallnavbottom{
	background:url(../images/smallnavbottom.png) 0 0 no-repeat;
	width:212px;
	height:10px;
	font-size:0;
	line-height:0;
}
div.smallnavalign{
	width:202px;
	margin:0 auto;
	background:url(../images/smallnavbodysecond.png) 0 bottom repeat-x #FFFFFF;
}
div.smallnavbodymain{
	padding:0 5px 0 10px;
}
.portfolioHeader{
	height:189px !important;
	background-position:0 100% !important;
}
/*dropmenu end*/
.wrapperInnerPage{
	/*width:100%;*/	
	background:url(../images/portfolio-header-bg.gif) 0 38px repeat-x!important;
}
div.pagination {
	width:390px;
	float:right;
	border:solid 1px #eaeaea;
	padding:4px;
}
div.pagination img.previousbut {
	float:left;
	margin:0 6px 0 0;
	display:block;
}
div.pagination img.nextbut {
	background:url(../images/next-but.gif) 0 0 no-repeat;
	display:block;
	float:left
}
div.pagination ul {
	float:left;
    margin:0 0 0 0;
	height:23px;
}
div.pagination ul li {
	float:left;
	margin:0 6px 0 0;
	font-size:15px;
	line-height:23px;
}
div.pagination ul li a {
	text-align:center;
	width:46px;
	display:block;
	background-color:#e9e9e9;
	color:#323232;
	font:bold 16px Arial, Helvetica, sans-serif;
	line-height:32px;
}
div.pagination ul li a.active, div.pagination ul li a:hover {
	background-color:#fff;
	color:#00aff0;	
}
/*------- added style for portfolio 050911---------*/
/*------- added style 060911---------*/
div.homeBottomPanel{
	padding:0;
	width:977px;
	margin:19px auto 0;
}
div.homeBottomPanelTop{
	background:url(../images/home-blue-round-top.gif) 0 0 no-repeat;
	height:10px;
}
div.homeBottomPanelBottom{
	background:url(../images/home-blue-round-bottom.gif) 0 0 no-repeat;
	height:10px;
}
div.homeBottomPanelMid{
	background:url(../images/home-blue-mid-bg.gif) 0 0 repeat-y;
	padding:14px 22px;
}
div.homeBottomPanelMid h4{
	font:bold 18px/22px Arial, Helvetica, sans-serif;
	color:#007DC5;
	background-color:inherit;
	padding-bottom:12px;
}
div.homeBottomPanelMid p{
	font:normal 14px/20px Arial, Helvetica, sans-serif;
	color:#191919;
	background-color:inherit;
}
.wrapperServicePage{
	/*width:100%;*/	
	background:url(../images/service-header-bg.gif) 0 38px repeat-x!important;
}
h2.servicesubheading{
	color:#007DC5!important;
	font:bold 18px/23px Arial, Helvetica, sans-serif!important;
	padding-bottom:7px!important;
}
p.accordianTopTxt{
	color:#2F2F2F;
	background-color:inherit;
	font:bold 16px/21px Arial, Helvetica, sans-serif!important;
	padding-bottom:0!important;
}
h2.contactHead{
	font:bold 18px/22px Arial, Helvetica, sans-serif!important;
	color:#007DC5!important;
	background-color:inherit;
	padding-bottom:12px!important;
	text-align:center;
}
p.contactTxt{
	font:normal 14px/19px Arial, Helvetica, sans-serif!important;
	color:#191919!important;
	background-color:inherit;
	text-align:center;
	padding-bottom:20px;
}
div.contactRound{
	width:608px;
	padding:0;
	margin:0 auto;
}
div.contactRoundTop{
	background:url(../images/contact-round-top.gif) 0 0 no-repeat;
	height:15px;
}
div.contactRoundBottom{
	background:url(../images/contact-round-bottom.gif) 0 0 no-repeat;
	height:26px;
}
div.contactRoundMid{
	background:url(../images/contact-round-mid.gif) 0 0 repeat-y;
	padding:0 0 10px;
}
div.contactRoundMid h3{
	font:bold 18px/22px Arial, Helvetica, sans-serif;
	color:#007DC5;
	background-color:inherit;
	padding:0 0 10px;
	border-bottom:#C2CACC solid 1px;
	width:175px;
	margin:0 auto;
}
div.contactRoundMid p.add{
	font:normal 14px/19px Arial, Helvetica, sans-serif;
	color:#191919;
	background-color:inherit;
	text-align:center;
	padding:10px 0 15px;
}
div.contactRoundMid p.add a{
	color:#007DC5;
	background-color:inherit;
}
div.contactRoundMid p.add a:hover{
	text-decoration:underline;
}
div.contactMap{
	width:591px;
	height:410px;
	margin:13px auto 0;
	padding:8px;
	background:url(../images/map-bg.gif) 0 0 no-repeat;
}
div.servicePadd{
	padding-top:20px!important;
}
div.iconPanelOther{
	height:70px!important;
	/*background:url(../images/why-us-bg.gif) 0 0 repeat-x!important;*/
	background:url(../images/icon-panel-bg.gif) 0 0 repeat-x;
}
div.iconPanelInnerOther{
	height:70px!important;
	}
/*------- added style 060911---------*/
/*------------------------ added style 14092011 -----------------------*/
div.contentContainer h5{
	font:bold 14px/18px Arial, Helvetica, sans-serif;
	padding-bottom:12px;
	color:#00aff0;
	background-color:inherit;
}
div.contentContainer ul.bulletedlist{
	padding:0 0 15px 6px;
	}
div.contentContainer ul.bulletedlist li{
	background:url(../images/bullet2.gif) no-repeat 0 8px;
	padding:0 0 3px 12px;
	font:normal 15px/20px Arial, Helvetica, sans-serif;
	color:#191919;
	}
div.webstrategy{
	background:url(../images/header/web-strategy.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.socialmediastrategy{
	background:url(../images/header/social-media-strategy.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
	div.searchenginestrategy{
	background:url(../images/header/search-engine-strategy.jpg) 0 0 no-repeat;
	height:192px;
	padding:156px 0 0 0;
	}
 p.inquire{
	font-size:22px !important;
	line-height:24px !important;
	color:#01B0EF !important;
	background-color:innherit;
	padding-top:20px !important;
}
 p.inquire span{
	color:#2A2A2A;
	background-color:innherit;
}
.advdiv{
width:261px;
float:left;
padding-right:16px;
}
.topleftdiv{
background:url(../images/top-left-round.gif) no-repeat 0 0;
width:261px;
height:18px;
font-size:0;
line-height:0;
}
.midleftdiv{
background:url(../images/rept-left-round.gif) repeat-y 0 0;
}
.midleftdiv h3{
background:url(../images/advantage-bg.gif) no-repeat 0 0;
width:214px;
height:41px;
font-size:18px;
line-height:51px;
font-weight:bold;
color:#fff !important;
margin:0 auto;
padding:10px 0 0 12px !important;
}
.midleftdiv h3.headleft{
background:url(../images/advantage-bg.gif) no-repeat 0 0;
width:218px;
height:41px;
font-size:18px;
line-height:30px;
font-weight:bold;
color:#fff !important;
margin:0 auto;
padding:10px 0 0 8px !important;
}
.midleftdiv ul{
width:235px;
padding:0 0 0 13px;
}
.midleftdiv ul li{
background:url(../images/dotted-arrow.gif) repeat-x 0 100%;
}
.midleftdiv ul li.nodivider{
background-image:none;
}
.midleftdiv ul li span{
background:url(../images/green-arrow.gif) no-repeat 10px 6px;
font-size:14px;
line-height:15px;
color:#37393A;
background-color:inherit;
padding:7px 0 7px 33px;
display:block;
}
.botleftdiv{
background:url(../images/bot-left-round.gif) no-repeat 0 0;
width:261px;
height:18px;
font-size:0;
line-height:0;
}
span.bluebg, span.bluebg1{
background:url(../images/spanblue-bg.gif) no-repeat 0 0;
width:50px;
height:21px;
color:#fff;
font-size:14px;
font-weight:bold;
display:inline-block;
padding:0 0 0 8px;
}
span.bluebg1{
background:url(../images/span-bluebg-two.gif) no-repeat 0 0;
width:64px;
}
a.contenttxt{
	color:#007DC5;
	background-color:inherit;
	text-decoration:underline;
}
a.contenttxt:hover{
	text-decoration:none;
}
ol.freeblog{
	padding:0 0 23px 0 ;
	margin:0;
}
ol.freeblog li{
list-style-type: upper-roman;
	font-size:15px;
	line-height:22px;
	color:#007DC5;
	background-color:inherit;
	font-weight:bold;
}
ol.freeblog li span{
	padding:0 20px 0 0;
}
div.contMgmPanel{
padding:15px 0 33px;
}
div.contMgmPanelTop{
background:url(../images/cont-mng-top.gif) 0 0 no-repeat;
height:17px;
}
div.contMgmPanelBottom{
background:url(../images/cont-mng-bottom.gif) 0 0 no-repeat;
height:12px;
}
div.contMgmPanelMid{
background:url(../images/cont-mng-midbg.gif) 0 0 repeat-y;
padding:0 11px;
width:592px;
}
div.contMgmPanelMid h4{
background:url(../images/cont-mng-heading.gif) 0 0 no-repeat;
width:569px;
height:48px;
margin:0 auto;
padding:0 0 0 11px;
font:bold 18px/48px Arial, Helvetica, sans-serif;
color:#fff;
background-color:inherit;
}
div.contMgmPanelMid ul{
padding:10px 0 0;
font:normal 14px/31px Arial, Helvetica, sans-serif;
}
div.contMgmPanelMid ul li{
background:url(../images/icon-arrow.gif) 7px 7px no-repeat;
padding:0 0 0 32px;
color:#37393A;
background-color:inherit;
border-bottom:#888888 dotted 1px;
}
div.contMgmPanelMid ul li.noborder{
	border-bottom:none;
}
p.webcmstxt{
	font-size:15px!important;
	line-height:22px !important;
	background-color:inherit!important;
	color:#00AFF0!important;
	}
.table-graytopbottom{
	background-color:#E8E8E8;
	height:6px;
	border-right:solid 2px #fff;
}
.table-skytopbottom{
	background-color:#CCEFFF;
	height:6px;
	border-right:solid 2px #fff;
}
.table-greentopbottom{
	background-color:#E2F0C5;
	height:6px;
	
}
.table-graybg{
	height:65px;
	border-right:solid 2px #fff;
	background-color:#858585;
	border-right:solid 2px #fff;
	border-top:solid 2px #fff;
	border-bottom:solid 2px #fff;
	width:312px;
	font:bold 20px/20px "Helvetica", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:21px 0 21px 13px;
}
.table-skybg{
	height:65px;
	border-right:solid 2px #fff;
	background-color:#5DBFF4;
	border-top:solid 2px #fff;
	border-bottom:solid 2px #fff;
	width:327px;
	font:bold 20px/20px "Helvetica", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:21px 0 21px 13px;
}
.table-greenbg{
	height:65px;
	background-color:#9CDD60;
	width:314px;
	border-top:solid 2px #fff;
	border-bottom:solid 2px #fff;
	font:bold 20px/20px "Helvetica", Arial, Helvetica, sans-serif;
	color:#fff;
	padding:21px 0 21px 13px;
}
.body-graybg{
	background-color:#F6F6F6;
	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
	width:306px;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#575757;
	padding:0 0 0 21px;
}
.body-skybg{
	background-color:#E5F7FF;
	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
	width:306px;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#005074;
	padding:0 0 0 21px;
}
.body-greenbg{
	background-color:#F2F9E5;
	border-right:solid 2px #fff;
	border-bottom:solid 2px #fff;
	width:306px;
	font:normal 13px/19px Arial, Helvetica, sans-serif;
	color:#508122;
	padding:0 0 0 21px;
}
.tablebody{
	padding:29px 0 40px 0;
}
.webmodules{
	padding:0 0 0 0;
}
.webmodules h2{
	font:bold 22px/25px Arial, Helvetica, sans-serif !important;
	color:#007DC5 !important;
	background-color:inherit;
}
.webmodules h2 span{
	font-size:15px!important;
	font-weight:normal !important;
	display:block;
	color:#191919;
	padding:5px 0 0 0;
}
.webcmsdiv{
	width:480px;
	float:left;
	margin-right:20px;
	margin-bottom:22px;
}
.webcmstopdiv{
	background:url(../images/webcms-top.gif) no-repeat 0 0;
	width:480px;
	height:11px;
}
.webcmsmiddiv{
	background:url(../images/webcms-rept.gif) repeat-y 0 0 !important;
	width:470px;
	padding:0 5px;
	
}
.expand-rept{
	background:url(../images/rept-cmsbg.gif) repeat-x 0 100% #FAF9FA!important;
	padding:7px 0 0 9px;
	height:100%;
	overflow:hidden;
}
.expand-rept img{
	float:left;
}
.rightexpandiv{
	width:353px;
	float:right;
	padding:5px 0;
}
.rightexpandiv p.transtiontxt{
	font-size:15px!important;
	line-height:22px!important;
	font-weight:bold;
	color:#222222;
	background-color:inherit;
	padding-bottom:5px!important;
}
.rightexpandiv p{
	font-size:12px !important;
	line-height:18px !important;
	color:#505050;
	background-color:inherit;
	width:347px !important;
	padding-bottom:5px!important;
	
}
.rightexpandiv a{
	color:#0CB4E9;
	background-color:inherit;
	font-size:11px;
	line-height:18px;
	text-transform:uppercase;
	background:url(../images/down-arrow.gif) no-repeat 100% 50%;
	padding-right:10px;
}
.webcmsbotdiv{
	background:url(../images/webcms-bottom.gif) no-repeat 0 0;
	width:480px;
	height:11px;
}
h4.cangive{
	color:#0CB4E9 !important;
	background-color:inherit;
}
div.sosmid{
float:left;
width:388px;
padding:10px 18px 20px 0;
}
p.blog{
background:url(../images/blog-icon.jpg) no-repeat 0 0;
padding:0 0 0 24px!important;
margin:0 0 5px 0;
height:16px;
display:block;
}
p.faceicon{
background:url(../images/face-icon.jpg) no-repeat 0 0;
padding:0 0 0 24px!important;
margin:0 0 5px 0;
height:16px;
display:block;
}
p.inicon{
background:url(../images/in-icon.jpg) no-repeat 0 0;
padding:0 0 0 24px!important;
margin:0 0 5px 0;
height:16px;
display:block;
}
p.twicon{
background:url(../images/twi-icon.jpg) no-repeat 0 0;
padding:0 0 0 24px!important;
margin:0 0 5px 0;
height:16px;
display:block;
}
a.blogtex{
font:normal 15px/16px Arial, Helvetica, sans-serif!important;
color:#2F2F2F;
text-decoration:none;
}
a.blogtex:hover{
text-decoration:underline;
}
.rightexpandiv a.moreInfo{
	/*display:block;*/
	width:70px;
	display:inline-block;
	height:14px;
	background:url(../images/read-more-link.gif) 0 0 no-repeat;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	
}
.rightexpandiv a.moreActive{
	/*display:block;*/
	width:70px;
	height:14px;
	font-size:0;
	line-height:0;
	text-indent:-20000px;
	background:url(../images/collapse-btn.gif) 0 0 no-repeat;
	display:inline-block;
	}
	
 ul.tabberlist{
	padding:0 0 15px 6px  !important;
	}
 ul.tabberlist li{
	background:url(../images/bullet2.gif) no-repeat 0 8px  !important;
	padding:0 0 8px 12px  !important;
	font:normal 15px/20px Arial, Helvetica, sans-serif !important;
	color:#191919  !important;
	width:650px;
	}
	
img.taberpic{
	padding:5px 15px 0 0;
}
.contMgmPanelTop1{
	background:url(../images/email-topround.gif) no-repeat 0 0;
	width:683px;
	height:17px;
	font-size:0;
	line-height:0;
}
.contMgmPanelMid1{
	background:url(../images/email-reptround.gif) repeat-y 0 0;
	width:683px;
	
	
}
.contMgmPanelMid1 h4{
background:url(../images/emailmarketing-heading.gif) 0 0 no-repeat;
width:635px;
height:40px;
margin:0 auto;
padding:0 0 0 11px !important;
font:bold 18px/40px Arial, Helvetica, sans-serif!important;
color:#fff!important;
background-color:inherit;
}
h4.payperk{
background:url(../images/pay-perkbg.gif) 50% 0 no-repeat !important;
width:626px !important;
height:74px;
font:bold 18px/21px Arial, Helvetica, sans-serif!important;
padding:15px 20px 0 18px !important;
}
.contMgmPanelMid1 p.heading{
	background:url(../images/green-arrow.gif) no-repeat 21px 21px;
	padding:18px 0 0 42px;
	font-weight:bold;
}
.contMgmPanelMid1 p.content{
	padding:0 0 18px 22px;
	width:623px;
	margin:0 auto;
	
}
.contMgmPanelMid1 ul{
	padding:0 0 22px 40px;
	margin:0;
	list-style:none;
}
.contMgmPanelMid1 ul li{
	background:url(../images/bullet2.gif) no-repeat 0 50%;
	font-size:14px;
	line-height:22px;
	list-style:none;
	color:#37393A;
	background-color:inherit;
	padding:0 0 0 12px;
}
.contMgmPanelMid1 p.border{
	border-bottom:#888888 dotted 1px;
	font-size:0;
	line-height:0;
	padding:0;
	margin:0;
	width:662px; 
	margin:0 auto;
}
.contMgmPanelBottom1{
	background:url(../images/email-botround.gif) no-repeat 0 0;
	width:683px;
	height:25px;
	font-size:0;
	line-height:0;
}
.websiteaudit{
	width:635px;
	padding:25px 0 0 0;
}
.websiteaudit h4{
background:url(../images/emailmarketing-heading.gif) 0 0 no-repeat;
width:635px;
height:40px;
margin:0 auto 11px;
padding:0 0 0 11px !important;
font:bold 18px/40px Arial, Helvetica, sans-serif!important;
color:#fff!important;
background-color:inherit;
}
.websiteaudit ul, .websiteaudit ul.useability, .websiteaudit ul.useability2{
	padding:0;
	margin:0;
	list-style:none;
	
}
.websiteaudit ul.useability{
	width:300px!important;
	float:left;
	padding-right:30px;
	list-style:none;
}
.websiteaudit ul.useability2{
	width:300px!important;
	float:right;
	list-style:none;
}
.websiteaudit ul li{
	list-style:none;
	background:url(../images/bullet2.gif) no-repeat 0 5px;
		font:normal 15px/17px Arial, Helvetica, sans-serif;
		color:#2F2F2F;
		padding:0 0 14px 13px;
}
.websiteaudit ul li ul{
	padding:10px 0 0 10px;
	margin:0;
}
.websiteaudit ul li ul li{
	background:url(../images/blue-arrow.gif) no-repeat 0 15px;
	padding:10px 0 0 10px;
}
.browserdiv{
	width:686px;
}
.compabilitydiv{
	width:196px;
	float:left;
	margin-right:24px;
	margin-top:10px;
	padding-bottom:15px;
}
.compabilitydivTop{
	background:url(../images/browser-comptop.gif) no-repeat 0 0;
	width:196px;
	height:6px;
}
.compabilitydivRept{
	background:url(../images/browser-comp-rept.gif) repeat-y 0 0;
	padding:0 0 0 6px;
}
.compabilitydivRept p{
	background:url(../images/bullet2.gif) no-repeat 0 6px;
	font-size:15px;
	line-height:22px;
	font-weight:bold !important;
	padding:0 0 0 14px !important;
}
.compabilitydivRept ul{
	padding:10px 0 10px 0;
	margin:0;
	min-height:115px;
	list-style:none;
}
.compabilitydivRept ul li{
	font-size:14px;
	padding:0 0 10px 30px;
	list-style:none;
}	
.compabilitydivRept ul li.ieicon{
	background:url(../images/ie-icon.gif) no-repeat 0 0;
}
.compabilitydivRept ul li.fficon{
	background:url(../images/ff-icon.gif) no-repeat 3px 0;
}
.compabilitydivRept ul li.chormeicon{
	background:url(../images/chorme-icon.gif) no-repeat 3px 0;
}
.compabilitydivRept ul li.safariicon{
	background:url(../images/safari-icon.gif) no-repeat 3px 0;
}
.compabilitydivRept ul li.operaicon{
	background:url(../images/opera-icon.gif) no-repeat 3px 0;
}
.compabilitydivRept ul li.windowicon{
	background:url(../images/window-icon.gif) no-repeat 3px 0;
}
.compabilitydivRept ul li.macicon{
	background:url(../images/mac-icon.gif) no-repeat 3px 0;
}
.compabilitydivRept ul li.iphoneicon{
	background:url(../images/iphone-icon.gif) no-repeat 3px 0;
}
.compabilitydivRept ul li.androidicon{
	background:url(../images/android-icon.gif) no-repeat 3px 0;
}
.compabilitydivRept ul li.blackberryicon{
	background:url(../images/blackberry-icon.gif) no-repeat 3px 0;
}
.compabilitydivBot{
	background:url(../images/browser-compbot.gif) no-repeat 0 0;
	width:196px;
	height:6px;
}
.thmbbgnav{
	background: url(../images/home-navbg.png) repeat-x 0 0;
	height:78px;
	margin:0 0 22px 0;
}
.thmbbgnav ul{
	padding:0;
	margin:0;
}
.thmbbgnav ul li{
	float:left;
}
.insertdiv{
	width:978px;
	margin:0 auto;
}
.onlythumbs{
	width:760px;
	float:left;
}
.onlythumbs ul a{
	width:112px;
	height:67px;
	display:block;
	padding:4px 19px 0 19px;
	position:relative;
}
.onlythumbs ul a span{
	position:absolute;
	z-index:1;
	top:4px;
	left:19px;
	display:block;
}
.onlythumbs ul a:hover, .onlythumbs ul a.active{
background:url(../images/thumb-hover.png) no-repeat 0 0;
}
.onlythumbs ul a:hover span, .onlythumbs ul a.active span{
	display:none;
}
.portfoliobutt{
	width:201px;
	height:46px;
	float:right;
	margin:15px 0 0 0;
}
.portfoliobutt a{
	background:url(../images/pro-button.png) no-repeat 0 -46px;
	width:188px;
	height:46px;
	display:block;
	margin-left:0;
	font:bold 18px/42px Helvetica, Arial, sans-serif;
	color:#fff;
	text-shadow: 1px 1px 2px #0046db;
	background-color:inherit;
	padding:0 0 0 17px;
}
.portfoliobutt a:hover{
	color:#fff;
	background-color:inherit;
	
	background:url(../images/pro-button.png) no-repeat 0 0;
	height:46px;
}
/*------- Support System Related---------*/
#headerPanel {
	
	}
#headerPanel .mid {
	width:960px;
	margin:0 auto;
	
	padding:30px 0 0 0;
	}
	
#headerPanel .mid div.btm {
	
	padding:0 0 100px 0;
	height:100%;
	overflow:hidden;
	}
#headerPanel .mid div .left {
	float:left;
	padding:0 0 0 25px;
	}
#headerPanel .mid02 {
	width:960px;
	margin:0 auto;
	
	padding:25px 0 0 0;
	height:100%;
	overflow:hidden;
	}
.webwcont{
	width:906px;
	margin:0 auto;
	}
.webwrightcont{
	width:247px;
	float:left;
	}	
	
.webcontainer{
	width:659px;
	float:left;
	overflow:hidden;
	height:100%;
	}
	
.webcontainerBig{
	width:907px;
	float:left;
	overflow:hidden;
	height:100%;
	}
	
.webcontainer .leftbg, .webcontainerBig .leftbg{
	background:url(../images/price-quote-left-corner.png) no-repeat 0 0;
	width:10px;
	height:10px;
	float:left;
	}
.webcontainer .midbg{
	float:left;
	width:639px;
	height:10px;
	background-color:#fff;
	}	
.webcontainerBig .midbg{
	float:left;
	width:887px;
	height:10px;
	background-color:#fff;
	}	
.webcontainer .rightbg, .webcontainerBig .rightbg{
	background:url(../images/price-quote-right-corner.png) no-repeat 0 0;
	width:10px;
	height:10px;
	float:right;
	}	
.webcontainermain{
	width:603px;
	float:none;
	background:url(../images/price-bodybg-bot.gif) repeat-x 0 100% #fff;
	overflow:hidden;
	padding:26px 19px 54px 37px;
	}
.webcontainermainBig{
	width:851px;
	float:none;
	/*background:url(../images/price-bodybg-bot.gif) repeat-x 0 100% #fff;*/
	background:url(../images/web2.gif) 98% 0 no-repeat #fff;
	overflow:hidden;
	padding:26px 19px 54px 37px;
	}
a.noobliqPanel {
	display:block;
	background:url(../images/obliqtab.png) no-repeat 0 0;
	font-size:16px;
	line-height:19px;
	color:#084275;
	/*background-color:inherit;*/
	text-decoration:none;
	float:right;
	margin:125px 0 0 0;
	padding:23px 42px 23px 35px;
	}
a.noobliqPanel span {
	font-size:19px;
	line-height:21px;
	font-weight:bold;
	color:#141414;
	background-color:inherit;
	}
a:hover.noobliqPanel {
	background:url(../images/obliqtab.png) no-repeat 0 100%;
	}
.bluetext{
	font:normal 17px/19px "Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#337BBB;
	padding:10px 0;
	}
.priceheight{
	height:217px;
	}			
/*Web-application page End here*/
.blogportfolinav{
	background:url(../images/blog-portfolio-bg.gif) repeat-x 0 0;
	height:53px;
	}
.editbutton{
	width:960px;
	height:45px;
	padding:0 0 0 20px;
	
}
a span.editbuttonLeft{
	background:url(../images/portfolio-lftbutt.gif) no-repeat 0 0;
	width:15px;
	height:45px;
	float:left;
	display:block;
}
a span.editbuttonRight{
	background:url(../images/portfolio-rghtbutt.gif) no-repeat 0 0;
	width:15px;
	height:45px;
	float:left;
	display:block;
	}
a span.editbuttonRept{
	background:url(../images/porrtfolio-reptbutt.gif) repeat-x 0 0;
	line-height:45px;
	float:left;
	display:block;
	font-size:16px;
	font-weight:bold;
	color:#fff;
	
}
.editbuttonRept a{
	color:#fff;
}
a:hover span.editbuttonRept {
	color:#000;
}
div.headerSupport{
	background:url(../images/blog-header-bg2.jpg) 0 0 repeat-x !important;
	height:189px;
	}
	
div.headerSupportinner{
	background:url(../images/support.jpg) 0 0 no-repeat;
	padding:44px 0 0 0;
	height:155px;
	}
div.headerSupportinner h1 {	
	font-size:28px;
	line-height:32px;
	font-weight:bold;
	font-family:Helvetica, Arial, sans-serif;
	padding:0 0 4px 205px;
	color:#fff;
	background-color:inherit;
	text-shadow:1px 1px 2px #006BC3;
}
.partnersaffilation{
	width:987px;
	margin:0 auto;
}
.topblueround{
	width:987px;
	background:url(../images/blue-topround.jpg) no-repeat 0 0;
	height:12px;
	font-size:0;
	line-height:0;
}
.reptblueround{
	background:url(../images/blue-reptround.jpg) repeat-y 0 0;
	padding:17px 34px 0 29px;
}
.botblueround{
	background:url(../images/bluebottom-longround.jpg) repeat-y 0 0;
	height:12px;
	font-size:0;
	line-height:0;
}
.partnersblog{
	width:926px;
	background:url(../images/dashed.gif) repeat-x 0 100%;
	padding:0 0 12px 0;
	margin-bottom:22px;
	height:100%;
	overflow:hidden;
}
.partnersblognoimg{
	background-image:none;
}
.partnersblog img{
	float:left;
	padding:0 24px 15px 0;
}
.partnersblog p.heading{
	font:bold 16px/24px Arial, Helvetica, sans-serif ;
	color:#37393A;
	background-color:inherit;
	padding:0 0 8px 0!important;
	
}
.partnersblog a{
	color:#007DC5;
	text-decoration:underline;
}
.partnersblog a:hover{
	
	color:#37393A;
	text-decoration:none !important;
}
.partnersblog p.viewwebsite{
	padding:0 0 8px 0!important;
	margin:0!important;
}
.partnersblog p.viewwebsite a{
	font-size:12px;
	font-weight:normal;
	text-transform:uppercase;
}
.partnersblog p.viewwebsite a:hover{
	text-decoration:underline;
}
.partnersblog p.blogtxt{
	font:normal 14px/24px Arial, Helvetica, sans-serif !important;
	color:#37393A;
	background-color:inherit;
}
div.headersupport{
	background:url(../images/header/support.jpg) no-repeat 0 0;
	
}
div.headersupport h1{
	padding:60px 0 0 250px;
	
}
div.headersupport h2{
	width:450px;
	padding:0 0 0 250px;
}
/* last added 27-09-2011 */
.blogfrom{
	width:633px;
	padding-top:50px;
}
.blogformtop{
	background:url(../images/blogfrom-topround.gif) no-repeat 0 0;
	width:633px;
	height:6px;
	font-size:0;
	line-height:0;
	}
.blogmiddle{
	width:610px;
	background-color:#D4F3FD;
	padding:17px 0 0 23px;
}
.blogformbot{
background:url(../images/blogform-bottom.gif) no-repeat 0 0;
	width:633px;
	height:33px;
	font-size:0;
	line-height:0;
}
h2.leaverply{
	color:#1982D1 !important;
	background-color:inherit;
	
	padding:0 !important;
	margin:0 !important;
	width:564px;
}
h2.leaverply span{
	display:block;
	color:#343434!important;
	font-size:14px;
	background-color:inherit;
	
}
h2.leaverply strong{
	color:#F94F4F!important;
}
.leavereply{
	width:564px;
}
h2.leaverply2{
	color:#1982D1 !important;
	font-size:9px;
	background-color:inherit;
	border-bottom:solid 1px #fff;
	padding:0 !important;
	margin:0 !important;
	width:564px;
}
h2.leaverply2 span{
	display:block;
	color:#343434!important;
	font-size:14px;
	background-color:inherit;
	
}
h2.leaverply2 strong{
	color:#F94F4F!important;
}
.leavereply2{
	width:564px;
}
div.leavereplyleft {
	width:564px;
	float:left;
	padding:24px 0 0 0;
}
div.leavereplyfieldbox {
	background:url(../images/formfield.gif) 0 0 no-repeat;
	width:564px;
	height:37px;
	margin:0 0 12px 0;	
}
div.leavereplyfieldbox label {
	width:93px;
	height:37px;
	padding:0 0 0 10px;
	font-size:12px;
	line-height:38px;
	display:block;
	float:left
}
div.leavereplyfieldbox label span{
	color:#ff0000!important;
}
div.leavereplyfieldbox input {
	width:445px;
	float:left;
	height:36px;
	background:transparent;
	font:normal 14px/16px Arial, Helvetica, sans-serif;
	color:#595959;
	padding:0 5px;
	border:0px;
}
div.leavereplydetailsfield {
	width:554px;
	height:247px;
	background:url(../images/replycommentbox.gif) 0 0 no-repeat;
	padding:5px;
	margin:0 0 15px 0;
}
div.leavereplydetailsfield textarea {
	width:545px;
	height:237px;
	border:0;
	background:transparent;
	padding:5px;
	overflow:auto;
}
 input.postcomment{
	background:url(../images/postcommentbutt.gif) no-repeat 0 0;
	width:209px;
	height:45px;
	cursor:pointer;
	border:none;
	padding:45px 0 0 209px;
	float:right;
}
/* last added 27-09-2011 */

/*servicelink start*/
div.servicelinkpart{
	background:url(../images/servicemenuicon/servicelinkpartbg.jpg) 0 0 repeat-x;
	width:100%;
	height:74px;
	padding:7px 0 0;
}
div.servicelink{
	width:985px;
	margin:0 auto;
}
div.servicelink ul{
	height:74px;
	overflow:hidden;
}
div.servicelink ul li{
	float:left;
	padding:0 5px 0 0;
}div.servicelink ul li.last{
	float:left;
	padding:0;
}
div.servicelink ul li a{
	
	padding:0 0 0 21px;
	display:block;
	float:left;
	height:74px;
	color:#a5a5a5;
	background-color:inherit;
	font:normal 15px/15px Arial, Helvetica, sans-serif;
}div.servicelink ul li a span{
	
	padding:0 21px 0 0;
	display:block;
	float:left;
	height:74px;
	cursor:pointer;
	}
div.servicelink ul li a span span{
	background:none;
	padding:0;
}div.servicelink ul li a:hover, div.servicelink ul li a.active{
	background:url(../images/servicemenuicon/servicemenulinkbg.jpg) 0 0 no-repeat;
}div.servicelink ul li a:hover span, div.servicelink ul li a.active span{
	background:url(../images/servicemenuicon/servicemenulinkbg.jpg) right 0 no-repeat;
}
div.servicelink ul li a span span.webdev{
	background:url(../images/servicemenuicon/icon1.png) 0 8px no-repeat;
	padding:0 0 0 0;
	display:block;
	padding:20px 0 0 75px;
}div.servicelink ul li a:hover span span.webdev, div.servicelink ul li a.active span span.webdev{
	background:url(../images/servicemenuicon/icon1hover.png) 0 8px no-repeat;
}
div.servicelink ul li a span span.onlineMarketing{
	background:url(../images/servicemenuicon/icon2.png) 0 8px no-repeat;
	padding:0 0 0 0;
	display:block;
	padding:20px 0 0 75px;
}div.servicelink ul li a:hover span span.onlineMarketing, div.servicelink ul li a.active span span.onlineMarketing{
	background:url(../images/servicemenuicon/icon2hover.png) 0 8px no-repeat;
}
div.servicelink ul li a span span.cms{
	background:url(../images/servicemenuicon/icon3.png) 0 8px no-repeat;
	padding:0 0 0 0;
	display:block;
	padding:20px 0 0 75px;
}div.servicelink ul li a:hover span span.cms, div.servicelink ul li a.active span span.cms{
	background:url(../images/servicemenuicon/icon3hover.png) 0 8px no-repeat;
}
div.servicelink ul li a span span.mobileApp{
	background:url(../images/servicemenuicon/icon4.png) 0 8px no-repeat;
	padding:0 0 0 0;
	display:block;
	padding:20px 0 0 75px;
}div.servicelink ul li a:hover span span.mobileApp, div.servicelink ul li a.active span span.mobileApp{
	background:url(../images/servicemenuicon/icon4hover.png) 0 8px no-repeat;
}div.servicelink ul li a span span.webHosting{
	background:url(../images/servicemenuicon/icon5.png) 0 8px no-repeat;
	padding:0 0 0 0;
	display:block;
	padding:20px 0 0 74px;
}div.servicelink ul li a:hover span span.webHosting, div.servicelink ul li a.active span span.webHosting{
	background:url(../images/servicemenuicon/icon5hover.png) 0 8px no-repeat;
}
div.servicelink ul li a:hover, div.servicelink ul li a.active{
	color:#1e1e1e;
	background-color:inherit;	
}

div.linkbox{
	height:100%;
	overflow:hidden;
}
div.linkbox ul li{
	float:left;
	padding:0 48px 48px 0;
}
div.linkbox ul li a{
	display:block;
	padding:12px;
	background-color:#f4f4f4;
	color:#646464;
	font:bold 12px/12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;	
	border:#e3e3e3 1px solid;
	text-align:center;
	height:127px;
	float:left;
	width:117px;
	}
div.linkbox ul li a:hover{
	background:#effbff;
	color:#3397d1;
	border:#d5ebf3 1px solid;
}div.linkbox ul li a img{
	padding:0 0 11px;
	margin:0 auto;
}

/*portfolio page start*/
div.portfoliotop{
	background:url(../images/portfoliolistbg.jpg) 0 0 repeat-x;
	height:87px;
	padding:5px 0 0;
}
div.portfolionav{
	float:left;
	width:17px;
	padding:33px 4px 0 0;
}
ul.portfoliolist li{
	float:left;
	/*padding:0 3px 0 0;*/
	width:133px!important;
}ul.portfoliolist li a{
	background:url(../images/portfoliotabbg.jpg) 0 0 no-repeat;
	display:block;
	width:131px;
	padding:6px 0 11px;
}
ul.portfoliolist li a:hover, ul.portfoliolist li a.active{
	background:url(../images/portfoliotabbg.jpg) 0 100% no-repeat;	
}
ul.portfoliolist li a img{
	margin:0 auto;
}
a.previoslink{
	background:url(../images/portfolioPre.jpg) 0 0 no-repeat;
	display:block;
	width:17px;
	height:17px;
}a.nextlink{
	background:url(../images/portfolioNext.jpg) 0 0 no-repeat;
	display:block;
	width:17px;
	height:17px;
}
div.tabcontainer{
	float:left;
	width:663px!important;
	overflow:hidden;
}
div.portfolionew{
	float:left;
	width:705px;
}
div.portfolionavright{
	float:right;
	width:17px;
	padding:33px 0 0;
}
div.portfoliogallery{
	background-color:#eafaff;
	color:inherit;
	padding:15px 12px 15px 19px;
	border-bottom:#dbe6ea 1px solid;
	height:100%;
	overflow:hidden;
}
div.galleryleft{
	float:left;
	width:425px;
}
div.galleryright{
	float:right;
	width:233px;
	padding:8px 0 0;
}
div.imagepart{
	/*padding:14px 0 0;*/
	background:url(../images/screenshotbg.jpg) 0 0 repeat-y;
	width:425px;
	
}
div.imagebottom{
	background:url(../images/screenshottop.jpg) 0 0 no-repeat;
	width:425px;
	padding:11px 0 0;
}
div.imagepart img{
	background:url(../images/screenshotbottom.jpg) 0 bottom no-repeat;
	padding:0 11px 11px;
	margin:0 auto;
}
div.infobar{
	height:21px;
}
a.gallerypre{
	float:left;
	display:block;
	background:url(../images/galleryPre.jpg) 0 0 no-repeat;
	width:21px;
	height:21px;
}a.gallerynext{
	float:left;
	display:block;
	background:url(../images/galleryNext.jpg) 0 0 no-repeat;
	width:21px;
	height:21px;
}
span.remainchild{
	float:left;
	text-align:right;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color:#000000;
	padding:0 0 0 13px;
}span.totalchild{
	float:left;
	text-align:left;
	font:normal 12px/21px Arial, Helvetica, sans-serif;
	color:#000000;
	width:35px;
}
div.contentContainer h3.galleryhead{
	font:normal 20px/20px Arial, Helvetica, sans-serif;
	color:#019eef;
	background-color:inherit;
}div.contentContainer h4.headingbottom{
	font:normal 15px/16px Arial, Helvetica, sans-serif;
	color:#3a3a3a;
	background-color:inherit;
}
div.headingsection{
	border-bottom:#bacacf 1px solid;
	padding:0 0 7px;
}
div.contentContainer div.galleryright p{
	color:#4c585b;
	background-color:inherit;
}
a.lauchlink{
	background:url(../images/launchlink.jpg) 0 0 no-repeat;
	display:block;
	width:133px;
	overflow:hidden;
	height:26px;
	padding:0 0 0 9px;
	font:bold 14px/26px Arial, Helvetica, sans-serif;
	color:#019eef;
	text-align:left;
}a.lauchlink:hover{
	background-position:left bottom;
	color:#019eef;
	background-color:inherit;
}div.galleryBox{
	/*position:relative;*/
}
div.galleryBox div.tabs ul li{
	/*position:absolute;
	left:0;
	right:0;
	height:402px!important;
	width:423px!important;
	border:#006633 1px solid;*/
	width:423px!important;
	height:100%!important;
}
div.portfoliocontant{
	margin: 0 auto;
	overflow:hidden;	
    padding: 55px 0;
    width: 987px;
}.portfolioHeadernew{
	 background: url("../images/portfolioheader.png") no-repeat scroll 0 19px transparent;
    height: 135px!important;
    padding: 54px 0 0;
}
div.portfolioheadertext{
	padding:0 0 0 236px;
}
a.beforlink{
	background:url(../images/beforeafterlink.jpg) 0 0 no-repeat;
	display:block;
	width:130px;
	overflow:hidden;
	height:26px;
	padding:0 0 0 9px;
	font:bold 14px/26px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	margin:8px 0 0;
}a.casestudylink{
	background:url(../images/casestudies.jpg) 0 0 no-repeat;
	display:block;
	width:130px;
	overflow:hidden;
	height:26px;
	padding:0 0 0 9px;
	font:bold 14px/26px Arial, Helvetica, sans-serif;
	color:#ffffff;
	text-align:left;
	margin:8px 0 0;
}a.beforlink:hover, a.casestudylink:hover{
	background-position:0 bottom;
}

.portfolioHeadernew{
	 background: url("../images/portfolioheader.png") no-repeat scroll 0 19px transparent;
    height: 135px!important;
    padding: 54px 0 0;
}
div.portfolioheadertext{
	padding:0 0 0 236px;
}
/*portfolio page end*/
