/* CSS for  */

* {
	margin: 0;
	padding: 0;
}
body {
	text-align: center;
	color: #666666;
  font: 62.5% Arial, Helvetica, sans-serif;
	background: /* url('/images/bg-body.gif') top repeat-x */#FFFFFF;
}


/* Global Styles */

a, a:link { color: #e07716; text-decoration: underline; }
a:hover { color: #e07716; text-decoration: none; }
a.broken, a.highlight { color: #FFFFFF; background: #B60016; } /* Use this class on links that are broken during site development */
a { outline:none;}
tr { line-height:normal;}

a.button {
	display: block;
	width: 91px;
	height: 30px;
	color: #FFFFFF;
	text-align: center;
	font-weight: bold;
	background-position: top left;
	background-repeat: no-repeat;
	text-decoration: none;
}
a.button span { display: block; padding: 4px 0 0 0; }
a.button.blue { background: url('/images/button-blue.png'); }
a.button.green { background: url('/images/button-green.png'); }
a.button.orange { background: url('/images/button-orange.png'); }

a.button.blue:hover { background: url('/images/button-blue-hover.png'); }
a.button.green:hover { background: url('/images/button-green-hover.png'); }
a.button.orange:hover { background: url('/images/button-orange-hover.png'); }
a.button:hover { color: #FFFFFF; }

.solutions-buttons { float: left; padding: 0 0 15px 0; margin: 0 0 0 -5px; font-size: 1em; }
.solutions-buttons a.solutions-button {
	display: block;
	padding: 1px;
	margin: 0 2px;
	float: left;
	border: 1px solid #CCCCCC;
	text-decoration: none;
	background: #FFFFFF;
	color: #FFFFFF;
	font-weight: bold;
}
.solutions-buttons a.solutions-button span { 
	display: block;
	padding: 3px 7px;
}
.solutions-buttons a.solutions-button.blue span { background: #7489a8; }
.solutions-buttons a.solutions-button.green span { background: #9ac43c; }
.solutions-buttons a.solutions-button.orange span { background: #f8991d; }

.solutions-buttons a.solutions-button.blue:hover span { background: #aab4c8; }
.solutions-buttons a.solutions-button.green:hover span { background: #cde19b; }
.solutions-buttons a.solutions-button.orange:hover span { background: #fbc987; }

h1 {
	width: 924px;
	height: 80px;
	color: #FFFFFF;
	margin: auto auto;
	line-height: 1.2em;
}
h1 span {
	display: block;
	margin:0 auto;
	font-weight:normal;
	font-size: 1.2em;
	padding: 40px 24px 0px 24px;
}

#main-col h1 {
	color: #231f20;
	font-size: 1.9em;
	margin: 0;
	padding: 0 0 15px 0;
	font-weight: normal;
	background: none;
	width: auto;
}

h2 {
	color: #231f20;
	font-size: 1.6em;
	padding: 0 0 10px 0;
	font-weight: normal;
}
#main-col h2 {
	color: #231f20;
	font-size: 1.4em;
	margin: 0 0 20px 0;
	padding: 0px 0 10px 0;
	font-weight: normal;
	border-bottom: 1px solid #8d9c95;
	line-height:1.2em;
}
.home-content #main-col h2 {
	border: 0;
	font-size: 1.4em;
	font-weight: normal;
        margin: 0 0 0 0;
        padding: 0px 0 10px 0;
	}

h3 {
	color: #333;
	font-size: 1.3em;
	margin: 0;
	line-height: 1;
	padding: 10px 0 20px 0;
}

table { border-collapse: collapse; } /* Removes all padding and spacing from table cells */
input, select, option, textarea { padding: 2px; }
ul, ol { margin: 0px 0 15px 30px; color: gray; }
li { margin: 0 0 5px 0; }

#main-col ul li { padding:5px 0;}
#main-col ul { padding:0;}


p { margin: 0; padding: 0 0 15px 0; }
hr { margin: 0 0 15px 0; padding: 0; border: 0; border-bottom: 1px solid #8d9c95; }
object, embed { border: 0; outline: none; }

.l, .left { float: left; }
.r, .right { float: right; }
.clear { clear: both; }
.clear-l { clear: left; }
.clear-r { clear: right; }

.b, .bold { font-weight: bold; }
.u, .underline { text-decoration: underline; }
.i, .italic { font-style: italic; }
.small { font-size: .79em; } /* IE has trouble recognizing intervals of .1 so we use .11 to make it happy */
.large { font-size: 1.1em; }
.x-large { font-size: 1.4em; line-height: 1.6em; }
.t-c, .text-center { text-align: center; }
.t-r, .text-right { text-align: right; }
.t-l, .text-left { text-align: left; }

img { border: 0; }
img.l, img.left { margin: 0 10px 10px 0; }
img.r, img.right { margin: 0 0 10px 10px; }

.email_confirm, .hide, .hideme { display: none; }


/* Site Colors */

.black { color: #000000; }
.gray, .grey { color: #666666; }
.white { color: #FFFFFF; }
.red { color: #ed1c24; }

.green { color: #789b2b; }
.light-green { color: #cde19b; }
.blue { color: #5e7290; }
.blue-txt { color: #5e7290;}
.light-blue { color: #aab4c8; }
.orange { color: #e07716; }
.light-orange { color: #fbc987; }

/* Navigation */

#nav-mini { font-size: 1.1em; float: right; padding: 0px; }
#nav-mini a {text-decoration:none; color: black;}
#nav-mini a:hover {text-decoration:underline;}
#nav-mini img {position:relative; }
#nav-mini ul li {
	display: block;
	float:left;
	padding: 2px 8px 8px 8px;
	margin-left:2px;
	color: black;
	background:orange;
	border-bottom-left-radius:5px;
	border-bottom-right-radius:5px;
}

/* Based on Son of Suckerfish: http://www.htmldog.com/articles/suckerfish/dropdowns */

#nav {
	text-align: right;
	clear: both;
	float: right;
	padding: 4px 20px 0 0;
}
#nav a:hover { display:block;}

#nav ul { /* Begin First Level Lists */
	margin: 0;
	padding: 0;
  	line-height: 1;
	list-style: none;
}
#nav ul li { /* All List Items */
	float: left;
	margin: 0;
	padding: 0 4px;
	width: auto; /* width needed or else Opera goes nuts */
	line-height:normal;
	display:block;
}
#nav ul li a {
	display: block;
	margin: 0 3px;
	padding: 10px 10px 10px 10px;
	color: #5a6862;
	/*font-size: 1.8em;*/
	font-size: 13px; /*fixed works */
	font-weight:bold;
	text-align: center;
	text-decoration: none;
	line-height:12px;

}

#nav ul li a:hover { color: #f8991d; display:block;}


/* Hidden in the main nav */
#nav ul li.home,
#nav ul li.news,
#nav ul li.careers,
#nav ul li.privacy-policy { display: none; } 


#nav ul li ul { /* Begin Second Level Lists */
	position: absolute;
	background: #FFFFFF;
	width: 170px;
	margin: 0 0 0 3px;
	padding: 0;
	left: -999em;
	/*border: 1px solid #f8991d;*/
	border-bottom: 0;
}
#nav ul li.solutions ul { z-index: 925; }
#nav ul li.services ul { z-index: 915; }
#nav ul li.technology ul { z-index: 905; }
#nav ul li.about-us ul { z-index: 895; }

#nav ul li ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#nav ul li ul li a {
	display: block;
	margin: 0;
	padding: 9px 10px;
	/*font-size: 1.4em;*/
	font-size: 11px;
	font-weight:normal;
	width: 110px; /* In Firefox, width = width - left/right padding */
	background:#fff;
	border-bottom: 1px solid #ccc;
	border-right: 0;
	text-align: left;
}

#nav ul li.home ul li a,
#nav ul li.solutions ul li a
#nav ul li.services ul li a,
#nav ul li.technology ul li a,
#nav ul li.about-us ul li a,
#nav ul li.login-support ul li a,
#nav ul li.news ul li a { width: 150px; }

#nav ul li ul li a:hover { color: #FFFFFF; /*background: url('/images/bg-nav-a-hover.gif') top repeat-x #f89a20;*/ background: #eb8c11; }
#nav ul li { background:url(/images/bullet-tabs.gif) no-repeat 7px 14px; }
.solutions a:hover, .services a:hover, .technology a:hover, .about-us a:hover { 
background:#f2f2f2; background: url(/images/bg-tabs.gif) repeat-x left 0;}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul { /* lists nested under hovered list items */left: -999em;}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {left: auto;}

/* Layout */

#wrap {
	width: 100%;
	margin: 0 auto;
	text-align: center;
}
#text-fix { text-align: left; }

#header {
	margin: 0 auto;
	width: 900px;
	height: 70px;
	text-align: left;
 /* position: absolute;*/
	z-index: 999;
	/*background: url('/images/bg-header.png') top left no-repeat;*/
}
.home-header,
.interior-header { margin: 0 0 -101px 0; /* Opted for negative margin rather than absolute positioned so the dropdowns work in IE6 with the PNG fix. */ }

#headline { margin: 0 auto; width: 100%; background: url('/images/bg-tile.jpg') top left repeat-x ; }
#top-nav { float: right; }

#logo {	padding: 8px 0 0 28px; }
#flash { width: 923px; }

#home-banner-container {
	background: url('/images/bg-tile.jpg') bottom left repeat;
}

#home-banner {
  margin: 0 auto;
  padding: 0 auto; 
  width: 100%; 
  height: auto; 
  overflow: hidden;
  background: url('/images/bg-tile.jpg') bottom left repeat;
}

#b1,#b2,#b3 {margin:0 auto;}
#b1,#b2,#b3 a {color:white;}

#banner-button a {color:white; text-decoration:none;}

#banner {
	margin: 0 auto;
	padding: 0px 0 0 0px;
	height: 0px;
	text-align: left;
	color: #FFFFFF;
	font-size: 1.8em;
}
#banner p { 
	margin: 0; 
	padding: 50px 0 0 60px;
	width: 360px;
	line-height: 1.8em; 
}


/*#banner .ad-ops-banner { height: 208px; background: url('/images/banners/services.jpg') top left no-repeat; }*/
/*#banner .custom-development-banner { height: 208px; background: url('/images/banners/services.jpg') top left no-repeat; }*/

#banner .services-banner { margin: 0 auto; height: 208px; background: url('/images/banners/services.jpg') top left no-repeat; }
#banner .technology-banner { margin: 0 auto; height: 208px; background: url('/images/banners/technology.jpg') top left no-repeat; }
#banner .about-banner {margin: 0 auto; height: 208px; background: url('/images/banners/about.jpg') top left no-repeat; }
/*#banner .solutions-banner { height: 208px; background: url('/images/banners/solutions.jpg') top left no-repeat; }*/


#banner .marketers-banner { margin: 0 auto; height: 208px; background: url('/images/banners/marketers.jpg') top left no-repeat; }
#banner .publishers-banner {margin: 0 auto; height: 208px; background: url('/images/banners/publishers.jpg') top left no-repeat; }
#banner .networks-banner {margin: 0 auto; height: 208px; background: url('/images/banners/networks.jpg') top left no-repeat; }

/*#banner .careers-banner { height: 208px; background: url('/images/banners/careers.jpg') top left no-repeat; }*/
/*#banner .corporation-banner { height: 208px; background: url('/images/banners/corporation.jpg') top left no-repeat; }*/
/*#banner .news-banner { height: 208px; background: url('/images/banners/news.jpg') top left no-repeat; }*/
/*#banner .partners-banner { height: 208px; background: url('/images/banners/partners.jpg') top left no-repeat; }*/

/*#banner .contact-banner { height: 208px; background: url('/images/banners/contact.jpg') top left no-repeat; }*/


/*#banner .aup-banner { height: 208px; background: url('/images/banners/about.jpg') top left no-repeat; }*/
/*#banner .privacy-policy-banner { height: 208px; background: url('/images/banners/about.jpg') top left no-repeat; }*/

#banner .ad-ops-banner,
#banner .advertisers-banner,
#banner .careers-banner,
#banner .corporation-banner,
#banner .custom-development-banner,
#banner .networks-banner,
#banner .news-banner,
#banner .partners-banner,
#banner .publishers-banner,
#banner .services-banner,
#banner .solutions-banner,
#banner .contact-banner,
#banner .technology-banner,
#banner .about-banner,
#banner .marketers-banner,
#banner .aup {
	margin: 0 auto;
	width: 922px;
	border-right: 1px solid #FEBF70;
	border-left: 1px solid #FEBF70; 
}

#clients {
	margin: 0 auto;
	padding:0 0 14px 0px;
	width:920px;
	background: white;
	border-bottom: 1px gray solid;
	background-image: -webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.26, rgb(255,255,255)),
    color-stop(0.95, rgb(0,0,0))
);background-image: -moz-linear-gradient(
    center bottom,
    rgb(255,255,255) 26%,
    rgb(0,0,0) 95%
);}
#clients img {padding-left:0px; }

#keywords {width:920px; text-align:center; background: white;}

#content-top { 
	width: 971px; 
}

#home-boxes {
	width: 923px;
	margin: 0 0 0 24px;
	text-align: left;
	color: #FFFFFF;
	font-size: 1.2em;
	line-height: 1.4em;
	background: url('/images/bg-home-boxes.jpg') center no-repeat #000000; 
}

#home-boxes .home-box-control { 
	display: block;
	padding: 20px 0;
	text-decoration: none;
	color: #FFFFFF;
	float: left;
	line-height: 1.3em;
}
#home-boxes #box-publisher { width: 307px; margin-right: 2px; }
#home-boxes #box-advertisers { width: 306px; margin-right: 2px; }
#home-boxes #box-networks { width: 306px; }

