/********************************************************
 __   _  _____  _______ _______
 | \  | |     |    |    |______
 |  \_| |_____|    |    |______
                               
 This site is using EMs to adjust font sizes. New font
 sizes can't just be added anywhere. Doing so will mess
 up the design if you aren't careful.
 
 Don't touch the "RESET" below. It's there to remove the
 default style the browsers add.

*********************************************************/

/* RESET */
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 {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

:focus {
	outline: 0;
}

ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}
/* clearfix */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/* GLOBAL */
body {
	font-size:62.5%;
	/* The font only needs to be set once. */
	font-family: "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	color:#3e3e3e;
	background-color:#000;
}
.background-image {
	z-index:-1;
	width:100%;
	position:absolute;
	top:50px;
}
a { color:#f69222; text-decoration:none; font-weight:bold; }
a:hover { color:#4d4d4d !important; text-decoration:none; font-weight:bold; }
#header {
	background:url(../img/bg/header.png) repeat-x;
	position:relative;
	z-index:1;
}
#header #logo {
	background:url(../img/bg/wrapper-top.png) no-repeat bottom left;
	width:856px;
	padding:0px 0 8px 0;
	margin:0 auto;
	position:relative;
	z-index:100;
	margin-top:-10px;
}

#header #logo h1 a {
	background:url(../img/logo.png) no-repeat;
	width:291px;
	height:45px;
	display:block;
	text-indent:-9999px;
	padding:0 0 19px 0;
	margin:0 0 0 20px;
	position:relative;
	z-index:100;
}

#header #nav {
	height:105px;
	width:840px;
	margin:0 auto;
	position:relative;
	z-index:1000;
}

/* main menu */
#header #nav #menu {
	padding:5px 0 0 0;
	width:100%;
	z-index:1;
}
#header #nav #menu li {
	float:left;
	height:45px;
	display:block;
}
#header #nav #menu a {
	display:block;
	text-indent:-9999px;
	height:45px;
}
#header #nav #services {
	background:url(../img/txt/main-nav.png) no-repeat 0 0;
	width:82px;
}
#header #nav #services:hover {
	background-position:0 -45px;	
}
#header #nav #services.hover {
	background-position:0 -45px;
}
#header #nav #menu #clients {
	background:url(../img/txt/main-nav.png) no-repeat -82px 0;
	width:77px;
}
#header #nav #menu #clients:hover {
	background-position:-82px -45px;	
}
#header #nav #menu #about-us {
	background:url(../img/txt/main-nav.png) no-repeat -159px 0;
	width:87px;
}
#header #nav #menu #about-us:hover {
	background-position:-159px -45px;	
}
#header #nav #menu #about-us.hover {
	background-position:-159px -45px;	
}
#header #nav #menu #contact {
	background:url(../img/txt/main-nav.png) no-repeat -246px 0;
	width:100px;
}
#header #nav #menu #contact:hover {
	background-position:-246px -45px;	
}
#header #nav #menu #jobs {
	background:url(../img/txt/main-nav.png) no-repeat -346px 0;
	width:57px;
}
#header #nav #menu #jobs:hover {
	background-position:-346px -45px;	
}
#header #nav #menu #blog {
	background:url(../img/txt/main-nav.png) no-repeat -403px 0;
	width:57px;
}
#header #nav #menu #blog:hover {
	background-position:-403px -45px;	
}

/* services menu */
#header #nav #services-sub {
	position:absolute;
	left:0;
	top:49px;
	_top:48px;
	padding:1px 0 0 0;
	width:606px;
	height:54px;
	display:none;
	overflow:hidden;
	z-index:1000;
	line-height:0;
}
#header #nav #services-sub.active {
	display:block;
}
#header #nav #services-sub a {
	height:27px;
	display:inline;
	float:left;
	text-indent:-9999px;
	_margin:-1px 0 0 0;
}
#header #nav #services-sub #sem {
	background:url(../img/txt/services-nav.png) no-repeat 0 0;
	width:152px;
}
#header #nav #services-sub #sem:hover {
	background-position:0 -55px;
}
#header #nav #services-sub #market-research {
	background:url(../img/txt/services-nav.png) no-repeat -152px 0;
	width:150px;
}
#header #nav #services-sub #market-research:hover {
	background-position:-152px -55px;
}
#header #nav #services-sub #analytics {
	background:url(../img/txt/services-nav.png) no-repeat -302px 0;
	width:95px;
}
#header #nav #services-sub #analytics:hover {
	background-position:-302px -55px;
}
#header #nav #services-sub #affiliate-marketing {
	background:url(../img/txt/services-nav.png) no-repeat -397px 0;
	width:209px;
}
#header #nav #services-sub #affiliate-marketing:hover {
	background-position:-397px -55px;
}

