/*
Site: Motive Adverising
Author: Kevin / Justin / Don
Updated: 04.20.07
------------------------*/

/* --------------
Colors
D Brown: 3e371a
text: 363636
L grey: f4f4f4
M grey: bfbfbf
D Grey: afaea3
Slate: #70797d
Green: 3db10a
nav: 948781
foot: 979381
--------------*/


/*
    BASE ELEMENTS
------------------------------------------*/
* {
	padding: 0;
	margin: 0;
}

body {
	font: .85em Arial, Verdana, sans-serif;
	line-height: 1.25;
	color: #363636;
	background: #fff url("../images/bg.jpg") 0 0 repeat-x;
}

a img, a:hover img, a {
	outline: none;
}

p, ul, dl {
	font-size: .9em;
	line-height: 1.5;
	margin: 0 0 1.5em 0;
}

ul {
	list-style: none;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 1em;
	font-style: normal;
}

hr.clearfix {
	clear:  both;
	display: block;
	visibility: hidden;
	height: 1px;
	margin-top: -1px;
}

/* =Masthead
------------------------------------------*/
#masthead {
	position: relative;
	height: 125px;
}

#masthead h1 {
	position: absolute;
	z-index: 10;
	top: 15px;
	left: 170px;
	width: 255px;
	height: 75px;
	font-size: 11px;
	text-indent: -100em;
	overflow: hidden;
}

#masthead h1 a:link, 
#masthead h1 a:visited, 
#masthead h1 a:hover, 
#masthead h1 a:active {
	display: block;
	width: 255px;
	height: 75px;
	background: url("../images/logo.gif") 50% 50% no-repeat;
}

body #pageImage {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 30;
	width: 193px;
	height: 160px;
	background: url("../images/main_img1.png") 0 0 no-repeat;
}

body #pageImage2 {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 30;
	width: 193px;
	height: 160px;
	background: url("../images/main_img2.png") 0 0 no-repeat;
}

body #pageImage3 {
	position: absolute;
	top: 0;
	left: 0px;
	z-index: 30;
	width: 193px;
	height: 160px;
	background: url("../images/main_img3.png") 0 0 no-repeat;
}



/* =Content Area
------------------------------------------*/
#container {
	clear: left;
	position: relative;
	float:  left;
	border-top: 5px solid #3db10a;
	padding-top: 50px;
	width: 900px;
	background: #fff url("../images/containerFade.gif") 0 1px repeat-x;
}

#content {
	float: left;
	width: 620px;
	margin: 0 21px;
}

#content h2 {
	padding: 0 0 5px 0;
	margin:  0 0 1em 0;
	font-size: 2em;
	font-weight: normal;
	color: #3e371a;
	letter-spacing: 2px;
	background: url("../images/hRule.gif") 100% 100% repeat-x;
}

#content h3 {
	font-size: 1.1em;
	color: #6e6e6a;
}

body.home #content {
	width: 560px;
}

label.contact {
	font-size: .9em;
}
		
/* =Intro Block*/
#intro {
	float:  left;
	background: #fff url("../images/introBG.gif") 0 50px no-repeat;
	width:  100%;
	padding: 0 0 20px 0;
	margin:  0 0 20px 0;
}

#intro h2 {
	padding: 10px 0 7px 0;
	background: #3e371a url("../images/introHeadBG.gif") 0 0 repeat-x;
	color: #fff;
	font-size: 2em;
	font-weight:  normal;
	letter-spacing: 2px;
	text-indent: 24px;
}
	
#intro dl  {
	margin: 15px 15px 40px 15px;
}

#intro dt {
	float:  left;
	width:  45%;
	padding:  0 0 0 25px;
	margin: 0 0 .3em 0;
	background:  url("../images/bullet.gif") 8px 5px no-repeat;
	font-size: 1.2em;
	line-height: 1.4em;
	
}

/* This is for the publisher sign up button */
#publink {
	margin: -10px 0 15px 21px;
	width: 110px;
}

#publink a#publisher_signup {
	display: block;
	background: url("../images/sign_up.gif") 0 0 no-repeat;
	text-indent: -100em;
	height: 25px;
}

