/****************************************
CSS Screen Media Document
*****************************************/

/************************
Fonts =)
************************/
@font-face {
	font-family: Avenir;
	src: url('/includes/fonts/AvenirLTStd-Roman.otf');
}

/* A font by Jos Buivenga (exljbris) -> www.exljbris.nl */
@font-face {
	font-family: Delicious;
	src: url('/includes/fonts/Delicious-Roman.otf');
}

@font-face {
	font-family: Delicious;
	font-weight: bold;
	src: url('/includes/fonts/Delicious-Bold.otf');
}

h1, h2, h3, h4, h5 {
	font-family: Avenir, Delicious, Tahoma, Verdana, Arial, Helvetica, sans-serif;
}

/************************
Initialize
************************/
a:active { outline: none; }
a:focus { -moz-outline-style: none; }
* {padding:0;margin:0;}
img {border:0;padding:0;margin:0;}
p {padding:6px 0;}
h1 {position:relative; font-size:16px; font-weight:bold;}
h2 {position:relative; font-size:14px; font-weight:bold;color:#1D4B79;}
h2.subheading {padding-bottom:8px;}
h3 {position:relative; font-size:12px; font-weight:bold; margin-top: 8px;}
h4 {position:relative; font-size:10px; font-weight:bold;}
h5 {position:relative; font-size:10px;}
td { vertical-align: top; }
ol {margin-left:20px;}
ol li {display:list-item;list-style-type:decimal;padding:2px 0;}
ol li li {list-style-type:lower-alpha;}
#navI{
	letter-spacing: 1px;
}
select,form,input,textarea {font-size:1em; font-family: Verdana, Arial, Helvetica, sans-serif;}
sup {font-size:8px;}
.info a:link, .info a:visited { color: #4db4c0; }
a, a:link, a:visited, a:active { color:#4db4c0; text-decoration:none; }
a:hover, .info a:hover {color:#FF6600;text-decoration:underline;}
a._blank { padding-right:1.1em; background:url(/images/common/outboundLink.gif) right no-repeat; }
a._blank:hover {background:url(/images/common/outboundLink_over.gif) right no-repeat;}
.listImage li, .listImage dd { display:list-item; margin: 0 0 0 13px; list-style-image:url(/images/common/listImage_pnav.gif); }
.wti { -moz-outline:none; outline:none;text-indent:-999em;}/*WithTextIndent*/
/*.cf {overflow:hidden; zoom:1;}*//*ClearFix*/
ul.error, ul.errors { color: #ff0000; font-weight: bold; padding:5px;margin:5px 0;border:1px solid red;}
.hr {height:0;font-size:0;padding:0 0 10px 0;margin:0;border-top:1px solid #999;width:100%;}
ul.imenu li { display: inline; }/*inlineMenu*/
ul.flymenu {position:absolute;left:-999em;}
li:hover ul.flymenu, li.hover ul.flymenu {left:0;z-index:5000;}
ul.flymenu li {display:block;}

ul.floatmenu { position:relative;}
ul.floatmenu li { position:relative;float:left;display:block;margin:auto;}
ul.floatmenu li a { position:relative;display:block;margin:auto;}

fieldset {position:relative;display:block;padding:3px;}
legend {font-weight:bold;}
.label_hidden {display:none;}

/* IEMAC DISCLAIMER */
#iemac_warning {
	display:absolute;
	width:500px;
	border:2px solid red;
	background:#fff;
	margin:30px auto 0 auto;
	padding:20px;
	font-size:12px;
}
/* ROUNDED CORNERS
based on the method found here:
http://www.bestinclass.com/blog/2008/css3-border-radius-rounded-corners-ie/
see also /includes/styles/ie7plus.css
find psd in /../psd/rounded_corners.psd
added a js element to this method so also see includes/js/local.js
*/
.rounded_1 {
  padding:20px;
  /* Rounded corner stuff starts here */
  background-color: #fafafa;
  -webkit-border-radius: 6px;    /* for Safari */
  -moz-border-radius: 6px;       /* for Firefox */
}

/* CLEAR FIX*/
.clearfix:after {content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/*************************************************
*****************  Main Template *****************
**************************************************/
body {
	background:#FFF url(/images/common/site-background.gif) no-repeat top center;
	font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
  font-size:12px;
  font-style: normal;
  font-weight: normal;
  color:#444;
	position:relative;
	min-height:100%;
}
body.sub-page {
	background-position:center -35px;
}
body p {
	line-height:140%;
}
#content {
	position:relative;
	width:1000px;
	margin:0 auto;
}
#header {
	position:relative;
	width:1040px;
	height:auto !important;
}
.home #flashpiece { margin-top: -30px; margin-bottom: 30px;}
.company #flashpiece {  margin: 0; padding: 0; margin-top: -40px; margin-bottom: -10px;}
.service #flashpiece { margin-bottom: -10px;}
.new-way #flashpiece { margin: 0; padding: 0; margin-top: -50px; }
.media-companies #flashpiece { margin: 0; padding: 0; margin-top: -80px; margin-bottom: 30px;}
.ad-agencies #flashpiece { margin-left: -35px; }
.media-companies #flashpiece object img { padding-top: 45px; }
.new-way #flashpiece object img { padding-top: 50px; }
.ad-agencies #flashpiece object img { padding-top: 30px; }
#flashpiece {
	position:relative;
	width:500px;
	height:350px;
	margin-top: -65px;
	margin-bottom: 5px;
}
#flashalt {
	height:350px;
	width: 1376px;
	display: none;
}
#footer {
  position:relative;
	height:100px;
  width:100%;
	text-align:center;
	bottom:0;
	padding-top: 20px;
	clear:both;
}
.home #content {
  background-position: center 105px;
}
#homepage {
	position:relative;
  background-position: center 0px;
  height:350px;
	width:1376px;
	margin-left:-188px;
	margin-top:-20px;
	text-align: center;
}
body.home #homepage img {
	margin-top:-40px;
	margin-left: 170px;
}
#flashpiece img {
	margin-left: auto;
	margin-right: auto;
	display:block;
}
.company #flashpiece img {
	margin-top:-40px;
}
.company #content {
	background-position: center 65px;
}
.company #content h2 {
	padding-top:10px;
}
.company #content p a {
	color:#F15A29;
	font-weight:600;
	padding-right:4px;
	text-decoration:none;
}
.orange {
	color:#F15A29;
}
.company #content p cite {
	display:block;
}
.company #content img.faqs {
	padding-top:10px;
	padding-left:2px;
}
.story p, .press p, .board p, .company-main p, .faqs p {
	width:550px;
}
.story #content p a {
	color:#1D4B79;
	font-weight:100;
}
.company #content div.bod h1 {
	padding-bottom:0;
}
.company #content div.bod h2 {
	color:#F15A29;
	padding-top:10;
	padding-bottom:12px;
}
.company #content div.bod div span {
	display:block;
	font-weight:600;
	padding-top:10px;
}
.faqs #content div.faq h2 {
	color:#F15A29;
}
.service #content {
	background:url(/images/service/header-service-bg.png) no-repeat top center;
  background-position: center 85px;
}
.ad-agencies #content {
  background-position: center 85px;
}
.ad-agencies #flashpiece img {
	padding-left: 100px;
}
.media-companies #content {
  background-position: center 85px;
}
.media-companies #flashpiece img {
	padding-left: 25px;
}
.new-way #content {
  background-position: center 95px;
}
#header a#logo {
  display:block;
  position:absolute;
  width:291px;
  height:83px;
  top:15px;
  left:20px;
  background-image:url(/images/common/logo.gif);
  background-position:0 0;
  background-repeat:no-repeat;
  background-color:transparent;
}
ul#navI {
	position:relative;
	width:590px;
	left:450px;
	height:60px;
	list-style:none;
	margin:0;
	padding-top:25px;
	padding-bottom:30px;
	text-align:center;
}
ul#navI li {
  display:inline;
	padding:20px 4px 20px 10px;
	background-image:url(/images/common/nav-divider.jpg);
  background-repeat:no-repeat;
	background-position:left;
}
ul#navI li a {
  font-size:11px;
  font-weight:normal;
  color:#E5E5E5;
}
ul#navI li a:active, ul#navI li a:hover, ul#navI li.on a {
	color:#636167;
	text-decoration:none;
}
#contentwrap {
  position:relative;
  padding:0 20px 0 20px;
  min-height:475px;
  height:auto !important;
	height:475px;
}
.home #contentwrap {
  position:relative;
  padding:10px 65px 0 65px;
  margin-top: -30px;
  min-height:350px;
  height:auto !important;
  height:350px;
}
.media-companies #contentwrap {
	padding-top: 0px;
}
#contentwrap #home-inner {
	font-size:16px;
  font-weight:600;
	text-align:center;
	color:#4B4B4B;
}
#contentwrap #home-inner p.main-text  a {
	font-size:20px;
	font-weight:200;
	color:#AEBF3B;
	text-transform:uppercase;
	text-decoration:none;
}
#contentwrap #home-inner p.main-text {
	margin-bottom:6px;
}
#contentwrap #home-inner #inner-left {
	position:relative;
	float:left;
	/* background:url(/images/common/ads/new-iphone-app.gif) no-repeat top left; */
	width:284px;
}
#contentwrap #home-inner #inner-right {
	position:relative;
	float:right;
  background:url(/images/home-ad_pure-digital.gif) no-repeat top left;
	width:570px;
  height:205px;
}
#contentwrap .sub-page-inner {
	padding:0 20px 0 20px;
}
.sub-page #inner-left {
	position:relative;
	float:left;
	width:570px;
	padding-bottom: 50px;
}
.sub-page #inner-left h1 {
	font-size:27px;
	font-weight:normal;
	color:#4DB5C1;
	margin-bottom: 10px;
	width: 580px;
}

