/* CSS Document */
body {
  font-family: Verdana,sans-serif;
  font-size: 75%;
  background: #FFF;
  color: #2A2A2A;
  margin: 0;
  padding: 0;
}
a {
  color: #727272;
  text-decoration:none;
  
}
a:hover {
  color: #2A2A2A;
  text-decoration:none;
}
a img {
  border: 0;
}
h1, h2, h3, h4 {
  font-weight: normal;
  color: #2A2A2A;
}

.nodisplay {
 display: none;
}
/* [box] */
#fc_container {
  width: 930px;
  margin: 0 auto;
  min-width: 930px;
  padding-bottom: 50px;  
  position: relative;  
  background: transparent;
}
#fc_container .fc_content {
  background: url(../images/grd_whiteBox_left.gif) repeat-y top left;
  padding-left: 16px;  
  clear: both;
}
#fc_container .fc_contentInner {
  background: url(../images/grd_whiteBox_right.gif) repeat-y top right;
  padding-right: 16px;
}
#fc_container .fc_bottom {
  background: url(../images/grd_whiteBox_bottomBody.gif) repeat-x top left;
  height: 16px;
}
#fc_container .fc_bottomInner {
  background: url(../images/grd_whiteBox_bottomLeft.gif) no-repeat top left;
  height: 100%;
}
#fc_container .fc_bottomCorner {
  background: url(../images/grd_whiteBox_bottomRight.gif) no-repeat top right;
  height: 100%;
}

/* header include styles */

#headertop { 
  height: 1%;
  margin: 0;
  padding: 0;
}
#headertop h1.logo {
  margin: 30px 0 24px 30px;
  float: left;
  cursor: pointer;
  cursor: hand;
}
#headertop .contact {
  float: right;
  background: url(../images/contact_bg.png) no-repeat bottom left;
  padding-left:10px;
  letter-spacing: .05em;
}
#headertop .contact .email {
  padding:10px 40px;
  background: url(../images/icons/mail.png) no-repeat 0 2px;
  display: block;
  margin-top: 16px;
}
#headertop .contact .email:hover {
  padding:10px 40px;
  background: url(../images/icons/mail_shadow.png) no-repeat 1px 3px;
  cursor: pointer;
  cursor: hand;
}

#headertop .contact .email a{
  color: #254F7C;  
  font-size:1.25em;
  text-decoration: none;
  font-weight: bold;
  display: block;
  border-bottom:1px dotted #254F7C;
  padding-bottom:2px;
}
#headertop .contact .email:hover a, #headertop .contact .email a:hover{
  color: #2a2a2a;
  text-decoration: none;
  border-bottom:1px dotted #2a2a2a;
  padding-bottom:2px;
}
#headertop .contact .phone{
  font-weight: bold;
  padding:10px 40px;
  background: url(../images/icons/receiver.png) no-repeat center left;
}


#headertop:after {
  display: block;
  content: '.';
  clear: both;
  visibility: hidden;
  height: 0;
}
/* header nav styles */
#headernav {
  font-size: 1em;
  height: 1%;
  margin: 0;
  padding: 0;
  background-color: #727272;
}
#headernav:after {
  display: block;
  content: '.';
  clear: right;
  visibility: hidden;
  height: 0;
}
#headernav div.nav { 
  margin: 0 auto;
  width: 620px;
  padding: 0;
}
#headernav div.nav:after {
  display: block;
  content: '.';
  clear: left;
  visibility: hidden;
  height: 0;
}

#headernav a {  
  display: block; 
  float:left;   
  padding:8px 17px;
  text-decoration: none;
  font-weight: bold;
}
#headernav a:hover {  
  color: #FFF;
}
.topnav_default {
  color: #FFF;
  font-weight: normal;
  background-color:#727272;
}
.topnav_active {
  font-weight: bold;
  background: url(../images/arrow_nav.png) no-repeat bottom center;
  background-color:#2A2A2A;
}

.topnav .hover {
  background-color:#444444;
}

#promotions {
  height: 1%;
  padding: 1.5em;
  background-color: #DDD;
}
/* custom style used on all pages except index to limit promotions padding */
.slim {
 padding: .5em !important;
}

#promotions:after {
  display: block;
  content: '.';
  clear: left;
  visibility: hidden;
  height: 0;
}
#promotions #promotion_left {
  width: 49%;
  float: left;
  cursor: pointer;
}
#promotions #promotion_right {
  width: 49%;
  float: right;
  cursor: pointer;
 }