#home-boxes .active,
#home-boxes .home-box-control:hover { background: #000000; cursor: pointer; }
#home-boxes strong { 
	display: block;
	background-position: 0px 1px; 
	background-repeat: no-repeat;
  margin: 0 0 0 23px;
  padding: 3px 0 10px 23px;
	font-size: 1.4em;
	font-weight: normal;
}
#home-boxes strong.light-blue { background-image: url('/images/bullet-blue-large.png'); }
#home-boxes strong.light-green { background-image: url('/images/bullet-green-large.png'); }
#home-boxes strong.light-orange { background-image: url('/images/bullet-orange-large.png'); }

#home-boxes .text { display: block; margin: 0; padding: 0 23px 0 23px; }
#home-boxes a { text-decoration:none;}

#content {
	margin: 0 auto;
	margin-bottom: 70px;
	width: 963px;
	clear: both;
	text-align: left; 
	font-size: 1.1em;
	line-height: 1.8em;
}	
.home-content { padding-bottom: 0px; }
#left-col { 
	float: left;
	width: 205px;
	margin: 0 0 0 24px;
	background: #FFFFFF; 
	font-size: 1.2em;
}
#left-col .padding {  }
#left-col ul {
	margin: 0;
	padding: 0;
	line-height: 1.4em;
	list-style-type: none;
}
#left-col ul li {
	margin: 0;
	padding: 0;
  float: left;
  width: 205px;
}
#left-col ul li a {
	display: block;
	margin: 0;
	padding: 8px 8px 8px 22px;
	border-bottom: 1px solid #E9EAEB;
	text-decoration: none;
	background: url('/images/bg-left-nav.gif') right repeat-y #F9FAFB;
	font-size:12px; 
}
#left-col ul li.active a { background: #FFFFFF; font-weight: bold; }