.sub-page #inner-left h1 a {
	font-size:27px;
	font-weight:normal;
	color:#039;
	margin-bottom: 10px;
	width: 580px;
}
.ad-agencies #inner-left div.more, .media-companies #inner-left div.more {
	width:570px;
}
.sub-page .news {
	margin-top: 6.5em;
  position:relative;
  float:right;
  background:url(/images/news/latest-news-globe-bg_tmp.gif) no-repeat top left;
  width:284px;
  min-height:216px;
}
.sub-page .see-how {
  margin-top: 0;
  position:relative;
  float:right;
  width:284px;
  min-height:216px;
}
.see-how p#quote {
  font-size:14px;
  font-style:italic;
  font-weight:500;
  line-height:24px;
  text-indent:-6px;
  color:#F15A29;
  padding:10px 5px 20px 5px;
}
.see-how p#citation {
  font-size:11px;
  font-style:normal;
  font-weight:500;
  line-height:14px;
  color:#636167;
  padding:0px 5px 20px 5px;
}
.sub-page .media-ad {
  margin-top: 0;
  position:relative;
  float:right;
  width:284px;
  min-height:216px;
}
.media-companies p#quote {
  font-size:14px;
  font-style:italic;
  font-weight:500;
  line-height:24px;
  text-indent:-6px;
  color:#F15A29;
  padding:15px 5px 20px 5px;
}
.media-companies p#citation {
  font-size:11px;
  font-style:normal;
  font-weight:500;
  line-height:14px;
  color:#636167;
  padding:0px 5px 20px 5px;
}
.sub-page .iphone {
  margin-top: 4em;
  position:relative;
  float:right;
  background:url(/images/common/ads/new-iphone-app.gif) no-repeat top left;
  width:284px;
  min-height:216px;
}
.iphone p#quote {
  font-size:14px;
  font-style:italic;
  font-weight:500;
  line-height:24px;
  text-indent:-6px;
  color:#F15A29;
  padding:100px 5px 20px 5px;
}
.iphone p#citation {
  font-size:11px;
  font-style:normal;
  font-weight:500;
  line-height:14px;
  color:#636167;
  padding:0px 5px 20px 5px;
}
.sub-page .services {
  margin-top: 0;
  position:relative;
  float:right;
  background:url(/images/common/ads/contact-us.gif) no-repeat top left;
  width:284px;
  min-height:216px;
}
.company div.contact-us {
	float:right;
}
.company div.contact-us h2 {
	color:#79AB45;
	width:200px;
}
.service p, .contact p {
	width:550px;
}
.service h2, .contact h2 {
	padding-top:15px;
}
.sub-page .company-menu {
  margin-top: 0;
  position:relative;
  float:right;
  width:284px;
  min-height:216px;
	text-align:center;
	color:#FFF;
}
.company-menu table {
	background:url(/images/common/menu-bg.gif) no-repeat top left;
	width:284px;
	height:119px;
	font-size:16px;
	margin-left:2px;
}
.company-menu table th {
	height:50px;
	font-size:18px;
	letter-spacing:2px;
}
.company-menu table th a div {
	width:100%;
	height:100%;
}
.company-menu table th a:hover {
	text-decoration:none;
	cursor:pointer;
}
.company-menu table td {
	width:50%;
	padding-left:11px;
	padding-right:12px;
}
.company-menu table a {
	color:#FFF;
}
.company-menu table a.on {
	color:#58595B;
}
.list-page #inner-left h2 {
  font-size:18px;
  font-weight:100;
  color:#4DB5C1;
}
.ad-agencies #inner-left p a {
	display:block;
	margin-top:18px;
	margin-left:520px;
	width:90px;
	height:20px;
	bottom:0;
}

