/**global classes********************************/
html {overflow-y: scroll;}
body { margin:0; font-size:12px; font-family:Arial, Helvetica, sans-serif; color:#606060;}
* { margin:0;padding:0;}

h1{ font-size:20px; color: #61A130;}
h2{ margin: 20px 0 10px 0; font-size:16px;}
h3{font-size:12px; font-weight:bold; margin:5px 0; }
a, a:link, a:visited {
	color:#606060;
	text-decoration:none;
	vertical-align: text-top;
}
img { border:none;}

.clear{clear:both;}
.left{float:left;}

.b, a.b{font-weight:bold;}

/*could be deleted */
.topNavLinks ul, ul.linkList {list-style:none; margin:0; padding:0; }

ul.linkList { margin-top:15px; }
ul.linkList li { margin-bottom:8px; }
.mainWrapper {
	margin:auto;
	width:975px;
}
/** header classes**/
.top { width:975px; height:95px; background:url(../images/top_bkg.gif) repeat-x bottom; }
.topLogo {
	float:left;
	margin-left:15px;
	margin:30px 0 0 15px;
}

.top .phoneNumbers {
	font-weight:bold;
	color: #61A130;
	font-size:14px;
}
/** banner classes**/
.hero { width:975px; height:350px; font-size:28px; color:#fff; text-align:right; }
.hero ul { height:350px; width:975px; overflow:hidden; margin:0; padding:0;}
.hero ul li {
	list-style:none;
	width:975px;
	margin:0;
	padding:0;
}

/*specific sections*/


#company .hero{background: url(../images/hero_blank.jpg) no-repeat left top;}
#products .hero{background: url(../images/hero_blank.jpg) no-repeat left top;}
#clients .hero{background: url(../images/hero_blank.jpg) no-repeat left top;}
#resources .hero{background: url(../images/hero_blank.jpg) no-repeat left top;}
#solutions .hero{background: url(../images/hero_blank.jpg) no-repeat left top;}
/*updated by Eugene Korovin on 09/17/09*/
#answerBox .hero{background: url(../images/hero_answerbox_reg.jpg) no-repeat left top;}
#featuresBenefits .hero{background: url(../images/hero_reviews_reg.jpg) no-repeat left top;}
#reviews .hero{background: url(../images/hero_reviews_reg.jpg) no-repeat left top;}
#powerTag .hero{background: url(../images/hero_reviews_reg.jpg) no-repeat left top;}
#socialMegaphone .hero{background: url(../images/hero_reviews_reg.jpg) no-repeat left top;}
#workingTogether .hero{background: url(../images/hero_reviews_reg.jpg) no-repeat left top;}
#analyticsReporting .hero{background: url(../images/hero_reviews_reg.jpg) no-repeat left top;}

#seo .hero{background: url(../images/hero_inlineSEO_reg.jpg) no-repeat left top;}
#magaphone .colMain .hero{background: url(../images/hero_megaphone_reg.jpg) no-repeat left top;}
#mobile .hero{background: url(../images/hero_mobile_reg.jpg) no-repeat left top;}
#BrandConnect .hero{background: url(../images/hero_brandconnect_reg.jpg) no-repeat left top;}
#listener .hero{background: url(../images/hero_listener_reg.jpg) no-repeat left top;}
#brandshare .hero{background: url(../images/hero_brandshare_reg.jpg) no-repeat left top;}
#facebook .hero{background: url(../images/hero_facebook_reg.jpg) no-repeat left top;}
#google .hero{background: url(../images/hero_google_reg.jpg) no-repeat left top;}
#study2011 .hero{background: url(../images/hero_study2011_reg.jpg) no-repeat left top;}

/**content**/
.contentMain {
	margin:12px 0 0 15px;
	_margin:0 0 0 7px;
	float:left;
}
.contentCol1 {
	width:715px;
	float:left;
	margin-right:35px;
	_margin-right:20px;
}
.contentCol2 { width:200px; float:left; }
.contentMain .colHd { margin:0;}
.scrollCol {float:left; width:210px; margin:20px 20px 0 0; }
.scrollColImg { margin-bottom:15px; }
.scrollColContent { font-size:14px; margin:0; padding:0;}
.scrollColHd { margin-bottom:10px;}
.scrollColHd a {
	text-decoration:none;
	font-size:16px;
	font-weight:bold;
	color:#606060;
}
.hr3Dots {
	height:15px;
	background:url(../images/bkg_hr_4dots_gray.gif) repeat-x top;
	margin:5px 0;
	line-height:1px;
	font-size:0;
}
.col1 {
	width:670px;
	margin-right:80px;
	_margin-right:65px;
	float:left;
}
.col2 {
	width:210px;
	_width:220px;
	float:left;
}
.hr6DotsFooter {
	height:25px;
	width:975px;
	background:url(../images/bkg_hr_6dots_gray.gif) repeat-x top;
	margin:15px 0;
}
.row {
	float:left;
	margin: 15px 0;
}
div.linkMore {
	margin:15px 0;
}
div.linkMore a, div.linkMore a:link, div.linkMore a:visited, div.linkMore a:hover {
	text-decoration:underline;
}
.footer {
	width: 975px;
	height:55px;
	margin-bottom:10px;
}
div.scrollControl {
	background:url(../images/home_scroll_r.gif) no-repeat top left;
	margin-top:30px;
	width:35px;
	height:60px;
	cursor: pointer;
	float:left;
}
.promo {
	margin-top:20px;
}
/** second level pages specific */
.topBar { background:url(../images/top_bar_black_bkg.gif) top left no-repeat; height:30px; width:975px; margin-bottom:15px;}



.colMain .hero, .reg .colMain .hero{width: 735px;}

.colMain { width: 735px;
	float: left;
	margin-left:40px;
	_margin-left:30px;
}


.colMain .hero { width: 715px; height:60px; font-size: 22px; color:#fff; text-align:right; background:url(../images/hero_solutions_reg.jpg) no-repeat left top;}


.newsletter .colMain .hero{background:url(../images/hero_newsletter2_reg.jpg) no-repeat left top;}
.solutions .colMain .hero{background:url(../images/hero_blank_reg.jpg) no-repeat left top;}
.resources .colMain .hero{background:url(../images/hero_blank_reg.jpg) no-repeat left top;}
.clients .colMain .hero{background:url(../images/hero_blank_reg.jpg) no-repeat left top;}
.products .colMain .hero{background:url(../images/hero_blank_reg.jpg) no-repeat left top;}
.company .colMain .hero{background:url(../images/hero_blank_reg.jpg) no-repeat left top;}

.sitemap .colMain .hero { width: 975px;}
.sitemap .colMain { width: 975px; margin-left:0;}
.sitemap .colMain .hero{background:url(../images/hero_sitemap_975.jpg) no-repeat left top;}
.sitemap .colContent { width: 750px; margin-right:10px;}

.sitemap .colContent .col{float:left; width:140px; margin-right:10px;}

.sitemap .colContent .col ul{list-style:none; padding:0; margin-left:8px;}
.sitemap .colContent .col ul li{font-size:11px;}
.sitemap .colContent .col ul li ul li{font-size:9px;}

.colMain .hero ul {width:745px;height:190px;}
.colContent { width: 495px; margin:23px 30px 0 0; float:left;  }
.colContent p a{ color:#127197; }
.seemore {
	float: right;
}

.colRight {margin:40px 0 0 0; width:207px; float:left;}


.hr{ float:left; background:url(../images/left_nav_li_bottom_bkg.gif) repeat-x center left;	 height:31px; }
.colContent .hr{height:20px; width:495px; margin-bottom:3px;}
.colRight .hr{ width: 207px;}

.colContent p{
	line-height:18px;
	margin: 10px 0;
	font-weight: normal;
}
.colContent{ font-size:13px;}
.colContent ul{ margin-left:40px;}
.colContent ul li{margin:10px 0;}
.colContent ol{ margin-left:40px;}
.colContent ol li{margin:5px 0; line-height:18px;}

div.assetDoc, div.assetPDF, a.assetDoc, a.assetPDF{
float: left;
background: url(../images/icon_pdf.gif) no-repeat left top;
padding-left:33px;}
div.assetPDF,  a.assetPDF{ background-image:url(../images/icon_pdf.gif);
}

a:hover{text-decoration:underline;}

.goLink{
background:url(../images/arrow_right_small.gif) no-repeat right center;
padding-right:12px;
font-size:16px;
font-weight:normal;
float:left;
}

img.clientlogo2{float:left; margin-right:5px;}
img.caricature{ border:1px solid #DDDDDD; float:left; margin:0 5px 10px 0; }
.newsNav{margin:5px 0;}
.newsNav a{margin-right:20px; font-size:12px;}
.newsNav a.{font-weight: bold;}

/*updated by eugene korovin on 09/12/09*/
.pressArticles .colMain .colContent .hr{width:740px; _width:730px; clear:both;}
.newssource{font-size: 13px; font-style:italic;}
.newsdate{font-size: 11px; font-weight: bold;}

/*updated by eugene korovin on 09/14/09*/
.scrollColImg a img{border:1px solid #d5d5d5;}
.scrollColImg a:hover img, .scrollColImg a img:hover{border:1px solid #61A130;}
.contactus .colContent p{font-size:12px;}
/*updated by eugene korovin on 09/15/09*/
a.downloadStudies, a.demoRequest, a.downloadStudies:active, a.demoRequest:active{width:215px; height:52px; float:left;}
a.downloadStudies, a.downloadStudies:active{background:url(../images/but_download_studies.gif) no-repeat left top; background-position:  0 -52px;}
a.demoRequest, a.demoRequest:active{background:url(../images/but_request_demo.gif) no-repeat left top; background-position:  0 -52px;}
a.downloadStudies:hover{background-position:  0 0px;}
a.demoRequest:hover{background-position:  0 0px;}

.topNavWapper .topNavLinks ul{float:right;}
.topNavWapper .topNavLinks ul li{float:left;}
.topNavLinks ul li.metaLink, .topNavLinks ul li.phoneNumbers{padding-top:10px;}

.topNavWapper .topNavLinks ul li a{font-size:11px; font-weight:bold; color:#606060;}

.top .phoneNumbers{font-size:13px; font-weight:bold;}

a.twitterLink{background:url(../images/but_twitter.gif) no-repeat 0 0; width:32px; height:24px; float:left;}
a.twitterLink:hover{background-position:  0 -24px;}

.landingPage .colMain .hero{ height:185px; padding:0; width:735px;}
/*DELETE THIS*/
.landingPage .colMain .hero .heroText{ margin:130px 20px  5px 0; float:right;}
/*default text for hero*/
.colMain .hero .heroText{height:25px; float:right; margin:45px 27px 0 0; }
/******************************************************************/
/******************************************************************/
/* CSS ADDED BY EUGENE KOROVIN AFTER 09/15/09*********************/
ul.fade{list-style:none;}
.indexPage .promo {width:180px; padding:10px 0px 0 30px; height:100px;border:1px solid #d5d5d5;}
.colMain .hero {width:735px;}
img.clientlogo2{float:left; margin: 0 10px 10px 0;}

.landingPage .colMain .hero .heroText{ margin:90px 30px 0 0; float:right; width:730px; height:30px; font-size:26px;}

.heroTag { margin:9px 30px 0 0; float:right; text-align:right; width:730px; height:20px; font-size:20px; }
.indexPage div.linkMore{margin-bottom:0;}
.colMain .hero { width: 735px; height:124px; font-size: 28px; color:#fff; text-align:right; background:url(../images/hero_blank_reg.jpg) no-repeat left top;}
/****************************************************************************/
/*updated by eugene korovin on 09/13/09**************************************/
/*classes for home page scroller*/
/**
 * This <div> element is wrapped by jCarousel around the list
 * and has the classname "jcarousel-container".
 */
.jcarousel-container { position: relative;}
.jcarousel-clip { z-index: 2; padding: 0; margin: 0; overflow: hidden; position: relative; }
.jcarousel-list { z-index: 1; overflow: hidden; position: relative; top: 0; left: 0; margin: 0; padding: 0;}
.jcarousel-list li, .jcarousel-item { float: left; list-style: none;
	/* We set the width/height explicitly. No width/height causes infinite loops. */
    width: 75px;
	height: 75px; 
	}

.jcarousel-next { z-index: 3; display: none;}
.jcarousel-prev { z-index: 3; display: none;}

.jcarousel-skin-tango .jcarousel-container {}

/***********************************************/
/* updated by Eugene Korovin on 09/16/09 - padding */
/***********************************************/
.jcarousel-skin-tango .jcarousel-container-horizontal {width: 650px; padding: 0 30px 0 0;}


.jcarousel-skin-tango .jcarousel-clip-horizontal { width:  650px; height: 160px;}
.jcarousel-skin-tango .jcarousel-item {width: 210px; height: 160px;}
.jcarousel-skin-tango .jcarousel-item-horizontal {margin-right: 10px;}

.jcarousel-skin-tango .jcarousel-item-placeholder { background: #fff; color: #000;}

/**
 *  Horizontal Buttons
 */
.jcarousel-skin-tango .jcarousel-next-horizontal {
    position: absolute;
    top: 38px;
    right: -3px;
    width: 30px;
    height: 52px;
    cursor: pointer;
    background: transparent url(../images/but_scroll.gif) no-repeat 0 0;
	z-index:10;
}

.jcarousel-skin-tango .jcarousel-next-horizontal:hover {background-position: 0 -52px;}
.jcarousel-skin-tango .jcarousel-next-horizontal:active {background-position: 0 -52px;}

.jcarousel-skin-tango .jcarousel-next-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-next-disabled-horizontal:active {cursor: default; z-index:-10; display:none;}

.jcarousel-skin-tango .jcarousel-prev-horizontal {
    position: absolute;
    top: 38px;
    right: -3px;
    width: 30px;
    height: 52px;
    cursor: pointer;
    background: transparent url(../images/but_scroll.gif) no-repeat;
    background-position: -30px 0;
	z-index:10;
	
}

.jcarousel-skin-tango .jcarousel-prev-horizontal:hover { background-position: -30px -52px;}
.jcarousel-skin-tango .jcarousel-prev-horizontal:active { background-position: -30px -52px;}

.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:hover,
.jcarousel-skin-tango .jcarousel-prev-disabled-horizontal:active { cursor: default; z-index:-10; display:none;}


/*BLAKES UPDATES - 09/16/09 **********************/

.featureheader {
	font-size: 16px;
	font-weight: bold;
}


.imageright {
	border:1px solid #DDDDDD;
	float:right;
	margin: 10px;
}

.imageleft {
	border:1px solid #DDDDDD;
	float:left;
	margin-bottom:1.25em;
	margin-right:1.25em;
}


.featureheader {
    font-size: 16px;
    font-weight: bold;
}


.imageright {
    border:1px solid #DDDDDD;
    float:right;
    margin: 10px;
}

.imageleft {
    border:1px solid #DDDDDD;
    float:left;
    margin-bottom:1.25em;
    margin-right:1.25em;
}
.goLink3 {
    background:url(../images/arrow_right_small.gif) no-repeat right center;
    padding-right:12px;
    font-size:13px;
    font-weight:bold;
}
.inputstyle {
    font: 13px Arial, Helvetica, sans-serif;
    padding: 2px;
}
.goLink2 {
    background:url(../images/arrow_right_small.gif) no-repeat right center;
    padding-right:12px;
    font-size:16px;
    font-weight:normal;
    float:right;
}
.goLink4 {
	    background:url(../images/arrow_right_small.gif) no-repeat right center;
	    padding:12px;
		margin:5px 5px;
	    font-size:14px;
		line-height:18px;
	    font-weight:normal;
	    color:#127197;

}
.seemore {
    background:url(../images/arrow_right_small.gif) no-repeat right center;
    padding-right:10px;
    font-size:14px;
    font-weight:normal;
    float:right;
    margin-right: 10px;
}

.subbutton {
    border: none;
	font-size: 0px;
	width: 88px;
	height: 25px;
    background: url('../images/but_subscribe.gif') no-repeat top left;
    margin: 7px;
}
.subbutton:hover {
    border: none;
	font-size: 0px;
	width: 88px;
	cursor: pointer;
	height: 25px;
    background: url('../images/but_subscribe2.gif') no-repeat top left;
    margin: 7px;
}

.submitbutton {
    border: none;
	font-size: 0px;
	width: 88px;
	height: 25px;
    background: url('../images/but_submit.gif') no-repeat top left;
    margin: 7px;
}
.submitbutton:hover {
    border: none;
	font-size: 0px;
	width: 88px;
	cursor: pointer;
	height: 25px;
    background: url('../images/but_submit2.gif') no-repeat top left;
    margin: 7px;
}

.ol li {
	margin-left:45px;
	line-height:16px;
}



/***********************************************/
/* Blake Additions 5/6/11 */
/***********************************************/



a.rolloverHome1 {
	display: inline-block;
	width: 220px;
	height: 184px;
	text-decoration: none;
	background: url("../images/newhomebutton1.gif");
	}

a.rolloverHome1:hover {
	background-position: 0 -184px;
	}
	
a.rolloverHome2 {
	display: inline-block;
	width: 220px;
	height: 184px;
	text-decoration: none;
	background: url("../images/newhomebutton2.gif");
	}

a.rolloverHome2:hover {
	background-position: 0 -184px;
	}
		
		
a.rolloverHome3 {
	display: inline-block;
	width: 220px;
	height: 184px;
	text-decoration: none;
	background: url("../images/newhomebutton3.gif");
	}

a.rolloverHome3:hover {
	background-position: 0 -184px;
	}

.displace {
	position: absolute;
	left: -5000px;
	}
	
.clientQuote {
	font-size:14px; 
	color:#888888;
	line-height:18px;
}

.clientQuoteImage {
	float:left; 
	margin:4px 10px 10px 0px;
}

.clientQuoteTitle {
	float:right; 
	top:-8px; 
	position: relative;
}

.clientQuoteTitle a {
	color:#127197;
}

.col3 {
	height:10px;
	background:url(../images/bkg_hr_4dots_gray.gif) repeat-x top;
	line-height:1px;
	margin:20px 0 15px 0;
}



a.ctadownload, a.ctastart, a.ctaseo, a.ctadownload:active, a.ctastart:active, a.ctaseo:active{width:222px; height:62px; float:left;}

a.ctadownload, a.ctadownload:active{background:url(../images/cta-studies.gif) no-repeat left top; background-position:  0 -62px;}
a.ctastart, a.ctastart:active{background:url(../images/cta-start.gif) no-repeat left top; background-position:  0 -62px;}
a.ctaseo, a.ctaseo:active{background:url(../images/cta-seo.gif) no-repeat left top; background-position:  0 -62px;}

a.ctadownload:hover{background-position:  0 0px;}
a.ctastart:hover{background-position:  0 0px;}
a.ctaseo:hover{background-position:  0 0px;}

.producttitle {
	color:#61A130;
	font-size:14px;
	font-weight:bold;
	text-decoration:none;
}

a.producttitle, a.producttitle:active, a.producttitle:link, a.producttitle:visited {
	color:#61A130;
	text-decoration:none;
}

a.producttitle:hover {
	color:#61A130;
	text-decoration:underline;
}