#left-col ul li a:hover { text-decoration: none; background: none #E9EAEB; }
#left-col ul li ul li a,
#left-col ul li.active ul li a { 
	background: url('/images/bg-left-nav.gif') right repeat-y #F9FAFB; 
	/*padding: 8px 8px 8px 22px; */
	padding: 8px 8px 8px 18px; 
	font-weight: normal; 
	text-transform: none; 
}
#left-col ul li ul li a:hover { background: none #E9EAEB; }
#left-col ul li ul li.active a { background: none #FFFFFF; font-weight: bold; }
ul li.solutions a { display:none;}
#left-col .top-level { display: none; }

#nav ul ul ul { display: none; }
#left-col ul ul ul { display: none; }
#left-col ul ul ul.third-level { display: block; }
#left-col ul ul ul li { /*margin-bottom:2px;*/ margin-top:-10px; display:inline; border-bottom:solid 1px #E9EAEB;  }
#left-col ul ul ul li a { font-size:11px; color:#9AC43C; border-bottom:0; border-top:1px solid #FFF; margin-top:-1px; text-decoration:underline;}
#left-col ul ul ul li a:hover { text-decoration:none;}

#main-col { 
	float: left;
	margin: 0 0 0 24px;
	background: #FFFFFF; 
	font-size: 1.1em;
}
.main-col-home { width: 460px; padding-right:50px; }
.main-col-interior { width: 520px; background:red;}

