@charset "utf-8";
/* CSS Document */

body{background:url(../images/bg.jpg) repeat-x top left; margin:0; padding:0; font:12px Arial, Helvetica, sans-serif; color:#666666}

#wrapper{width:982px; margin:0 auto; padding:0;}
.clear{ clear:both;}



/* Header
-------------------------------------------------------------------*/
#header{width:982px; margin:18px 0 0 0; padding:0; float:left; height:118px; background:url(../images/header-bg.gif) bottom no-repeat; }
#header .logo{padding:0; float:left; margin:20px 30px 0 0; clear:left;}
#header .logo img{padding:0; border:none; margin:0;}


#header .socialmedia{padding:0 0 0 480px; float:left; margin:5px 0 0 0px;}
#header .socialmedia img{padding:0; margin:0 6px 0 0; border:none;}
#header .socialmedia a{ color:#0033FF;}
*html #header .socialmedia{padding:0 0 0 480px; float:left; margin:5px 0 0 0px;}



#header .socialmedia2{padding:0 0 0 290px; float:left; margin:5px 10px 0 0px; border:none;}
#header .socialmedia2 img{padding:0; margin:0 6px 0 0; border:none;}

*html #header .socialmedia2{padding:0 0 0 280px; float:left; margin:5px 0 0 0px;}



#header .search{padding:0 0 0 0; float:right; margin:0;}

#header .search input{background:url(../images/searchbg.gif) top left; font-size:11px; border:none; float:left; height:18px; width:113px; 
padding:0 20px 5px 15px; margin:0;}
*html #header .search input{background:url(../images/searchbg.gif) top left; font-size:11px; border:none; float:left; height:20px; width:113px; padding:3px 20px 0 15px; margin:0;}


#header .search .but{ padding:0; margin:0; background:url(../images/butbgtop.gif) no-repeat bottom right; height:23px; width:32px; float:left;}
#header .search .but img{ padding:0; margin:0 0 0 2px; border:none;}

#header .search label{ padding:0; margin:0;}
#header .search form{ padding:0; margin:0;}

#header .search img{padding:0; margin:0;}

#header .number{padding:0 25px 0 30px; font-weight:bold; font-size:17px; clear:right; width:120px; float:right; margin:10px 0 0 0; background:url(../images/phoneicon.gif) no-repeat left;}

#header .nav{padding:0 0 0 0; float:right; font-weight:bold; width:670px; margin:15px 0 0 0; background:url(../images/navbg.gif) repeat-x; }
#header .nav .leftcol{padding:0; margin:0; float:left; background:url(../images/navleftcolbg.gif) top left; height:33px; width:14px;}
#header .nav .rightcol{padding:0; margin:0; float:right; background:url(../images/navrightcolbg.gif) no-repeat top; height:33px; width:14px;}
#header .nav ul{ float:left; display:inline; list-style:none; font-size:12px; margin:0 0 0 5px; padding:7px 0px 0 0px; text-align:left;}

#header .nav ul li{display:inline; list-style:none; margin:0 0 0 0; padding:0;}
#header .nav ul li a{ padding:0 0 0 0px; margin:0 20px 0 0px; text-decoration:none; color:#666666;}
#header .nav ul li a:hover{text-decoration:none; color:#f08300;}
#header .nav .none {padding:0; margin:0;}
#header .nav .none a{text-decoration:none; padding:0; margin:0;}


body#aboutus .nav li.selectedabout a{text-decoration:none; color:#f08300;}
body#services .nav li.selectedservices a{text-decoration:none; color:#f08300;}
body#portfolio .nav li.selectedportfolio a{text-decoration:none; color:#f08300;}
body#case-studies .nav li.selectedcase-studies a{text-decoration:none; color:#f08300;}
body#resources .nav li.selectedresources a{text-decoration:none; color:#f08300;}
body#blog .nav li.selectedblog a{text-decoration:none; color:#f08300;}
body#careers .nav li.selectedcareers a{text-decoration:none; color:#f08300;}
body#contact .nav li.selectedcontact a{text-decoration:none; color:#f08300;}
body#home .nav li.selectedhome a{text-decoration:none; color:#f08300;}
body#alliance .nav li.selectedalliances a{text-decoration:none; color:#f08300;}
body#sitemap .nav li.selectedsitemap a{text-decoration:none; color:#f08300;}






.topservices{ float:left; padding:0 0 7px 0; margin:0; background:url(../images/servicesbgbot.gif) bottom no-repeat; width:982px;}
.topservices img{ border:none; padding:0; margin:0; float:left; }