.box {
  margin-left: 0em;
}
.box.rounded .box_corner, .box.rounded .box_header {
  height: 5px;
}
.box.rounded .box_header {
  background: url(../images/box_up_left_gray.png) no-repeat;
}
.box.rounded .box_header .box_corner {
  background: url(../images/box_up_right_gray.png) no-repeat top right;
}
.box.rounded .box_footer {
  background: url(../images/box_down_left_gray.png) no-repeat;
}
.box.rounded .box_footer .box_corner {
  background: url(../images/box_down_right_gray.png) no-repeat top right;
}
#promotions .box .box_inner {
  height: 200px;
  padding: 1em 1.25em;
}
#promotions .box {
  background-color: #254F7C;
  color: #EFEFEF;
  font-size: 1.3em;
  position: relative;
}
#promotions h3 {
  margin: 0;
  padding: 0;
  margin-top: .25em;
  color: #7CC45E;
  font-size: 1.8em;
  font-weight: bold;
}
#promotions .box.promo {
  color: #EFEFEF;
  background-color: #2A2A2A;
}

#promotions .box.publishers {
  color: #EFEFEF;
  background-color: #2A2A2A;
}
#promotions .box.publishers h3 {
  color: #718BA9;
}
#promotions .seemore {
  position: absolute;
  bottom: 50px;
  height: 60px;
  width: 90%;
  right: 0;
}
#promotions .seemore .text {
  position: absolute;
  top: 0;
  bottom: 0;
  left: 0;
  right: 0;
}
#promotions .seemore .text.front {
  color: #fff;
  font-size: 1.3em;
  line-height: 55px;
  text-align: right;
  padding-left: 1em;
  padding-right:9em;
  margin-right: 1em;
 }
 
 #promotions .seemore .text.front.bluebutton {
 background: url(../images/button_start_blue.gif) no-repeat center right;
 }
 
 #promotions .seemore .text.front.greenbutton {
 background: url(../images/button_start_green.gif) no-repeat center right;
 }
 
#promotions .seemore .text.front img {
  vertical-align: middle;
  margin-left: 2em;
  margin-right: 1em;
}
#promotions .seemore .text.back {
  background: url(../images/box_highlight.png);
  opacity: .09;
  filter: alpha(opacity=9);
  height:60px;
  width: 100%;
}



#main {
  padding: 2em;
  background: #FFF;
}
#main a {
  border-bottom: dotted #727272 1px;
}
#main a:hover {
  border-bottom: dotted #2A2A2A 1px;
}
#main .fc a, #main .fc a:hover  {
  border:0;
}
#main p {
  margin:.5em 0 1em 0;
  line-height: 1.5em;
}
#main textarea {
  width:570px;
  height:auto;
  border:1px solid #254F7C;
  color: #254F7C;
  background: #E0E7ED; 
  padding:5px;
}

#tagline {
 font-size: 125%;
 font-weight: bold;
 text-align:center;
}

#features {
  padding: 0em;
  height: 1%;
  margin: 0;
}

#features #featureleft {
  margin: 0;
  padding: 0;
  width: 220px;
  float: left;
}

#features #featureright {
  margin: 0;
  padding: 0;
  width:620px;
  float: right;
}

#features:after {
  display: block;
  content: '.';
  clear: both;
  visibility: hidden;
  height: 0;
}

#features h2 {
  font-size: 1.8em;
  margin: 0;
  margin-bottom: .5em;
}
#features h3 {
  font-size: 100%;
  font-weight: bold; 
  margin: 0;
}
/* sets COLOR to green or blue */
.advertiser {
  color: #3E8633;
}
.publisher {
  color: #254F7C;
}

#quantinfo {
 margin: 20px 15px;
}

/* feature images CSS */

#features .thumbcontainer {
  float: right;
  padding: 0;
  margin: 0; 
  margin-bottom: 1em;
  width: 300px;
}
#features .thumbcontainer A{
  border: 0;
}
#features .thumbcontainer IMG{
  margin: 0;
  margin-left: 1em; 
  margin-bottom: 1em;
}


  
#features ul {
 list-style: disk;
 padding: 0;
 margin: .5em 0 1em 0;
} 

#features li  {
  font-weight: normal;
  line-height: 2em;
  margin-left: 2em;
}

#features li.idea, #features li.thumb, #features li.question, #features li.go, #features li.studio  {
  font-weight: bold;
  line-height: 1.5em;
  padding-top: .5em;
  padding-left: 65px;
  padding-right: 0;
  min-height: 56px;
  height: 56px;
  margin-bottom:.5em;
  margin-left: 0;
  list-style: none;
}