.main-col-home .padding { padding: 18px 18px 0 20px; }
.main-col-interior .padding { padding: 18px 18px 0 0; }
.interior-content { padding-bottom: 20px;}

#right-col-home { width:320px; min-height: 230px; }
#right-col { width:174px;}
#right-col-home, #right-col {  float: left; margin: 0; background: url('') top left no-repeat ; background-size: 100%;
 }
#right-col-home, #right-col .padding { padding: 18px 0px 0 0px; }

#right-col-home-c2action ul {position:relative;left:40px;}
#right-col-home-c2action li {margin:0;padding:0;list-style:none;}
#right-col-home-c2action li, #right-col-home-c2action a {text-decoration: none; color:#000;height:77px; display:block;}
#c2action {width:334px;height:77px;font-size:1.7em;color:#666666;}
#c2action {background: url('/images/home/bg_home_btn_white.png') 0 0px;}
#c2action a:hover {background: url('/images/home/bg_home_btn_orange.png');color:black;}
#c2action p {margin:4px 0 0 12px;font-size: .75em;color:#666666;}

.pkgbtn a {color: black;}

#footer {
	position:fixed; z-index:1001; bottom:0px;
	margin: 0 auto;
	clear: both;
	width: 100%;
	text-align: right;
	padding: 4px 0 0 0;
	font-size: 1em;
	color: #231f20;
}