#publink a#publisher_signup:link, 
#publink a#publisher_signup:visited, 
#publink a#publisher_signup:hover, 
#publink a#publisher_signup:active {
	border: none;
	text-decoration: none;
}

/* =solution and advertiser blocks */
#solution {
	clear:  left;
	float: left;
	width:  260px;
}

#solution a#more{
	display: block;
	width: 108px;
	height: 23px;
	background: url("../images/btn_learnMore.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -100em;
}

#solution a#more:link, #solution a#more:visited, #solution a#more:hover, #solution a#more:active {
	border: none;
}

#advertiser {
	float:  left;
	margin:  0 0 0 21px;
	width:  260px;
}
#rfp {

	display: block;
	width: 108px;
	height: 23px;
	background: url("../images/btn_RFP.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -100em;
}
#advertiser a#more{
	display: block;
	width: 108px;
	height: 23px;
	background: url("../images/btn_learnMore.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -100em;
}

#advertiser a#more:link, #advertiser a#more:visited, #advertiser a#more:hover, #advertiser a#more:active {
	border: none;
}


#advertiser h2, #solution h2 {
	padding:  0 0 .2em 0;
	margin: 0 0 1em 0;
	font-weight: normal;
	font-size: 1.2em;
	color: #70797d;
	background: url("../images/hRule.gif") 100% 100% repeat-x;
}
	
#advertiser h2 span, #solution h2 span {
	color: #3db10a;
}
	
#solution h3 {
	font-size: 1em;
	color: #70797d;
	margin: 0 0 .2em 0;
}
/* =product details block */
#productdetails {
	clear:  left;
	float: left;
	width:  360px;
}

#productdetails a#more{
	display: block;
	width: 108px;
	height: 23px;
	background: url("../images/btn_learnMore.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -100em;
}

#productdetails a#more:link, #productdetails a#more:visited, #productdetails a#more:hover, #productdetails a#more:active {
	border: none;
}

#productdetails h2 {
	padding:  0 0 .2em 0;
	margin: 0 0 1em 0;
	font-weight: normal;
	font-size: 1.2em;
	color: #70797d;
	background: url("../images/hRule.gif") 100% 100% repeat-x;
}
	
#productdetails h2 span {
	color: #3db10a;
}
	
#productdetails h3 {
	font-size: 1em;
	color: #70797d;
	margin: 0 0 .2em 0;
}


#productdetails dl  {
	margin: 15px 15px 40px 15px;
}

#productdetails dt {
	float:  left;
	width:  100%;
	padding:  0 0 0 25px;
	margin: 0 0 .3em 0;
	background:  url("../images/bullet.gif") 8px 5px no-repeat;
	font-size: 1.0em;
	line-height: 1.4em;
	
}

/* =privacy details block */
#privacydetails {
	clear:  left;
	
	width:  400px;
}


#privacydetails h2 {
	padding:  0 0 .2em 0;
	margin: 0 0 1em 0;
	font-weight: normal;
	font-size: 1.2em;
	color: #70797d;
	background: url("../images/hRule.gif") 100% 100% repeat-x;
}
	
#privacydetails h2 span {
	color: #3db10a;
}

#privacy_bullets dt {
	padding:  0 0 10px 25px;
	background:  url("../images/bullet.gif") 8px 5px no-repeat;
}
#privacy_bullets dt .und {
	text-decoration:underline;
	font-weight:400;
}
	
/* = fullwidthlist */

#fullwidthlist h2 {
	padding:  0 10em .2em 0;
	margin: 0 0 1em 0;
	font-weight: normal;
	font-size: 1.2em;
	color: #70797d;
	background: url("../images/hRule.gif") 100% 100% repeat-x;
}
	
#fullwidthlist h2 span {
	color: #3db10a;
}
	
#fullwidthlist h3 {
	font-size: 1em;
	color: #70797d;
	margin: 0 0 .2em 0;
}


#fullwidthlist dl  {
	margin: 15px 15px 40px 15px;
}

#fullwidthlist dt {
	float:  left;
	width:  100%;
	padding:  0 0 0 25px;
	margin: 0 0 .3em 0;
	background:  url("../images/bullet.gif") 8px 5px no-repeat;
	font-size: 1.2em;
	line-height: 1.4em;
	
}