#features ul.advertiser li.idea {
  background: url(../images/icons/icon_idea_adv.png) no-repeat 0 0;
}
#features ul.publisher li.idea {
  background: url(../images/icons/icon_idea_pub.png) no-repeat 0 0;
}

#features ul.advertiser li.thumb {
  background: url(../images/icons/icon_thumb_adv.png) no-repeat 0 0;
}
#features ul.publisher li.thumb{
  background: url(../images/icons/icon_thumb_pub.png) no-repeat 0 0;
}

#features ul.advertiser li.question {
  background: url(../images/icons/icon_question_adv.png) no-repeat 0 0;
}
#features ul.publisher li.question {
  background: url(../images/icons/icon_question_pub.png) no-repeat 0 0;
}

#features ul.advertiser li.go {
  background: url(../images/icons/icon_go_adv.png) no-repeat 0 0;
}
#features ul.publisher li.go {
  background: url(../images/icons/icon_go_pub.png) no-repeat 0 0;
}

#features ul.advertiser li.studio {
  background: url(../images/icons/icon_studio_adv.png) no-repeat 0 0;
}
#features ul.publisher li.studio {
  background: url(../images/icons/icon_studio_pub.png) no-repeat 0 0;
}


/*client logo setup*/
#features ul.featuredclients {
  padding: 0;
  margin: 0;
  list-style: none;
  border-top: 1px solid #DDD;
  height: 1%;
  margin-top:2.5em;
}
#features ul.featuredclients li {
  padding: .25em 0;
  float: left;
  width: auto;
  border-bottom: 1px solid #DDD;
  text-align: center;
}
#features ul.featuredclients li a {
  display: block;
  height: 65px;
  margin-top:auto;
  margin-bottom:auto;
  border: 0;
}
#features ul.featuredclients li a:hover {
  border: 0;
}
#features ul.featuredclients li a IMG{

}
#features ul.featuredclients:after {
  display: block;
  content: '.';
  clear: left;
  visibility: hidden;
  height: 0;
}

/*controls the advertiser and publisher menu defaults*/
#main .pagemenu {
  width: 200px;
  font-size: 1em;
  margin: 0;
  padding: 0;  
}


#main .pagemenu a {  
 display: block;   
 padding:8px 16px;
 text-decoration: none;
 color: #2A2A2A;
 font-weight: normal;
 border-top: dotted #DDD 1px;
 border-bottom: dotted #DDD 1px;
 margin:-1px;
 position:relative;
 z-index:0;
}
#main .pagemenu a:hover {  
 text-decoration: none;
 background: url(../images/arrow_nav2.png) no-repeat center left;
}

#main .pagemenu a.sidenav_active {
  font-weight: bold;
  background: url(../images/arrow_nav2.png) no-repeat center left;
}

#main .advertisermenu a:hover {
  background-color:#E6F4E3;
  border-top: dotted #3E8633 1px !important;
  border-bottom: dotted #3E8633 1px !important;
  z-index:10;
 }
#main .advertisermenu a.sidenav_active {
  background-color:#ACDCA5;
  border-top: dotted #3E8633 1px !important;
  border-bottom: dotted #3E8633 1px !important;
  z-index:11;
}
#main .publishermenu a:hover {
  background-color:#E0E7ED;
  border-top: dotted #718BA9 1px !important;
  border-bottom: dotted #718BA9 1px !important;
  z-index:10;
 }
#main .publishermenu a.sidenav_active {
  background-color:#C1CDDA;
  border-top: dotted #718BA9 1px;
  border-bottom: dotted #718BA9 1px;
  z-index:11;
}

.message {
 margin: 5px 10px 15px 10px;
 text-align: center;
 color: #FF0000;
 font-size: 24px;
}


#footer{
  font-size: .9em;
  height: 1%;
  margin: 0;
  padding: 0 1em;
}
#footer:after {
  display: block;
  content: '.';
  clear: right;
  visibility: hidden;
  height: 0;
}

#footer div.nav {  
  float: right;
  padding-right: .5em;
  margin: 0;
  padding: 0;
  padding-left: .5em;
}
#footer div.nav:after {
  clear:left;
  content:'.';
  display:block;
  height:0pt;
  visibility:hidden;
}
#footer a {
  display: block;
  float:left;
  margin-right: 1em;
  font-weight: normal;
  color: #727272;
}
#footer a:hover {
  color: #2A2A2A;
  border-bottom: dotted #2A2A2A 1px;
}