#header #nav #services-sub #digital-media {
	background:url(../img/txt/services-nav.png) no-repeat 0 -28px;
	width:272px;
}
#header #nav #services-sub #digital-media:hover {
	background-position:0 -83px;
}
#header #nav #services-sub #search-ego {
	background:url(../img/txt/services-nav.png) no-repeat -272px -28px;
	width:108px;
}
#header #nav #services-sub #search-ego:hover {
	background-position:-272px -83px;
}
#header #nav #services-sub #social-media {
	background:url(../img/txt/services-nav.png) no-repeat -380px -28px;
	width:118px;
}
#header #nav #services-sub #social-media:hover {
	background-position:-380px -83px;
}
#header #nav #services-sub #non-profit {
	background:url(../img/txt/services-nav.png) no-repeat -498px -28px;
	width:108px;
}
#header #nav #services-sub #non-profit:hover {
	background-position:-498px -83px;
}

/* about us sub */
#header #nav #about-us-sub {
	position:absolute;
	left:159px;
	top:49px;
	_top:48px;
	padding:1px 0 0 0;
	width:606px;
	height:54px;
	display:none;
	overflow:hidden;
	z-index:1000;
	line-height:0;
}
#header #nav #about-us-sub.active {
	display:block;
}
#header #nav #about-us-sub #press-releases {
	width:135px;
	height:32px;
	text-indent:-9999px;
	_margin:-1px 0 0 0;
	background:url(../img/txt/about-us-nav.png) no-repeat;
	display:block;
}
#header #nav #about-us-sub #press-releases:hover {
	background-position:0 -32px;	
}



/* Search Form */
#header #nav #search-form {
	position:absolute;
	top:17px;
	right:15px;
	z-index:2000;
	float:right;
	width:200px;
}
#header #nav #search-form #search {
	width:171px;
	/*height:19px;*/
	height:18px\9; /* hack for ie8 and lower */
	background-color:#4d4d4d;
	border:0;
	padding:4px 0 4px 3px;
	padding:2px 0 0 3px\9; /* hack for ie8 and lower */
	float:left;
	font-size:1em;
	color:#a6a6a6;
	text-transform:uppercase;
	margin:0 5px 0 0;
}
#header #nav #search-form .submit {
	background:url(../img/icon/search-submit.png) no-repeat;
	width:21px;
	height:21px;
	display:block;
	text-indent:-9999px;
	border:0;
	cursor:pointer;
	float:left;
}
#header #nav #search-form .submit:hover {
	background-position:0 -21px;	
}

/* content area */
#wrapper {
	background:url(../img/bg/wrapper-center.png) repeat-y;
	width:856px;
	margin:0 auto;
	padding:0 0 8px 0;
	z-index:1;
	position:relative;
}

#inner-wrapper {
	width:840px;
	background-color:#fff;
	margin:0 auto;
	
	overflow:hidden;
}
#left-col {
	width:505px;
	float:left;
	padding:5px 0 0 5px;
}

#right-col {
	width:305px;
	float:right;
	padding:5px 5px 0 0;
}

#footer {
	background:url(../img/bg/wrapper-bottom.png) no-repeat;
	width:856px;
	padding:9px 0 28px 0;
	margin:0 auto;
	font-size:1.1em;
	color:#797979;
	text-transform:uppercase;
	overflow:hidden;
	z-index:1;
	position:relative;
}
#footer a {
	color:#797979;
}
#footer div {
	border-top:1px solid #686767;
	background-color: #000;
}
#footer #footer-nav {
	float:left;
	margin: 0 0 0 8px;
	width:486px;
	padding: 15px 0 15px 14px;
	display:inline;
}

#footer #rights {
	float:right;
	margin:0 8px 0 0;
	width:316px;
	text-align:right;
	padding: 15px 24px 15px 0;
}

/* HOME - begin */
.home .hero {
	background-color:#000;
	color:#fff;
	border-top:1px solid #fff;
	padding:20px 13px;
}
.home .hero strong {
	background:url(../img/txt/online-marketing.png) no-repeat;
	width:762px;
	height:31px;
	display:block;
	text-indent:-9999px;
	margin:0 0 17px 0;
}
.home .hero p {
	font-size:1.4em;
	margin:0 0 20px 0;
	display:block;
	line-height: 1.4em;
}
.home .hero h1 {
	font-size:1.8em;
	font-weight:normal;
}
.home .hero h2 {
	font-size:2.8em;
	font-weight:normal;
}
/* HOME - end */