/* =Screen shot */
#screen {
	float: right;
	width: 290px;
	padding:  0 0 1em 0;
	margin: 0 -10em 1em 1em;
	background: #f4f4f4;
}

#screen img {
	border-bottom: 6px solid #bfbfbf;
	padding: 0;
	margin: 0;
}

#screen p {
	border-top: 2px solid #fff;
	padding: .5em 1em 0 1em;
	margin: -3px 0 0 0;
	font-family: Georgia, Times, serif;	
	font-style: italic;
}

/* =blockquote */
blockquote {
	float: right;
	width: 290px;
	margin: 0 -10em 1em 1em;
	background: #fff url("../images/quoteBG.gif") 0 0 no-repeat;
}

blockquote p {
	margin: 15px 0 5px 25px;
	font-size: 1.2em;
	color: #9b8f7a;
}

blockquote p.source {
	font-family: Georgia, Times, serif;
	color: #3f381a;
}

blockquote p.source span {
	display: block;
	margin-top: -5px;
	font-size: .9em;
}

/* =sidebar and page nav
------------------------------------------*/
#sidebar, #pageNav, #bioNav {
	float:  left;
	width:  270px;
	padding:  8px 0 0 0;
	background:  #f4f4f4 url("../images/sidebarTop.gif") 0 0 no-repeat;
	font-size:  .9em;
}

#sidebar #blogposts{
	margin: 0 0 2em 0;
}

#sidebar #news #intheknow{
	padding:  0 0 10px 0;
	background: url("../images/sidebarBottom.gif") 0 100% no-repeat;
}

#sidebar h3, #sidebar h4, #sidebar h5, #sidebar p {
	margin: 10px 10px;
} 

#sidebar h3 {
	font-weight: normal;
	font-size: 1.2em;
	color: #70797d;
	background: url("../images/hRule.gif") 100% 100% repeat-x;
	margin-bottom: 1em;
	padding: 0 0 2px 0;
}
	
#sidebar h3 span {
	color: #3db10a;
}

#sidebar a#feed{
	display: block;
	float:right;
	margin: 0 10px 0 0;
	width: 17px;
	height: 17px;
	background: url("../images/feedIcon.gif") 0 0 no-repeat;
	font-size: 11px;
	line-height: 17px;
	text-indent: -100em;
}

#sidebar a#feed:link, #sidebar a#feed:visited, #sidebar a#feed:hover, #sidebar a#feed:active {
	border: none;
}
	
#sidebar h4 {
	margin-bottom: 0;
	font-size: 1.2em;
	font-weight: normal;
	color: #70797d;
}

#sidebar #blogposts h5, #sidebar #news h5, .date {
	font-size: .9em;
	font-weight:  normal;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #70797d;
	margin: 5px 10px 0;
	border-bottom:  1px solid #fff;
}
	
#sidebar #blogposts h5 {
	border-bottom: 0;
}
	
#news p, #blogposts div.feedburnerFeedBlock {
	margin-bottom: 1.5em;
	font-size: .9em;
	font-weight:  normal;
	color: #000000;
}
#blogposts div.feedburnerFeedBlock div{
	font-size: .89em;
}

#sidebar .date {
	margin: 10px 10px 10px 0;
}

#pageNav {
	float:  right;
	width: 210px;
	margin: 0 21px 0 0;
	font-size: 1.2em;
}

#pageNav li {
	margin: 0;
}

#pageNav li a, #pageNav li a:link, #pageNav li a:visited, #pageNav li a:active {
	display: block;
	padding: 0;
	margin: 5px 0 5px 10px;
	border: none;
	color: #afaea3;
}

#pageNav li a:hover {
	color: #363636;
	background-color:  transparent;
}

body.who #pageNav li#pageWho a, 
body.news #pageNav li#pageNews a, 
body.careers #pageNav li#pageCareers a,
body.contact #pageNav li#pageContact a,
body.display #pageNav li#pagedisplay a,
body.leadgen #pageNav li#pageleadgen a {
	font-weight: bold;
	color: #3db10a;
	cursor: default;
}
/* =publisher_leadgen.html Product Demo
------------------------------------------*/
#prodDemo {
	float: right;
	margin: 30px 20px 0px 0px;
	width: 210px;
	height: 171x;
	cursor: pointer;
}