.headshots {
	float: left;
	padding: 20px 0 20px 0;
}

.headshots div {
	float: left;
	clear: left;
	width:580px;
	font-size:12px;
	line-height:140%;
	padding: 0;
}

.headshots div div {
	width: 425px;
	float: none;
	clear: none;
	padding: 0;
	margin: 30px 0 0 153px;
}

.headshots div div div {
}

.list-page #inner-left .headshots .inline, .headshots div p {
	width: 415px;
}

.smaller div div {
	margin-left: 121px;
	margin-top: 15px;
}

.headshots div div div {
	margin: 0;
}

.list-page .headshots div img {
	float: left;
}

.list-page #inner-left .headshots h2 {
	width: 415px;
	padding: 0 0 13px 0;
	margin: 0;
	font-size: 20px;
	color:#F37046;
}

.list-page #inner-left .headshots .alt h2 {
	color: #4db4c0;
}

.learnmore {
	display: block;
	height: 20px;
	text-indent: -9999em;
	background:url(/images/common/hr-more_long.gif) no-repeat bottom right;
	width: 570px;
	margin-bottom: 10px;
}
.open {
	background-image:url(/images/common/hr-less_long.gif);
}
.inline .learnmore {
	display: none;
}

.headshots .learnmore {
	width: 413px;
}

