@charset "UTF-8";
/* CSS Document */
 @import url("/styles/normalize.css");

div.purple, li.purple { background-color:#AB3496; }
h2.purple, h3.purple, h4.purple, h5.purple, p.purple, a.purple, span.purple { color:#AB3496; }
p.gray, a.gray, span.gray { color:#666666; }
span.yellow { background:#E3FD00; }
span.standout { font-size:22px; }
.thickbox { cursor:pointer; }

body { margin:0; padding:0; background:#D1D1DC url(/images/body_bg.jpg) repeat-y center top; color:#666666; }
div#wrapper { width: 1000px; min-height:425px; margin: 0 auto; background: transparent url(/images/wrap_bg.png) no-repeat 0px 0px; }
* html div#wrapper {min-height:425px; height: auto !important; height:425px; background: transparent url(/images/wrap_bg.png) no-repeat 1px 0px; }
*:first-child+html div#wrapper { background: transparent url(/images/wrap_bg.png) no-repeat 1px 0px; }
body#Work div#wrapper { background: #cecece url(/images/work_wrap_bg.png) no-repeat 0px 0px; }

/* =================== GENERAL NAVIGATION =================== */
div#navigation {position:relative; width: 920px; height: 62px; top: 14px; left: 40px; }
 /** html div#navigation { filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',sizingMethod='crop'); }
* html body#Home div#navigation { background:transparent; }
* html div#navigation img { filter:progid:DXImageTransform.Microsoft.Alpha(opacity=0); }*/
div#navigation div#logo { width:80px; height:60px; background:url(/images/logo.png) no-repeat top left; }
* html div#navigation div#logo { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/logo.png',sizingMethod='image'); }
div#navigation div#NavItems { width: 838px; height:24px; border-top: 1px solid #AB3496; margin:-58px 0 0 83px; }
div#navigation div#NavItems div {float:left; height:22px; font-size:11px; }
div#nDesign { width: 169px; background: url(/images/NavPipe.png) no-repeat right 5px; }
div#nDesign a { padding-left:21px; }
div#nSEM { width: 175px; background: url(/images/NavPipe.png) no-repeat right 5px; }
div#nSEM a { padding-left:18px; }
div#nSEO { width: 189px; background: url(/images/NavPipe.png) no-repeat right 5px; }
div#nSEO a { padding-left:17px; }
div#nAnalytics { width: 134px; background: url(/images/NavPipe.png) no-repeat right 5px; }
div#nAnalytics a { padding-left:18px; }
div#nAbout { width: 83px; background: url(/images/NavPipe.png) no-repeat right 5px; }
div#nAbout a { padding-left:16px; }
div#nContact { width: 87px; }
div#nContact a { padding-left:13px; }
div#navigation div#NavItems div a { display:block; color:#AB3496; padding-top:3px; }
div#navigation div#NavItems div a:hover { color:#FFFFFF; }
body#Design div#nDesign { background-color:#AB3496; color:#FFFFFF; }
body#Design div#nDesign p { margin:3px 0 0 18px; }
body#SEM div#nDesign { background:none; }
body#SEM div#nSEM { background-color:#AB3496; color:#FFFFFF; }
body#SEM div#nSEM p { margin:3px 0 0 18px; } 
body#SEO div#nSEM { background:none; }
body#SEO div#nSEO { background-color:#AB3496; color:#FFFFFF; }
body#SEO div#nSEO p { margin:3px 0 0 18px; } 
body#Analytics div#nSEO { background:none; }
body#Analytics div#nAnalytics { background-color:#AB3496; color:#FFFFFF; }
body#Analytics div#nAnalytics p { margin:3px 0 0 18px; } 
body#About div#nAnalytics { background:none; }
body#About div#nAbout { background-color:#AB3496; color:#FFFFFF; }
body#About div#nAbout p { margin:3px 0 0 18px; }
body#Contact div#nAbout { background:none; }
body#Contact div#nContact { background-color:#AB3496; color:#FFFFFF; }
body#Contact div#nContact p { margin:3px 0 0 18px; }

/* =================== HOMEPAGE NAVIGATION =================== */
body#Home div#navigation { position:relative; width:1000px; height:26px; top:0; left:0; background: transparent url(/images/home_bg.jpg) no-repeat top left; padding-top:245px; }
body#Home div#navigation div#NavItems { width:700px; height:24px; margin:0 0 0 27px; border-top:medium none; }
body#Home div#navigation div#NavItems div {float:left; height:22px; font-size:11px; }
body#Home div#navigation div#NavItems div#nAnalytics { background:none; }

h1 { position:absolute; top:-1000px; }

body#Analytics div#main { background: transparent url(/images/analytics_header.png) no-repeat 30px 0; }
* html body#Analytics div#main { background: transparent url(/images/analytics_header_ie6.png) no-repeat 30px 0; }
body#SEM div#main { background: transparent url(/images/sem_header.png) no-repeat 30px 0; }
* html body#SEM div#main { background: transparent url(/images/sem_header_ie6.png) no-repeat 30px 0; }
body#SEO div#main { background: transparent url(/images/seo_header.png) no-repeat 30px 0; }
* html body#SEO div#main { background: transparent url(/images/seo_header_ie6.png) no-repeat 30px 0; }
body#About div#main { background: transparent url(/images/about_header.png) no-repeat 30px 0; }
* html body#About div#main { background: transparent url(/images/about_header_ie6.png) no-repeat 30px 0; }
body#Design div#main { background: transparent url(/images/design_header.png) no-repeat 30px 0; }
* html body#Design div#main { background: transparent url(/images/design_header_ie6.png) no-repeat 30px 0; }
body#Work div#main {width:1000px; height:780px; background: transparent url(/images/work_header.png) no-repeat 0 0; padding:100px 0 0;}

div#main {position:relative; margin:16px 0 25px 0; padding: 0 40px 0 35px; }
body#Home div#main { position:relative; margin: 0 0 25px 0; padding: 0 50px 0 50px; }
div#tier1 { padding-top:160px; width:100%; }
body#Home div#tier1 { padding-top:0; }
div.fLeft { float:left; }
div.w1 { width:565px; }
div.w1 p { font-size:14px; color:#1B1B4F; line-height:30px; margin: 0 30px 15px 0; }
div.w2 { width:320px; }
div.w2 h3 { font-weight:bold; font-size:24px; width:130px; margin-bottom:8px; }
div.w2 p { font-size:11px; line-height:16px; margin-right:190px; }
div.w2 div#action { float:left; margin-top:20px; }
/*body#Home div.w2 div#action { padding-top:290px; }*/

div#FormInquiry { position:absolute; top:4px; left:600px; width:320px; height:124px; background: transparent url(/images/form_bg.png) no-repeat 0 0; }
* html div#FormInquiry { left:568px; }
div#FormInquiry div#FormFields { margin: 62px 0 0 15px; }
div#FormInquiry div#FormFields p {font-size:11px; }
div#FormInquiry input { padding:1px 3px 1px 3px; font-size:11px; color:#1B1B4F; border:1px solid #D1D1DC; width:132px; height:14px;  margin-bottom: 6px; }
div#FormInquiry select { font-size:11px; color:#1B1B4F; border:1px solid #D1D1DC; width:288px; height:20px; }
div#FormInquiry div#FormFields input#SubmitButton { margin:0; width:13px; height:26px; background: transparent url(/images/submit_bg.png) no-repeat 0 0; cursor:pointer; border:medium none; }
div#FormInquiry input.mRight { margin-right:4px; }

div#tier2 { width:100%; margin-top:40px; }
body#Home div#tier2 div { float:left; width:210px; min-height:230px; background-color: #F3F3F6; }
body#SEO div#tier2 div { float:left; width:210px; min-height:280px; background:#F3F3F6 url(/images/services_icon.png) no-repeat right 25px; }
body#SEM div#tier2 div { float:left; width:210px; min-height:280px; background:#F3F3F6 url(/images/services_icon.png) no-repeat right 25px; }
body#Analytics div#tier2 div { float:left; width:210px; min-height:230px; background:#F3F3F6 url(/images/services_icon.png) no-repeat right 25px; }
body#About div#tier2 div { float:left; width:210px; min-height:230px; background:#F3F3F6 url(/images/services_icon.png) no-repeat right 25px; }
* html div#tier2 div { min-height:230px; height: auto !important; height:230px; }
* html body#SEO div#tier2 div { min-height:280px; height: auto !important; height:280px; }
* html body#SEM div#tier2 div { min-height:280px; height: auto !important; height:280px; }
div#tier2 div.mRight { margin-right:20px; }
div#tier2 p { font-size:16px; line-height: 20px; margin: 23px 15px 15px 10px; }
body#Home div#tier2 img { margin: 10px 0 0 9px; }
body#Home div#tier2 p { font-size:11px; line-height:16px; color:#1B1B4F; margin: 0 10px 10px; }

body#Analytics div#sidebar { background: transparent url(/images/sidebar_placeholder-1.jpg) no-repeat top right; }
body#SEM div#sidebar { background: transparent url(/images/sidebar_placeholder-1.jpg) no-repeat top right; }
body#SEO div#sidebar { background: transparent url(/images/sidebar_placeholder-1.jpg) no-repeat top right; }
body#About div#sidebar {margin-top:30px; background: transparent url(/images/sidebar_placeholder-1.jpg) no-repeat top right; }
body#About div#SidebarCreative { height:330px; background: transparent url(/images/home_sidebar.png) no-repeat top left; }
* html body#About div#SidebarCreative { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home_sidebar.png',sizingMethod='image'); }
body#Design div#SidebarCreative { height:330px; background: transparent url(/images/home_sidebar.png) no-repeat top left; }
* html body#Design div#SidebarCreative { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home_sidebar.png',sizingMethod='image'); }
body#About div#SidebarCreative div#ActionCreative { margin-top:0; }
body#Home div#sidebar { height:330px; background: transparent url(/images/home_sidebar.png) no-repeat top left; }
* html body#Home div#sidebar { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/home_sidebar.png',sizingMethod='image'); }

body#Analytics div#sidebar2 { margin: 20px 0 0; }




body#Work div#WorkBoxes { width:100%; margin:0; padding:0; }
body#Design div#WorkBoxes { margin-top: 25px; width:100%; }
div#WorkBoxes div#IntroContainerPharma, div#WorkBoxes div#IntroContainerTeleco, div#WorkBoxes div#IntroContainerPublishing, div#WorkBoxes div#IntroContainerFinance { float:left; width:210px; height:235px; curser:pointer; }
div#WorkBoxes div#IntroContainerPharma img, div#WorkBoxes div#IntroContainerTeleco img, div#WorkBoxes div#IntroContainerPublishing img, div#WorkBoxes div#IntroContainerFinance img { cursor:pointer; float:left; margin:21px 0 0 191px; }
div#WorkBoxes div#IntroContainerPharma p, div#WorkBoxes div#IntroContainerTeleco p, div#WorkBoxes div#IntroContainerPublishing p, div#WorkBoxes div#IntroContainerFinance p { margin: 66px 10px 0px 10px; font-size:11px; color:#1B1B4F; }
div#WorkBoxes div#IntroContainerPharma { background:transparent url(/images/intro_pharma_bg.png) no-repeat top left; }
div#WorkBoxes div#IntroContainerTeleco { background:transparent url(/images/intro_teleco_bg.png) no-repeat top left; }
div#WorkBoxes div#IntroContainerPublishing { background:transparent url(/images/intro_publishing_bg.png) no-repeat top left; }
div#WorkBoxes div#IntroContainerFinance { background:transparent url(/images/intro_finance_bg.png) no-repeat top left; }
div#WorkBoxes div#ContainerPharma, div#WorkBoxes div#ContainerTeleco, div#WorkBoxes div#ContainerPublishing, div#WorkBoxes div#ContainerFinance { float:left; width:230px; height:235px; }
div#WorkBoxes div.pharma { background:transparent url(/images/pharma_bg.png) no-repeat top right; }
* html div#WorkBoxes div.pharma { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/pharma_bg.png',sizingMethod='image'); }
div#WorkBoxes div.teleco { background:transparent url(/images/teleco_bg.png) no-repeat top right; }
* html div#WorkBoxes div.teleco { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/teleco_bg.png',sizingMethod='image'); }
div#WorkBoxes div.publishing { background:transparent url(/images/publishing_bg.png) no-repeat top right; }
* html div#WorkBoxes div.publishing { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/publishing_bg.png',sizingMethod='image'); }
div#WorkBoxes div.finance { background:transparent url(/images/finance_bg.png) no-repeat top right; }
* html div#WorkBoxes div.finance { background:none; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/images/finance_bg.png',sizingMethod='image'); }
div#WorkBoxes div#ContainerPharma div#pharmaThumb { margin:66px 0 0 28px; width:194px; height:161px; }
div#WorkBoxes div#ContainerTeleco div#telecoThumb { margin:66px 0 0 28px; width:194px; height:161px; }
div#WorkBoxes div#ContainerPublishing div#publishingThumb { margin:66px 0 0 28px; width:194px; height:161px; }
div#WorkBoxes div#ContainerFinance div#financeThumb { margin:66px 0 0 28px; width:194px; height:161px; }

div#WorkBoxes div#ContainerPharma div#pharmaThumb img , div#WorkBoxes div#ContainerTeleco div#telecoThumb img , div#WorkBoxes div#ContainerPublishing div#publishingThumb img , div#WorkBoxes div#ContainerFinance div#financeThumb img {cursor:pointer; margin-top:150px; float:left; }
div#WorkBoxes div#ContainerPharma div#pharmaThumb img.lt , div#WorkBoxes div#ContainerTeleco div#telecoThumb img.lt , div#WorkBoxes div#ContainerPublishing div#publishingThumb img.lt , div#WorkBoxes div#ContainerFinance div#financeThumb img.lt { margin-left: 172px; }
div#WorkBoxes div#ContainerPharma div#pharmaThumb img.rt , div#WorkBoxes div#ContainerTeleco div#telecoThumb img.rt , div#WorkBoxes div#ContainerPublishing div#publishingThumb img.rt , div#WorkBoxes div#ContainerFinance div#financeThumb img.rt { margin-left: 4px; }
div#WorkBoxes div#ContainerPharma div#pharmaThumb { background: transparent url(/images/pharmaThumb0.png) no-repeat top left; }
div#WorkBoxes div#ContainerTeleco div#telecoThumb { background: transparent url(/images/telecoThumb0.png) no-repeat top left; }
div#WorkBoxes div#ContainerPublishing div#publishingThumb { background: transparent url(/images/publishingThumb0.png) no-repeat top left; }
div#WorkBoxes div#ContainerFinance div#financeThumb { background: transparent url(/images/financeThumb0.png) no-repeat top left; }

div#WorkBoxes div.mLeft { margin-left:25px; }
div#WorkBoxes div.mRight { margin-right:20px; }
div#WorkBoxes div.pharma { background: transparent url(/images/pharma_bg.png) no-repeat top right; }
div#WorkBoxes div.teleco { background: transparent url(/images/teleco_bg.png) no-repeat top right; }
div#WorkBoxes div.publishing { background: transparent url(/images/publishing_bg.png) no-repeat top right; }
div#WorkBoxes div.finance { background: transparent url(/images/finance_bg.png) no-repeat top right; }

div#footer { position:relative; width:1000px; height:110px; background: transparent url(/images/footer_bg.png) no-repeat bottom left; padding-top:6px; }
body#Design div#footer {background:none; height:80px; }
body#Work div#footer {background:none; height:80px; }
div#footer div { margin-bottom: 10px; }
div#footer div.row1 {margin-left:100px; }
div#footer div.row2 { margin-left:390px; }
div#footer div.row3 { margin-left:408px; }
div#footer li { float:left; display:block; margin-right:3px; }
div#footer li a { display:block; }
div#footer li a:hover { text-decoration:underline; }