#prodDemo a#product_demo {
	display: block;
	background: url("../images/product_demo1.gif") 0 0 no-repeat;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size:13px;
	padding:160px 0px 5px 0px;
	font-weight: bold;
	color: #948781;
}

#prodDemo a#product_demo:link, 
#prodDemo a#product_demo:visited, 
#prodDemo a#product_demo:active {
	border: none;
	text-decoration: none;
}

#prodDemo a#product_demo:hover {
	color: #3db10a;
	}

/* =Management.html
------------------------------------------*/
#bioNav {
	float:  right;
	width: 210px;
	margin: 0 21px 0 0;
	font-size: 13px;
	color: #363636;
	z-index:100;
}
.bioTitle {
	font-size:12px;
	color:#666666;
	padding: 0px 0 0 0;
}

#bioNav li {
	margin: 0;
}

#bioNav li a, #bioNav li a:link, #bioNav li a:visited, #bioNav li a:active {
	color: #363636;
	display: block;
	padding: 0;
	margin: 5px 0 10px 10px;
	border: none;
}
#bioNav li a:hover {
	color: #3DB10A;
	background-color: transparent;
}

/* =Links
------------------------------------------*/
#container a:link, #container a:visited, #container a:active {
	color: #3db10a;
	padding: 1px;
	text-decoration: none;
	border-bottom:  1px dotted;
}

#container a:hover {
	color: #fff;	
	background-color: #3db10a;
	border-bottom:  none;
}



/* =Footer
------------------------------------------*/
#foot {
	clear:  both;
	float: left;
	width: 858px;
	padding:  40px 0 10px 0;
	margin:  30px 21px 10px;
	background: url(../images/footBG.gif) 50% 0 no-repeat;
	font-size: .9em;
	letter-spacing: 1px;
	color: #979381;
	}
	
#foot a:link, #foot a:visited, #foot a:active {
	color: #979381;
	text-decoration: none;
	border: none;
}

#foot a:hover {
	color: #979381;
	background-color: #fff;
	text-decoration: underline;
}

ul#address {
	float:  left;
	padding:  0 0 20px 0;
	width: 190px;
	border-right: 1px solid #bfbfbf;
}

#legal {
	float: left;
	width:  600px;
	margin: 0 0 0 20px;
}

	#legal ul {
		float: left;
		margin: 0 0 10px 0;
	}
	
	#legal ul li{
		float: left;
		border-right: 1px solid;
		padding: 0 6px 0 0;
		margin: 8px 6px 0 0;
	}
	
#legal ul li.last{
		border-right: none;
	}
	
#legal p {
	margin: 0;
	width: 470px;
	}
#iab {
	background: url("../images/iab.jpg") 0 0 no-repeat;
	width: 100px;
	height: 28px;
	cursor:pointer;
	border:1px solid red;
}

#olga {
	background: url("../images/olga_logo.gif") 0 0 no-repeat;
	width: 70px;
	height: 20px;
	cursor:pointer;
	border:1px solid red;
}


#sidebar_advent {
	background: url("../images/sidebar_advent.gif") 0 0 no-repeat;
	width: 120px;
	height: 43px;
	float: right;
	margin: -10px 10px 0px 0;
	cursor:pointer;
	border:0;
	clear:both;
	text-decoration:none;
}

#sidebar_advent a,
#sidebar_advent a:link,
#sidebar_advent a:active,
#sidebar_advent a:visited,
#sidebar_advent a:hover  {
	text-decoration:none;
}

#sidebar_advent:hover {
	text-decoration:none;
}


#sidebar_offerspotlight {
	margin:20px 5px;

}

#sidebar_offerspotlight img {
	float:left;
	clear:both;
	width:100px;
	height:35px;
	margin:0px 5px 20px 0px;
	border:1px solid #817F6D;
	border-bottom:2px solid #817F6D;
	border-right:2px solid #817F6D;
}

#sidebar_offerspotlight h4 {

}

/* =Main Navigation
------------------------------------------*/
ul#main-nav {
	position: absolute;
	top: 0;
	z-index: 40;
	left: 130px;
	font-weight: bold;
	font-size: 1em;
}