.smaller .learnmore {
	width: 449px;
}


.list-page #inner-left .smaller h2 {
	padding: 0 0 7px;
}
.smaller div div p {
	width: 425px;
	line-height: 150%;
	padding-top: 0;
}

/*
.company #inner-left .headshots div {
	height:128px;
	background:url(/images/common/hr-more_413px.gif) no-repeat bottom right;
}
.list-page #inner-left .headshots div p {
	height: auto;
	width: auto;
	background: transparent;
}
.list-page #inner-left .headshots { 
	padding-bottom:40px;
}
.list-page #inner-left .headshots div img.icon {
	float:left;
	padding-right:20px;
	height:100px;
	width:100px;
}
.list-page #inner-left .headshots div img {
  float:left;
  padding-right:20px;
  height:130px;
  width:130px;
}
.list-page #inner-left .headshots div span {
	display:block;
	font-size:20px;
	padding-top:14px;
	padding-bottom:8px;
}
.company #inner-left .headshots .position {
	padding-top:0;
}
.company #inner-left .headshots div span.manager,
.company #inner-left .headshots div span.position {
	color:#F37046;
}
.list-page #inner-left .headshots div a {
  display:block;
  margin-top:16px;
  margin-left:490px;
  width:90px;
  height:20px;
  bottom:0;
}
.company #inner-left .headshots div a {
	margin-top:30px;
}
.company #inner-left .headshots div img {
	margin-right:15px;
}
.list-page #inner-left .headshots div span {
	color:#4DB4C0;
}
.list-page #inner-left .headshots div span#traffic {
	color:#F15A29;
}
*/
.list-page #inner-left p.info {
	width:580px;
  font-size:14px;
	line-height:150%;
}
.list-page #inner-left p.info a {
	text-decoration:none;
}
.text-page p {
	margin-right:20px;
}
.text-page .image-caption {
	float:left;
	height:260px;
	width:268px;
	font-size:10px;
	margin-right:20px;
}
.text-page .image-caption span {
	display:block;
	color:#F15A29;
	margin-top:10px;
	margin-bottom:20px;
}
.news p#summary {
	text-align:center;
	font-size:13px;
	font-weight:500;
	color:#FFF;
	padding:55px 15px 20px 15px;
}
.news p#summary span {
	display:block;
	font-size:16px;
	font-weight:500;
	margin:5px;
}
.news p#summary span a {
	color:#FFF;
	text-decoration:none;
}
.news p#quote {
	font-size:14px;
	font-style:italic;
	font-weight:500;
	line-height:24px;
	text-indent:-6px;
	color:#F15A29;
	padding:20px 5px 20px 5px;
}
.news p#citation {
	font-size:11px;
	font-style:normal;
	font-weight:500;
	line-height:14px;
	color:#636167;
	padding:0px 5px 20px 5px;	
}
.list-page #inner-left div.more {
	padding-top:5px;
	padding-bottom:10px;
	padding-right: 20px;
}
.list-page #inner-left .headshots div {
	/* width: auto; */
}
#inner-left ul {
	margin-left: 10px;
	padding-left: 10px;
	line-height: 150%;
}
#inner-left li {
	padding-bottom: 10px;
}
.ad_display {
	width: 278px;
}
.ad_quote {
	color: #F15A29;
	font-size: 14px;
	font-style: italic;
	font-weight: 500;
	line-height: 24px;
	padding: 10px 5px 5px;
	text-indent: -6px;
}
.ad_source {
	font-size:11px;
	font-family:Tahoma;
	padding:10px 6px 20px;
}
/*************************************************
*****************  Admin Template *****************
**************************************************/
.admin #contentwrap {
	padding-top: 0;
	background: white;
	border-left: dotted 1px #ccc;
	border-right: dotted 1px #ccc;
	padding-bottom: 50px;
}
.admin #contentwrap dl { padding-top: 1em; }
.admin #contentwrap dt { padding-bottom: 5px; }
.admin #contentwrap img { border: dotted 1px #ccc; margin: 10px;}
.admin #contentwrap .adpreview img { border: none; padding:0; margin:0;}
.admin #contentwrap .adpreview {float: right; padding: 20px 50px 50px 50px; background: #eee; }
.admin #contentwrap .adpreview h2 {padding: 10px 0 10px 0; }
.admin #contentwrap ul { margin: 10px 10px 10px 20px; }
.admin #contentwrap h1 { margin-top: 20px; }
.admin #contentwrap hr { margin-top: 20px; margin-bottom: 20px; }
.admin table { margin-top: 10px; width: auto; border-collapse: collapse; border-spacing: 0; }
.admin table td {  padding: 4px; }
table .odd { background-color: #eee; }
.admin .delete { color: red; }
.admin .adselects dt { float: left; }
.admin .adselects dd { padding-left: 15px; float: left; }
.admin .adselects dl { clear: left; }
.admin input.submit { margin-top: 30px; display: block; clear: left; }
.admin td.full { white-space: pre; }
#errors {
  background:#fff;
  border:red;
  padding:10px;
  color:red;
  font-weight:bold;
  font-size:12px;
  position:absolute;
  top: 0;
	left: 0;
	width: 930px;
	padding: 20px;
	border: 2px solid #fff;
	z-index: 100;
	background: #fee;
	color: #c00;
	margin:10px;
}
#errors h2 {
  color:red;
}
#errors ul {margin-left:15px;}