#footer a {color:white;}

.footer-home { background:/* url('/images/bg-footer-home.gif') top left no-repeat*/ #FFFFFF; }
.footer-interior { background: /* url('/images/bg-footer.gif') top left no-repeat */#FFFFFF; }

#copyright { clear: both; padding: 0 0 15px 42px; }

#footer ul {
	float: right;
	list-style: none;
	margin: 0;
	padding: 5px 0 8px 42px;
	font-weight: bold;
	line-height: 1;
	font-size: 1.1em;
}
#footer ul li { float: left; padding: 0; margin: 0; }
#footer ul li a { 
	padding: 0 5px 0 0; 
	margin: 0 5px 0 0; 
	color: #231f20;
	text-decoration: none;	
	border-right: 1px solid #231f20; 
}
#footer ul li.privacy-policy a { border: 0; }
#footer ul li.last-item a { border: 0; }
#footer ul li a:hover { text-decoration: underline; }
#footer ul ul { display: none; }

a.bwm { color: #231f20; text-decoration: none; }
a.bwm:hover { color: #3f8aca; text-decoration: underline; } /* Blue Water blue for hover */


/* Random Styles */

.bar { 
	height: 30px;
	margin: 0 0 15px 0;
	background: url('/images/tile-bars.gif') top left repeat-x;
}

.main-col-home  ul {
	margin: 0px 10px 0px 0px;
	padding: 0;
	font-size: 1.1em;
	list-style-type: none;
	}
.main-col-home ul li {
	margin: 0;
	padding: 0 0 10px 16px;
	background: url('/images/bullet-orange.gif') 0px 4px no-repeat;
	line-height: 1.2em;
	}

#right-col-home #ad-tech { margin-top: -18px; }
/*#right-col .bar { width: 290px; margin-left: -10px; } */
#right-col-home #recent-news ul {
	margin: 5px 10px 10px 0px;
	padding: 0;
	font-size: 1.1em;
	list-style-type: none;
	}
#right-col-home #recent-news ul li {
	margin: 0;
	padding: 0 0 10px 16px;
	background: url('/images/bullet-green.gif') 0px 4px no-repeat;
	line-height: 1.4em;
	}