ul#main-nav li {
	float: left;
}

ul#main-nav li a {
	display: block;
	border-width: 0;	
	padding: 10px 0 0 0;
	margin: 0 10px 0 10px;
	color: #948781;
	line-height: 36px;
	text-decoration: none;
}

ul#main-nav li a:link, ul#main-nav li a:visited, ul#main-nav li a:active {
	color: #948781;
	border-width: 0;
	text-decoration: none;
}

ul#main-nav li a:hover {
	color: #363636;
	background-color: transparent;
}

/* =active state
----------------*/
body.about ul#main-nav li#nav-company a, 
body.publisher ul#main-nav li#nav-publisher a, 
body.advertiser ul#main-nav li#nav-advertiser a, 
body.technology ul#main-nav li#nav-technology a, 
body.network ul#main-nav li#nav-network a {
	color: #363636;
	background: url("../images/marker.gif") 50% 0 no-repeat;
	border-width: 0;
	text-decoration: none;
	cursor: pointer;
}


/* =Login
------------------------------------------*/
#login {
	position: absolute;
	z-index: 50;
	top: 0px;
	left: 580px;
	width: 280px;
	color: #8a866f;
	font-size: .9em;
	letter-spacing: 1px;
}

#login a, #login a:link, #login a:visited, #login a:hover, #login a:active {
	color: #8a866f;
	text-decoration: underline;
}

#login #loginBody {
	float: left;
	background: #3e371a url("../images/loginBG.gif") 0 0;
	padding: 2px 0 8px 0;
	height: 80px;
}


#login fieldset {
	padding: 0;
	padding: 0;
	margin: 7px 7px 0 7px;
	border: none;
}

#login fieldset p {
	float: left;
	width: 48%;
}

#login fieldset p#pass {
	margin: 0 0 0 5px;
}

#login fieldset input {
	width: 125px;
	border: 1px solid #afaea3;
	margin: 0;
}
	
#login ul {
	clear: both;
	float: left;
	margin: -7px 7px 0 7px;
}

#login ul li {
	float: left;
}

#login ul li.loginBTN {
	margin-left: 70px;
}

#login ul li.loginBTN a{
	display: block;
	width: 52px;
	height: 17px;
	background: url("../images/btn_login.gif") 0 0 no-repeat;
	overflow: hidden;
	text-indent: -100em;
}

p#loginTab {
		float: right;
		width: 140px;
		height: 25px;
		font-size: 11px;
		background:  url("../images/clientTab.png") 0 0 no-repeat;
		text-indent: -100em;
		overflow: hidden;
}

p#loginTab a {
	display: block;

}
/* -----------Feedburner Fix----------*/
#creditfooter {
display: none;
}

/* ----------- Overlay for News.html & Career.html ----------*/
#overlay_div, #overlay_div2, #overlay_div3, #overlay_div4 {
	position:absolute;
	z-index: 500;
	background: url("../images/overlay.png") repeat;
	display:none;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 100%;
}

#overlay_content {
	position:absolute;
	z-index: 501;
	background:#FFF url("../images/overlay2.png") repeat;
	height:350px;
	width:450px;
	border:2px solid #3db10a;
	left:18%;
	top:23.5%;
	padding: 25px 0 0 0;
}
#overlay_content_career {
	position:absolute;
	z-index: 501;
	background:#FFF url("../images/overlay2.png") repeat;
	width:850px;
	border:2px solid #3db10a;
	left:100px;
	top:60px;
	padding: 8px;
}

#close_button {
	font: .85em Arial, Verdana, sans-serif;
	color: #3db10a;
}

#close_button:hover {
	text-decoration: none;
}

/* For the Publisher Referral Page /referral/index.html */
#referral_quote {
	float: right;
	width: 290px;
	height: 200px;
	padding:  0 0 1em 0;
	margin: 0 -10em 1em 1em;
	background: #fff url("../images/fullquote.gif") 0 0 no-repeat;

}

#referral_quote p {
	width: 260px;
	border-top: 2px solid #fff;
	padding: .5em 1em 0 1em;
	margin: -3px 0 0 0;
	font-family: Georgia, Times, serif;	
	font-style: italic;
}