#contentwrap #errors a#close_errors {
  color:black;
  text-decoration:underline;
  position:absolute;
  top:8px;
  right:8px;
  font-size:14;
  font-weight:bold;
}
#contentwrap #errors a {
  color:red;
  text-decoration:underline;
}
#messages {
  display:block;
  position:absolute;
  top:0;
  left:0;
  width:930px;
  padding:20px;
  border:2px solid #fff;
  z-index:100;
  background:#FFA401;
  color:#333;
  font-weight:bold;
  font-size:14px;
  margin:10px;
}
#messages h2 {
  color:#fff;
  font-size:16px;
}

#messages a#close_messages {
  color:black;
  text-decoration:underline;
  position:absolute;
  top:8px;
  right:8px;
  font-size:14;
  font-weight:bold;
}
.forprint {
	display:none;
}

/* hacks for safari/webkit image placement 
	due to issues with negative margins */

@media screen and (-webkit-min-device-pixel-ratio:0){
#flashpiece { margin-top: -45px; margin-bottom: -20px; }
.home #flashpiece { margin-top: -10px; margin-bottom: 10px;}
.company #flashpiece { margin-top: -20px; margin-bottom: -35px;}
.media-companies #flashpiece { margin-top: -55px; margin-bottom: 0px;}
}