#footer #copyright {
  display: inline;
  color: #727272;
  float: left;
  padding: 1em;
  padding-top: 0em;
  padding-bottom: 0em;
  font-size: .9em;
}

.salesform {
  background-color: #DDDDDD;
}

.salesform .alignleft{
  text-align: left;
}

.salesform .alignright{
  text-align: right;
  width: 20%;
}

.salesform .aligncenter{
  text-align: center;
}



.sitereach TH{
 text-align: left;
 line-height:30px;
 padding-left:6px;
 border-bottom: 1px solid #3E8633;
 color: #3E8633;
 font-size: 80%;
}
.sitereach TD{
 line-height:30px;
 border-bottom: 1px dotted #DDDDDD;
 padding-left:10px;
}

/** Media Icons **/
.icon_media {
 background-repeat: no-repeat;
 background-position: 50% 50%;
 padding-left:42px; 
 line-height:30px;
 white-space: nowrap;
}
.mediakey {
 float: right;
 margin-left:2em;
 width: 160px;
}
.mediakey TABLE{
 margin-top: .5em;
}
.mediakey .icon_media {
 background-position: 0 50%;
}

.newspaper {
 background-image: url("../images/icons/icon_newspaper.png");
}
.television {
 background-image: url("../images/icons/icon_tv.png");
}
.radio {
 background-image: url("../images/icons/icon_radio.png");
}
.financial {
 background-image: url("../images/icons/icon_fmedia.png");
}
.internet {
 background-image: url("../images/icons/icon_internet.png");
}
.vertical {
 background-image: url("../images/icons/icon_vertical.png");
}
.blog {
 background-image: url("../images/icons/icon_blog.png");
}

/* NEW STUFF! ...and some stuff for testing- do not delete without consulting Antonio, or you might break something, and then he will make you wear the NArF! hat...*/
/*
p.phone, p.phone2 {
	margin: 5px 0 0 10px !important;
	font: 25px Arial, Helvetica, sans-serif;
	color: #2a2a2a;
}

p.phone2 {
	text-align: right;
	padding-right: 20px;
}
*/
a.get {
	float: left;
	font-size: 13px;
	color: #FF0000;
	text-decoration: underline;
	text-align: left;
	font-weight: bold;
	margin: 15px 0;
	padding-left:10px;
	border-bottom: none !important;
}

a.home {
	float: right;
	font-size: 13px;
	color: #0022BB;
	text-decoration: underline;
	text-align: right;
	font-weight: bold;
	margin: 15px 0;
	padding-right:20px;
	border-bottom: none !important;
}

a.get:hover, a.home:hover {
	color:  #666666;
	text-decoration: none;
}

p.testimonial {
	font: 12px Arial, Helvetica, sans-serif;
	font-style: italic;
	color: #111111;
	margin-bottom: 15px;
}

#main p.author {
	font: 12px Arial, Helvetica, sans-serif;
	margin-bottom: 55px;
}

#main #contact p {
line-height:1.5em;
margin:0.2em 0;
}
/*
p.phone {
	font: 24px Arial, Helvetica, sans-serif;
}
*/
#contactForm {
  padding-top: 4px;
  background-color: #DDDDDD;
  *padding-top: 4px; /* for wonky IE */
}

#contactForm label {
  display: inline-block;
}

#contactForm li {
  list-style: none;
  margin: 0;
}

#contactForm ul.alignRight li {
  width: 325px;
  margin: 0 0 0 40px;
  list-style: none;
  text-align: right;
}

#contactForm ul.alignLeft {
  width: 350px;
  margin: 0 0 0 75px;
}

#contactForm ul.alignLeft li {
  height: 20px;
  list-style: none;
  text-align: left;
  padding: 0 0 0 80px;
}

#contactForm ul.alignLeft li.label {
  padding-left: 0;
}

#contactForm ul.alignLeft li.textarea {
  height: 50px;
  margin-bottom: 30px;
  *margin-bottom: 15px;
}

#contactForm textArea {
  width:400px !important;
}

#contactForm ul.alignLeft li.submit {
  height: 36px;
  margin: 0 15px 15px 0;
  text-align: right;
}

#contactForm p {
  width: 600px;
  margin: 0 !important;
  font-weight: bold;
  text-align: right;
  padding-bottom: 5px;
  *width: 590px; /* for wonky IE */
}

#socialMedia {
	margin: 35px auto;
}

#socialMedia a, #socialMedia a:hover {
	text-decoration: none;
	border:  none;
}

#socialMedia img {
	margin: 15px;
}