.topservices .seobg{ background:url(../images/seobg.gif) repeat-x left;}
.topservices .sembg{ background:url(../images/bluebg.gif) repeat-x left;}
.topservices .affiliatebg{ background:url(../images/redbg.gif) repeat-x left;}
.topservices .violetbg{ background:url(../images/violetbg.gif) repeat-x left;}
.topservices .orangebg{ background:url(../images/orangebg.gif) repeat-x left;}

.topservices .quoteinner{padding:15px; margin:0;  border-right:solid 2px #fff; width:538px; float:left; height:133px; }
.topservices .quote{ background:url(../images/yellowbg.gif) repeat-x left; padding:20px; border-right:solid 2px #fff; margin:0; width:425px; float:left; height:123px; }
.topservices h2{ padding:0 0 0 10px; color:#fff; margin:0; font: lighter 27px "Trebuchet MS"; line-height:40px;
 text-shadow:2px 2px 2px #999; }
 
*html .topservices h1{text-shadow:2px 2px 2px #999;}
.topservices p{ padding:7px 0 0 3px; color:#fff; line-height:21px; letter-spacing:1px; margin:0; font-size:16px; font-family:Georgia;}



/* Left Column
-------------------------------------------------------------------*/
#content{ float:left; padding:0 0 7px 5px; margin:0; width:982px;}
#content .leftcol{ padding:0; margin:0; float:left; width:754px;}

#content .leftcol .col{ float:left; padding:15px; margin:12px 12px 0 0; background:url(../images/mainservicesbg.gif) no-repeat top; width:335px; 
height:111px; font-family:"Trebuchet MS"; line-height:19px; font-size:13px;}
*html #content .leftcol .col{ float:left; padding:15px; margin:12px 12px 0 0; background:url(../images/mainservicesbg.gif) no-repeat top; width:335px; height:111px; font-family:"Trebuchet MS"; line-height:19px; font-size:13px;}

#content .leftcol .col h3{ padding:0; margin:0; font-size:16px; font-family:Arial, Helvetica, sans-serif; color:#f6934c;}
#content .leftcol .col h3 a{color:#f6934c; text-decoration:none;}

#content .leftcol .col p{ padding:10px 0 0 2px; margin:0;}
#content .leftcol .col .more{ margin:10px 0 0 3px; float:left;}
#content .leftcol .col .more strong{ color:#333;}
#content .leftcol .col .more strong a{color:#333; text-decoration:none;}
#content .leftcol .col .more strong a:hover{color:#000; text-decoration:none;}

#content .txtbottom{ padding:20px; line-height:19px; margin:10px 0 0 2px; overflow:hidden; background:url(../images/txtbgbot.gif) no-repeat top left; float:left; clear:both; width:700px;}
#content .txtbottom p{ padding:0; margin:0;}
#content .txtbottom p a{ text-decoration:underline; color:#333333;}
#content .txtbottom p strong{ color:#000;}


#content .txtbottom ul{ margin:0 0 0 0; padding:5px 0 0 5px; font-size:12px; clear:both; color:#333;}
*html #content .txtbottom ul{padding:5px 0 0 5px;}
#content .txtbottom li{ margin:0; padding:4px 0 4px 16px; list-style:none; background:url(../images/txtlibg.jpg) no-repeat top left;}


.seoicon{ background:url(../images/seoicon.gif) right no-repeat;}
.semicon{ background:url(../images/semicon.gif) right no-repeat;}
.affiliateicon{ background:url(../images/affiliateicon.gif) right no-repeat;}
.webdesignicon{ background:url(../images/webdesignicon.gif) right no-repeat;}
.smoicon{ background:url(../images/smoicon.gif) right no-repeat;}
.smmicon{ background:url(../images/smmicon.gif) right no-repeat;}


/* Left Column Inner
-------------------------------------------------------------------*/
#content .leftcolinner{ padding:8px 0 0 0; margin:0 0 0 0; float:left; width:754px;}

#content .leftcolinner .txt{ padding:10px;  background:url(../images/innertxtbg.gif) repeat-y left;}
#content .leftcolinner .txt img{ border:none;}



#content .leftcolinner1 .txt h1{ font-size:22px; padding:0 25px 0 22px; margin:0; color:#ff9900;}

#content .leftcolinner .txt h1{ font-size:22px; padding:0 25px 0 22px; margin:0; color:#333;} 


#content .leftcolinner .txt p{ font-size:13px; margin:0; padding:10px 35px 5px 24px; clear:both; text-align:justify; line-height:19px; color:#333;}
html* #content .leftcolinner .txt p{ font-size:13px; margin:0; padding:5px 35px 5px 24px; text-align:justify; clear:both; line-height:19px; color:#333;}

#content .leftcolinner .txt p a{ text-decoration:none; color:#333}

#content .leftcolinner .txt h3{ font-size:14px; border-bottom:dashed 1px #ccc; line-height:19px; padding:10px 0 0 0; margin:0; clear:both; margin:0 30px 0 22px; color:#ff9000;}
#content .leftcolinner .txt ul{ margin:0 0 0 10px; padding:7px 0 0 10px; font-size:12px; clear:both; color:#333; line-height:19px; text-align:justify;}
*html #content .leftcolinner .txt ul{padding:7px 0 0 10px;}
#content .leftcolinner .txt li{ margin:0; padding:4px 35px 4px 16px; list-style:none; background:url(../images/txtlibg.jpg) no-repeat top left;}
#content .leftcolinner .txt ul li ul{ margin:7px 0 0 0; padding:0;}
#content .leftcolinner .txt ul li ul li{ margin:0; padding:2px 0 2px 12px; list-style:none; background:url(../images/sublibg.gif) no-repeat top left;}
#content .leftcolinner .txt ul li a{ color:#666666; text-decoration:none;}
#content .leftcolinner .txt ul li span{ color:#333; text-decoration:underline;}
#content .leftcolinner .txt ul li span a{ color:#333; text-decoration:underline;}


#content .leftcolinner .bgtop{ background:url(../images/innertxtbgtop.gif) no-repeat top left; padding:0; height:14px;clear:both;} 
#content .leftcolinner .bgbot{ background:url(../images/innertxtbgbot.gif) no-repeat top left; padding:0; height:14px;}  


#content .leftcolinner .breadcrumb{padding:8px 0 5px 0; border-bottom:solid 2px #ff9000; color:#ff9000; margin:0 15px 5px 24px; width:675px; float:left; font-size:11px; clear:both; }
*html #content .leftcolinner .breadcrumb{padding:8px 0 5px 0; border-bottom:solid 2px #ff9000; color:#ff9000; margin:0 15px 13px 12px; width:670px; float:left; font-size:11px; clear:both; }
#content .leftcolinner .breadcrumb a{ text-decoration:none; color:#666;  }
#content .leftcolinner .breadcrumb a:hover{ text-decoration:underline; color:#666;}
#content .leftcolinner .breadcrumb span{ text-decoration:none; color:#666; padding:0 3px 0 3px;  }



#content .leftcolinner .txt .portfolio{ margin:0 0 0 18px;}
#content .leftcolinner .txt .portfolio a{ color:#000;}
*html #content .leftcolinner .txt .portfolio{ margin:0 0 0 8px;}

#content .leftcolinner .txt .casestudy{ padding:0 0 15px 26px; margin:0; float:left; clear:both;}
#content .leftcolinner .txt .casestudy .row{ padding:0 0 0 0; margin:0 0 10px 0;  border:dashed 1px #cccccc; float:left; width:675px; }
#content .leftcolinner .txt .casestudy .row h3{ font-size:14px; margin:0; padding:6px; color:#fff; border-bottom:dashed 1px #cccccc; background:#666666; }
#content .leftcolinner .txt .casestudy .row .img{ padding:10px; margin:0 0 0 0; float:left;}
#content .leftcolinner .txt .casestudy .row img{ padding:0; margin:0;}
#content .leftcolinner .txt .casestudy .row .txt1{ padding:0; margin:0; border-left:dashed 1px #cccccc; float:left; width:500px;}
#content .leftcolinner .txt .casestudy .row .txt1 p{ padding:5px 0 5px 5px; margin:0 0 0 5px;}
#content .leftcolinner .txt .casestudy .row .txt1 .more{ text-align:right; padding:5px; margin:0 0 5px 0;}
#content .leftcolinner .txt .casestudy .row .txt1 .more a{ text-decoration:underline; color:#666666; padding:3px; }
#content .leftcolinner .txt .casestudy .row .txt1 .more a:hover{ text-decoration:none; border:solid 1px #cccccc; padding:2px;}

#content .leftcolinner .contactrow1{ float:left; width:450px;}
#content .leftcolinner .contactrow1 .socialmedia{padding:0 0 0 25px; float:left; margin:5px 0 0 0px;}
#content .leftcolinner .contactrow1 .socialmedia img{padding:0; margin:0 6px 0 0; border:none;}
#content .leftcolinner .contactrow1 .socialmedia a{ color:#0033FF;}


#content .leftcolinner .contactrow2{ float:left; width:214px; padding:12px 0 0 0;}

#content .leftcolinner .contactrow2 .row{ padding:0; margin:0 0 14px 0;}
#content .leftcolinner .contactrow2 .head{ padding:0 0 0 2px; margin:0;}
#content .leftcolinner .contactrow2 .txt{ padding:0; margin:0; background:url(../images/leftcolbg.gif) repeat-y top left; text-align:right;}
#content .leftcolinner .contactrow2 .txt .topbg{ padding:0; margin:0; background:url(../images/leftcolbgtop.gif) no-repeat top left; height:12px;}
#content .leftcolinner .contactrow2 .txt .botbg{ padding:0; margin:0; background:url(../images/leaftcolbgbot.gif) no-repeat bottom left; height:12px;}
#content .leftcolinner .contactrow2 .txt p{ text-align:left; padding:0; margin:0;}
#content .leftcolinner .contactrow2 .consult2{ padding:5px 13px 10px 18px; margin:0; text-align:left;}
#content .leftcolinner .contactrow2 .consult2 input{ width:165px; margin:0 0 7px 0; padding:2px; font-size:11px; color:#666; border:solid 1px #ccc; }
#content .leftcolinner .contactrow2 .consult2 textarea{ height:70px; width:165px; font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif; border:solid 1px #ccc; padding:2px;}
#content .leftcolinner .contactrow2 .consult2 .submit{ padding:0; margin:5px 11px 0 0; text-align:right;}
#content .leftcolinner .contactrow2 .consult2 form{ padding:0; margin:0;}



.manageteam{ padding:0;float:right; margin:0; border:none;}
.manageteam img{ padding:0; margin:0; border:none;}

.map{ clear:both;}
.map img{ padding:0; margin:0 0 0 15px; border:solid 1px #333;}


/* Right Column
-------------------------------------------------------------------*/
#content .rightcol{ padding:0px 0 0 0; margin:0 0 0 4px; float:left; width:212px;}
#content .rightcol .row{ padding:0; margin:0 0 12px 0;}
#content .rightcol .row img{ padding:0; margin:0; border:none;}
#content .rightcol .padnone{ padding:0; margin:0;}
#content .rightcol .head{ padding:0 0 0 2px; margin:0;}
#content .rightcol .txt{ padding:0; margin:0; background:url(../images/leftcolbg.gif) repeat-y top left; text-align:right;}
#content .rightcol .txt .middlecol{ padding:0px 13px 10px 13px; margin:0;}
#content .rightcol .txt .topbg{ padding:0; margin:0; background:url(../images/leftcolbgtop.gif) no-repeat top left; height:12px;}
#content .rightcol .txt .botbg{ padding:0; margin:0; background:url(../images/leaftcolbgbot.gif) no-repeat bottom left; height:12px;}
#content .rightcol .txt p{ text-align:left; padding:0; margin:0;}


#content .rightcol .services{ float:left; width:212px; margin:0; font-weight:bold; padding:10px 0 0 0;}
#content .rightcol .services .head{background:url(../images/leftcolheadbgblack.jpg) no-repeat left top; float:left; margin:0 0 0 0; width:204px; padding:8px; height:17px;}
#content .rightcol .services .head a{text-decoration:none; color:#333;}
#content .rightcol .services .head a:hover{text-decoration:none; color:#ff9900;}
#content .rightcol .services .headactive{background:url(../images/leftcolheadbg.jpg) no-repeat left top; float:left; margin:0 0 0 0; width:204px; padding:8px; height:17px;}
#content .rightcol .services .img{ border:none; float:left; margin:0 0 0 0; width:204px; padding:0 8px 0 0;}
#content .rightcol .services .img img{ border:none;}
#content .rightcol .services .subhead{ border:none; float:left; margin:5px 0 5px 0; width:180px; padding:0 8px 0 0; font-size:14px; 
background:url(../images/subhead.jpg) no-repeat left top;}
#content .rightcol .services .subhead a{ color:#000; padding:0 0 0 24px;}

#content .rightcol .services .selected a{text-decoration:none; color:#fff;}
#content .rightcol .services .selected a:hover{text-decoration:none; color:#fff;}



#content .rightcol .padtop{ margin:10px 0 12px 0;}
#content .rightcol .services .padbot{ margin:0 0 7px 0;}
#content .rightcol .services .list{float:left; margin:0 2px 7px 2px; width:191px; border-bottom:solid 1px #e2e2e2; padding:4px 8px 4px 8px; background:#f3f3f3;}
#content .rightcol .services .list ul{ float:left; list-style:none; margin:0; padding:0; font-weight:normal;}
#content .rightcol .services .list ul li{ padding:6px 0 6px 10px; border-bottom: solid 1px #cccccc; width:180px; 
background:url(../images/leftcollistbg.jpg) no-repeat left top;}
#content .rightcol .services ul li a{ color:#666666; text-decoration:none;}
#content .rightcol .services ul li a:hover{ color:#666666; text-decoration:underline;}
#content .rightcol .active{ color:#666666; text-decoration:none; font-weight:bold;}
#content .rightcol .services .list .none{ border-bottom:solid 1px #f3f3f3;}


#content .rightcol .consult{ padding:5px 13px 10px 18px; margin:0; text-align:left;}
#content .rightcol .consult input{ width:165px; margin:0 0 7px 0; padding:2px; font-size:11px; color:#666; border:solid 1px #ccc; }
#content .rightcol .consult textarea{ height:70px; width:165px; font-size:11px; color:#666; font-family:Arial, Helvetica, sans-serif; border:solid 1px #ccc; padding:2px;}
#content .rightcol .consult .submit{ padding:0; margin:5px 11px 0 0; text-align:right;}
#content .rightcol .consult form{ padding:0;}


#content .rightcol .email{ font-size:10px;}
#content .rightcol .email a{color:#f6934c; text-decoration:underline;}
#content .rightcol .clients{ padding:0px 0 0 5px; margin:0; text-align:left;}
#content .rightcol .adwords{ padding:0; margin:0 5px 13px 5px; text-align:left; border:solid 1px #ccc;}
#content .rightcol .adwords img{ padding:0; margin:10px 0 5px 25px; border:none;}

.techexpertise{ padding:0 0 0 10px;}


.porfoliohead{font: bold 20px "Trebuchet MS"; margin:0; padding:0; color:#ff9900; border-bottom:dashed 1px #cccccc; }
.porfoliohead a{ text-decoration:none; color:#ff9900;}

.moreport{ font: bold 13px Arial, Helvetica, sans-serif;}
.moreport a{ color:#ff9900; text-decoration:none; }
.moreport a:hover{ color:#333; text-decoration:none;}

.careers{ padding:15px 0 0 25px; color:#000;}

#alliances{ width:680px; padding: 0 0 15px 0; margin:18px 0 0 23px; float:left; clear:both;}
#alliances .txt1{ font-size:12px; margin:0; background:none; text-align:left; padding:0 0 0 10px; line-height:19px; color:#333;}

#alliances img{ padding:0; margin:0;}



#alliances .more{color:#333; text-align:right; float:left; padding:8px 0 4px 0; margin:0; }
#alliances .more a{ text-decoration:underline; color:#333; padding:1px; text-align:right; }
.dashedborder{border-bottom:dashed 1px #cccccc;}



/* Colors
-------------------------------------------------------------------*/
.orange{ color:#f6934c;}
.orange a{ color:#f6934c;}



/* Bottomnav
-------------------------------------------------------------------*/
.bottomnav{width:100%; background:#4b4c4c url(../images/footerbg-top.gif) repeat-x top; float:left; margin:10px 0 0 0; padding:10px 0 20px 0;} 
.center{width:900px; padding:10px 0 0 0; margin:0 auto;}
.bottomnav h5{margin:0; padding:5px 0 5px 25px; color:#f5a341; font-size:14px; font-weight:normal;}
.bottomnav h5 a{color:#f5a341; text-decoration:none;}
.bottomnavbox{ padding:0; margin:0; float:left;}
.bottomnavbox ul{margin:0; padding:0 0 0 25px;}
.bottomnavbox li{margin:0; padding:0 20px 5px 0; background:url(../images/libg.jpg) no-repeat left; list-style:none}
.bottomnavbox li a{color:#fff; text-decoration:none;}
.bottomnavbox li a:hover{color:#f5a341; text-decoration:none;}



/* Fooetr
-------------------------------------------------------------------*/
.footer{ width:100%px; background-color:#3c3d3d; color:#fff; clear:both; border-top:#666666 1px solid; padding:4px; margin:0 0 0 0 auto;}
.footer p{ margin:0px auto; padding:4px 0 8px 0; text-align:center;}
.footer p span{ padding:0 0 0 140px;}
.footer p span a{ color:#fff; padding:0 5px 0 5px; text-decoration:none;}
.footer p span a:hover{ color:#fff; text-decoration:none;}

.footer .sbs{ color:#000; padding:0; margin:0;}

#go{ padding:0; margin:0;}
#go input{ width:1px; height:1px;}

#n1,#n2,#n3,#n4{color:#FF0000; font-size:10px;}