/*
 Additions 20100715
*/
.videoCaption {
	font-family: Avenir, tahoma;
	font-size: 15px;
	color: #666666;
	font-weight: normal;
	padding-top: 10px;
}

#aVideoBig {
	display:block;
  width:854px;
  height:480px;
  text-align:center;
}

a.example {
  display:block;
  width:273px;
  height:153px;
  text-align:center;
}
a.example img {
  border:0px;
  margin:0px;
}
p.example {
    width:273px;
}
ul.example {
    width:640px;
}

/* player container */
div.player {
	height:240px;
	width:320px;
	border:2px solid #fff;
	outline:1px solid #333;
	-moz-outline-radius:4px;
	cursor:pointer;
	float:left;
	text-align:center;
	margin-right:15px;
}

/* play button */
div.player img {
	margin-top:67px;
}

/* info area */
div.player div.info {
	height:40px;
	background:#000 url(/img/global/gradient/h80.png) repeat-x;
	opacity:0.7;
	color:#fff;
	margin-top:45px;
	text-align:left;
	padding:5px 15px;	
	font-family:"bitstream vera sans","trebuchet ms";
	font-size:12px;
	border-top:1px solid #ccc;
	margin-top:40px;
}

/* duration data inside info area */
div.player div.info span {
	color:#99FF99;
	display:block;
	font-weight:bold;
}

.shadow {
	-moz-box-shadow: 0 0 1em #999;
	-webkit-box-shadow: 0 0 1em #999;
	box-shadow: 0 0 1em #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#999999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=0, Color='#999999');
}

.overlay { 
	display: none;
	position: absolute;
	background-image: url(../../images/common/screen_white.png); 
	width: 100%;
	height: 100%;
	left: 0;
	top: 0;
	z-index: 1000;
	background-color: #FFF;
	back\ground-color: transparent;
}

a.closeVideo {
	font-size: 16px;
	color: #000000;
	text-decoration: none;
	font-weight: bold;
}

.blogBlurbHeadline a {
	font-family: Avenir, tahoma;
	font-size: 20px;
	color: #4DB4C0;
	font-weight: normal;
	line-height: 24px;
}

.service #contentwrap {
  position:relative;
  padding:10px 20px 0 20px;
  min-height:0;
  height:auto !important;
}

.sub-page-inner #inner-left p a {
	color:#4db4c0; 
	text-decoration:none;	
}