#right-col-home #upcoming-events ul {
	margin: 0px 10px 0 0px;
	padding: 0;
	font-size: 1.1em;
	list-style-type: none;
	}
#right-col-home #upcoming-events ul li {
	margin: 0;
	padding: 0 0 10px 16px;
	background: url('/images/bullet-orange.gif') 0px 4px no-repeat;
	line-height: 1.4em;
	}
.main-col-home #recent-events ul li {
        margin: 0;
        padding: 0 0 10px 16px;
        background: url('/images/bullet-orange.gif') 0px 4px no-repeat;
        line-height: 1.4em;
        }
#features { width: 330px; }
.feature {
	float: left;
	width: 165px;
	margin: 0 0 15px 0;
	line-height: normal;
}
.feature img {
	float: left;
	margin: 0 10px 0 15px;
}

ul.bullet {	list-style: none; }
ul.bullet li { background-position: 0px 5px; background-repeat: no-repeat; padding-left: 15px; }
ul.bullet.blue li { background-image: url('/images/bullet-blue.gif'); }
ul.bullet.orange li { background-image: url('/images/bullet-orange.gif'); }
ul.bullet.green li { background-image: url('/images/bullet-green.gif'); }

#recent-news .date { color: black /*#9ac43c*/; margin-right: .5em; }
#recent-news ul {margin: 0px;}
#recent-news ul li { padding: 0 0 10px 16px; color: gray;}
#recent-news .link { margin-left: .5em;}

#content-news ul{ margin: 0; padding: 0 0 0 0; }
#content-news ul li { margin: 0; padding: 0 0 20px 0; background: none; }

#content-news .date { display: block; font-size: 1.2em; }
#content-news .text { color: #666666; }
#content-news .link { display: block; font-size: .89em; }

#timelimne { text-align: left; }
#timeline dt { clear: both; float: left; width: 60px; padding: 0 0 15px 0; line-height: normal; }
#timeline dd { width: 200px; margin-left: 65px; line-height: normal; padding: 0 0 15px 0; }


#email-form { line-height:16px; font-size:11px;}
#email-form input.text, #email-form textarea.text, .box { border: 1px solid #b0bdce; color: #425a7d; font-family: Arial, Helvetica, sans-serif; font-size:12px;  }
#email-form input.text, #email-form textarea, .box  { line-height:20px; margin-top:5px}
#email-form input.text 	{ width:140px;}
#email-form textarea 	{ width:380px; height:100px;}
.box { width:146px;}



#email-form input.submit { background:url('/images/button-orange.gif') top left no-repeat; color: #FFFFFF; border: 0; width: 91px; height: 30px; font-weight: bold; }

.lists { float:left; width:240px;}
.lists p { padding:10px 0 6px 15px; font-size:1.2em; font-weight:bold; line-height:26px; color:#9AC43C; background:url(/images/bullet-green.gif) no-repeat scroll 0 18px; }
.pad-l { padding-left:13px;}

#main-col .lists ul { line-height:normal;}
#main-col .lists ul li { padding:0; margin:0; line-height:19px; font-size:12px; }

#main-col .lists-short li { padding:0; line-height:1.5em;}
.bio { float:left; width:500px; padding: 0 0 30px 0;}
.partners { padding-bottom:20px ;}
.partners img { border:solid 1px #cfcfcf; margin:3px;}
#captcha { vertical-align: top; margin-right: 10px;}

