/* Common Styles */

* {margin: 0px; padding: 0px;}
body {font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #4b4b4b; background: #4b4b4b url(../images/bg.jpg) repeat-x;}

/*  Method for easy clearing of floats http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hide from IE Mac \*/
.clearfix {display: block;}
/* End Hide from IE Mac */

/* Misc styles */
.floatLeft {float: left;}
.floatRight {float: right;}
.leftImg {margin-right: 20px; margin-bottom: 5px;}
.rightImg {margin-left: 20px; margin-bottom: 5px;}
.textRight {text-align: right;}
.textLeft {text-align: left;}
.stats {font-weight: bold; color: #bd1e30;}
.textCenter {text-align: center;}
small {font-size: 80%;}
.error {color: #ffeb46 !important; font-weight: bold;}
#errorMessage {display: none;}
sup {font-size: 11px;}
.center {margin-right: auto; margin-left: auto;}
.importantMsg {color: #9b1b0d; text-decoration: underline;}
h3 {color: #740004; font-size: 17px; font-weight: normal; margin-bottom: 15px;}
.strong {font-size: 18px;}

sup {font-size: 9px !important; font-weight: normal;}
#container {width: 830px; margin-right: auto; margin-left: auto;}
#topRow {background: url(../images/header_bg.jpg) repeat-x top left; height: 88px; border-bottom: solid 3px #3c5c1b;}

#container a {color: #740004;}

#header {}
#logo {background: url(../images/logo.png) no-repeat; width: 510px; height: 81px; margin-left: 40px; margin-top: 14px; margin-bottom: 10px;}
#logo a {display: block; text-indent: -9000px; width: 510px; height: 81px;}
#talkToTetherBall {background: url(../images/talk_to_tetherball.jpg) no-repeat top left; float:right; margin:-60px 5px 0 0; height: 53px; width:163px;}
#talkToTetherBall a {display: block; text-indent: -9000px; height: 53px; width:163px;}
#contentWrap {background: url(../images/bg_trans.png) repeat-y top center; }
.contentDetails {background: url(../images/top_bg_shadow.png) no-repeat; padding: 35px; }
.homePad {padding-left: 25px !important; padding-bottom: 10px;}
#contentWrap p {line-height: 19px; margin-bottom: 25px;}
.homePad p {margin-bottom: 15px !important;}
.noPadding {padding: 35px 15px 0px 15px !important;}
.noBottomPadding {padding: 35px 35px 5px 35px;}
#topNav {background: url(../images/nav_bg.jpg) no-repeat;}
#topNav ul {width: 776px; margin-right: auto; margin-left: auto;}
#topNav ul li {list-style: none; float: left; height: 51px;}
#topNav ul li a {display: block; text-indent: -9000px; outline: none; float: left; height: 51px; background-image: url(../images/nav_sprite.png); background-repeat: no-repeat;}

#homeLink a {background-position: 0px 0px; width: 75px;}
#homeLink a:hover, #homeLink a.activeNav {background-position: 0px -51px;}
#whatLink a {background-position: -75px 0px; width: 54px;}
#whatLink a:hover, #whatLink a.activeNav {background-position: -75px -51px;}
#howLink a {background-position: -129px 0px; width: 45px;}
#howLink a:hover, #howLink a.activeNav {background-position: -129px -51px;}
#whyLink a {background-position: -174px 0px; width: 55px;}
#whyLink a:hover, #whyLink a.activeNav {background-position: -174px -51px;}
#whoLink a {background-position: -229px 0px; width: 55px;}
#whoLink a:hover, #whoLink a.activeNav {background-position: -229px -51px;}
#pressLink a {background-position: -284px 0px; width: 56px;}
#pressLink a:hover, #pressLink a.activeNav {background-position: -284px -51px;}
#clientsLink a {background-position: -340px 0px; width: 66px;}
#clientsLink a:hover, #clientsLink a.activeNav {background-position: -340px -51px;}
#partnersLink a {background-position: -406px 0px; width: 88px;}
#partnersLink a:hover, #partnersLink a.activeNav {background-position: -406px -51px;}
#caseStudiesLink a {background-position: -494px 0px; width: 124px;}
#caseStudiesLink a:hover, #caseStudiesLink a.activeNav {background-position: -494px -51px;}
#contactLink a {background-position: -618px 0px; width: 81px;}
#contactLink a:hover, #contactLink a.activeNav {background-position: -618px -51px;}
#loginLink a {background-position: -699px 0px; width: 77px;}
#loginLink a:hover, #loginLink a.activeNav {background-position: -699px -51px;}

.shadow {background: url(../images/shadow.jpg) no-repeat; width: 760px; margin-right: auto; margin-left: auto; }
#homeMultiWrap {width: 776px; margin-right: auto; margin-left: auto; min-height: 50px;}
.multiColumn {width: 255px; float: left; border-right: solid 1px #cfcfcf;}
#container .noRightBorder {border: none;}
.multiContent {padding: 15px;}
.multiContent h5 {font-size: 12px; text-transform: uppercase; color: #730007; margin-bottom: 15px;}
#container .multiContent p {margin-bottom: 10px;}
ul.bullets {margin: 10px 30px;}
ul.bullets li {list-style: none; background: url(../images/bullet.gif) no-repeat 0px 10px; padding-left: 8px; margin-bottom: 10px;}

ol {margin: 20px 50px;}

#teamNav {margin-bottom: 20px;}
#teamNav ul li {float: left; list-style: none; }
#teamNav ul a {font-weight: bold; float: left; display: block; margin-right: 30px; color: #959595; font-size: 13px; text-decoration: none;}
#teamNav .teamActive {color: #740004; text-decoration: underline;}
#teamAdvisory {margin-right: 0px;}
.profileRow h4 {font-size: 18px;}
.profileRowContent {margin-left: 15px;}
.profileDesc { padding-left:0;}
.profileRow img {float: left; margin-right:10px;}
#container .profileRow p {margin-bottom: 15px;}
.profileRow {float:left; margin-bottom: 25px; margin-right:25px; width:355px;}

#animateBlocksWrap {position: absolute; left: 485px; margin-top: -20px; width: 310px; z-index: 1000; background: #fff;}
#animateBlocks a {display: block; float: left; padding: 2px 6px; background: #fff; border: solid 1px #414141; color: #fff; text-decoration: none; margin-right: 14px;}
#animateBlocks a.activeSlide {background: #414141; color: #414141;}
#animateWrap {height: 224px;}

.featureText {display: block; float: left; margin-right: 5px; color: #414141; text-transform:uppercase; padding-top: 3px;}
#animateBlocks {display: block; float: left;}
.animateItem {background: #fff; height: 224px;}

#homeSideWrap h3 {margin-bottom: 15px;}
.headerIncreaseLoyalty {background: url(../images/header_increase_loyalty.png) no-repeat; text-indent: -9000px; height: 62px;}
.headerWeAreMobile {background: url(../images/header_wearemobile.png) no-repeat; text-indent: -9000px; height: 80px;}
.headerListeners {background: url(../images/header_listeners.png) no-repeat; text-indent: -9000px; height: 80px;}
.headerDoers {background: url(../images/header_doers.png) no-repeat; text-indent: -9000px; height: 80px;}
.headerCreative {background: url(../images/header_creative.png) no-repeat; text-indent: -9000px; height: 80px;}
.headerScore {background: url(../images/header_score.png) no-repeat; text-indent: -9000px; height: 80px;}

.homeAnimateImg {width: 445px; height: 280px; float: left; margin-right: 15px;}
#homeMobile {background: url(../images/home_mobile.jpg) no-repeat;}
#homeListeners {background: url(../images/home_listeners.jpg) no-repeat;}
#homeDoers {background: url(../images/home_doers.jpg) no-repeat;}
#homeCreative {background: url(../images/home_creative.jpg) no-repeat;}
#homeScore {background: url(../images/mobiquitous.jpg) no-repeat; margin-left:5;}
#homeAnimateWrap {background: #fff; height:280px;}
.homeAnimateContent {float: left; width: 306px; background: #fff;}

.headerWhatIsTetherball {width: 300px; background: url(../images/header_what_is_tetherball.png) no-repeat; text-indent: -9000px; height: 27px; margin-left: 20px; float: left;}
.headerWhyMobile {width: 300px; background: url(../images/header_why_mobile.png) no-repeat; text-indent: -9000px; height: 31px; margin-left: 20px; }
.headerWhyTetherball {width: 300px; background: url(../images/header_why_tetherball.png) no-repeat; text-indent: -9000px; height: 31px; }
.headerWhoIsTetherball {float: left; margin-left: 20px; width: 300px; background: url(../images/header_who_is_tetherball.png) no-repeat; text-indent: -9000px; height: 31px; }
.headerPress {float: left; margin-left: 20px; width: 300px; background: url(../images/header_press.png) no-repeat; text-indent: -9000px; height: 31px; }
.headerClients {float: left; margin-left: 20px; width: 300px; background: url(../images/header_clients.png) no-repeat; text-indent: -9000px; height: 31px; }
.headerPartners {float: left; margin-left: 20px; width: 300px; background: url(../images/header_partners.png) no-repeat; text-indent: -9000px; height: 31px; }
.headerCaseStudies {float: left; margin-left: 20px; width: 300px; background: url(../images/header_casestudies.png) no-repeat; text-indent: -9000px; height: 31px; }
.headerContact {float: left; margin-left: 20px; width: 300px; background: url(../images/header_contact.png) no-repeat; text-indent: -9000px; height: 31px; }
.headerPrivacy {float: left; margin-left: 20px; width: 300px; background: url(../images/header_privacy.png) no-repeat; text-indent: -9000px; height: 31px; }
.headerTOS {float: left; margin-left: 20px; width: 300px; background: url(../images/header_tos.png) no-repeat; text-indent: -9000px; height: 31px; }
.headerLogin {float: left; margin-left: 20px; width: 300px; background: url(../images/header_login.png) no-repeat; text-indent: -9000px; height: 31px; }

.headerHowWork {width: 300px; background: url(../images/header_how_work.png) no-repeat; text-indent: -9000px; height: 27px; margin-left: 20px; float: left;}

.interestedLink {float: right; display: block; font-size: 12px; margin-top: 12px; margin-right: 20px;}

#homeMainContent, .intMainContent {float: left; width: 400px;}
.content {padding: 0px 20px;}
#homeSideWrap, .intSideWrap {float: right; width: 304px;}
.shadow .intMainContent {padding-left: 20px;}
.shadow .intMainContent, .shadow .intSideWrap {padding-top: 35px; }
.shadowContent {padding-top: 35px; }

.pressMeta {float: left; width: 150px; color: #000; margin-right: 5px; padding-left: 5px; text-align: left; font-size: 13px; font-weight:bold;}
.caseStudyImg {float: left; width: 158px; text-align: center; margin-right: 15px;}
.pressDate {display: block; font-size: 11px; margin-top: 5px;}
.pressDetails {float: left; width: 47%; margin-right: 5px;}
.pressDetailsFull {float: left; width: 460px;}
.caseStudyDetails h4 {font-size: 18px; color: #000;}
.caseStudyDetails {float: left; width: 420px;}
.caseStudyExtras {float: right; width: 120px; padding-top: 90px;}
.caseStudyExtras img {margin-bottom: 25px;}
.pressItem {margin-bottom: 15px; padding-bottom: 15px; border-bottom: solid 1px #cecece;}
.pressMore { font-size: 12px; float: left; width: 90px; padding-top: 10px;}
#releases { float:left; padding-right:5px; width:49%;}
#press { border-left:2px solid #CECECE;  float:left; width:49%; padding-left:5px;}
#pressId { margin-bottom:10px; }
/*.clientItem {float: left; margin: 10px; background-image: url(../images/clients_sprite.jpg); background-repeat: no-repeat; width: 166px; height: 176px;}*/
.clientItem {float: left; margin: 10px; background-image: url(../images/clients_sprite.jpg); background-repeat: no-repeat; width: 166px; height: 176px;}
.csItem {float: left; margin: 10px; background-image: url(../images/clients_sprite.jpg); background-repeat: no-repeat; width: 166px; height: 176px;}
.partnerItem {float: left; margin: 10px; width: 170px; height: 90px;}
.partnerItem p {padding: 0px 10px; font-size: 12px;}
.partnerItem h5 {background-image: url(../images/partners_sprite.jpg); background-repeat: no-repeat; width: 166px; height: 91px; text-indent: -9000px;}
#clientMcdonalds {background-position: 0px 0px;}
#clientCarlsJr {background-position: -166px 0px;}
#clientDQ {background-position: -332px 0px;}
#clientSpringerMt {background-position: -332px -176px;}
#clientBlockBuster {background-position: 0px -350px;}
#clientQdoba {background-position: -498px 0px;}
#clientArbys {background-position: 0px -176px;}
#clientHotBox {background-position: -498px -176px;}
#clientGeico {background-position: -166px -176px;}
#clientNbcSkyCastle {background-position: -166px -350px;}
#clientWishoo {background-position: -498px -530px;}
#moroch {background-position: -332px -530px;}
#jdRest {background-position: -166px -350px;}
#dpHealth {background-position: -332px -350px;}
#anStoner {background-position: -498px -350px;}
#sca {background-position: 0px -530px;}
#clientTeleMundo {background-position: -166px -530px;}
#clientDunkin { background-position: -332px -530px; }
#clientBaskin { background-position: 0px -705px; }
#clientStepUp {background-position: -166px -705px;}
#clientBudLight {background-position: 0px -706px;}
.clientItem a, .csItem a {display: block; width: 166px; height: 176px; text-decoration: none; text-indent: -9000px;}

#partnerMotorola h5 {background-position: 0px 0px;}
#partnerOpenMarket h5 {background-position: -166px 0px;}
#partnerFirstData h5 {background-position: -332px 0px;}
#partnerVivoTech h5 {background-position: -498px 0px;}
#partnerSCA h5 {background-position: 0px -91px;}
#partnerSymbol h5 {background-position: -166px -91px;}
#partnerCSCA h5 {background-position: 0px -182px;}
#partnerWeconnectit h5 {background-position: -330px -91px;}
#partnerESG h5 {background-position: -500px -91px;}
#partnerNeuStar h5{background-position: -165px -182px;}
#partnersAlltel h5{background-position: 0px -275px;}
#partnersAtt h5{background-position: -165px -275px;}
#partnersSprint h5{background-position: -335px -275px;}
#partnersTmobile h5{background-position: -495px -275px;}
#partnersVerizon h5{background-position: -0px -366px;}
#partnerPurdue h5{background-position: -166px -366px;}
#partnerVanguard h5{background-position: -332px -364px;}
#partnerWs h5{background-position: -500px -364px;}
#partnerXpient h5 {background-position: -500px -182px;}
#mobiFyer h5 {background-position: 0px -455px;}
#partnerAccenture h5 {background-position: -330px -455px;}
#partnerBOAM h5 {background-position: -500px -455px;}
#contactInfo {float: left; padding-left: 20px; width: 180px; height: 300px; border-right: solid 1px #cecece;}
#contactInfo p {margin-bottom: 10px;}

#whyLeftCol {width: 350px;}
#whyRightCol, #whyTopRight {width: 350px;}

.profileWrap { float:left; }

.whoMainContent { float: left;}
.whoMainContent p { margin-bottom:5px; }
.whoSideContent {float: right; width: 375px;}

#whatFlashWrap {width: 800px; height: 280px;}
#howFlashWrap {/*background: url(../images/how_V2.jpg) no-repeat;*/ width: 800px; height: 344px;}
.shadowDetails {padding: 30px 15px 10px 15px;}
#mainBottomContent {float: left; width: 340px; }
.importantText {font-size: 18px; line-height: 26px !important;}
#sideBottomContent {float: right; width: 364px; line-height: 19px;}
#mainBottomContent ul {font-size: 12px; margin-left: 20px; line-height: 20px;}
#sideBottomContent p {margin-bottom: 15px;}
.topInfo {width: 760px; margin-right: auto; margin-left: auto; margin-bottom: 10px;}

#miscContent {padding-left: 225px; padding-right: 70px;}
#footer {background: url(../images/footer.png) no-repeat top left; margin:0 0 20px 0; padding:35px 25px 15px 0; color: #a7a7a7; text-align: right; }
#footer a {color: #a7a7a7;}
#footer a:hover {text-decoration: underline; color: #dcdcdc;}

.loginList {list-style: none; margin-left: 20px;}
.loginList li {padding: 2px 0px 20px 35px; margin-bottom: 5px; line-height: 16px; font-weight: bold;}
.schedulerIcon {background: url(../images/scheduler_icon.png) no-repeat;}
.reportingIcon {background: url(../images/reporting_icon.png) no-repeat;}
.campaignIcon {background: url(../images/campaign_icon.png) no-repeat;}
#contentWrap .loginLeft {width: 300px; border-right: solid 1px #cecece;}
.loginRow {margin-bottom: 10px;}
.loginRow label {font-size: 12px;}
.loginRow input {font-size: 11px; width: 120px;}
#contentWrap .loginRow p {margin-bottom: 5px;}
.loginFormField {float: left; width: 120px; padding-right: 15px;}
.loginButtonField {margin-top: 17px; float: left; width: 65px;}
.loginBtn {background: url(../images/login_btn.png) no-repeat; width: 65px; height: 19px; border: none;}
.loginBtn span {visibility: hidden;}
#contentWrap .help {color: #414141;}


/* Overlay */
#simplemodal-over3lay {background-color:#000; cursor:wait;}

/* Container */
#simplemodal-container {height:490px; background-color:transparent; width:257px;}
#simplemodal-container a.modalCloseImg {background:url(../images/x.png) no-repeat; width:25px; height:29px; display:inline; z-index:3000; position:absolute; top:9px; right:-15px; cursor:pointer;}
#simplemodal-container #basicModalContent {padding:8px;}
#starCon 
{
	position:relative;
	height:0px;
	width:0px;
	z-index:100;
}
#star 
{	
	background: transparent url(../images/starburst.png) no-repeat top left;
	height:165px;
	left:775px;
	position:absolute;
	width:165px;
	top:150px;
	z-index:100;
}
#star p
{	
	height:160px;
	font-size:17px;
	padding:40px 5px 0 15px;
	text-align:center;
	width:130px;
}
#star a
{	
	color:#fff;
	text-decoration:none;
}

.csItem div {
	text-align: left;
	position: absolute;
	display: none;
	z-index: 1000;
	padding: 15px;
	background: #E7ECF2 url(../images/popup.png) no-repeat;
	color: white;
	border: 1px solid white;
	font-size: 15px;
	width: 200px;
	-moz-border-radius: 3px;
	-khtml-border-radius: 3px;
	-webkit-border-radius: 3px;
	-border-radius: 3px;
	list-style: none;
	color: #444444;
	-webkit-box-shadow: 0px 8px 8px #333;
}

.csItem div h1 
{
	font-size:16px;
	margin: 0 0 8px 0;
}
.csItem div em 
{
	display:block;
	margin:5px 0 0 0;
	line-height:1.3;
	font-size:12px;
}
.navHover 
{
	background:#fff;
}
.navHover a
{
	background:none;
}
.social-networks 
{
border-color:#E0E0E0;
border-style:solid;
border-width:1px 0;
height:1%;
overflow:hidden;
padding:2px 0 0;
width:95%;
font-size:12px;
line-height:1.333em;
list-style:none outside none;
margin:0 0 0 20px;
}
.social-networks li 
{
	border-top:1px solid #DEDEDE;
	border:medium none;
	float:left;
	list-style:none outside none;
	margin:0 0 0 10px;
	padding:7px 11px 10px 20px;
}
.social-networks img {
border:none;
left:2px;
position:relative;
top:0;
}

li.facebook 
{
	background-position:0 8px;
}
li.twitter 
{
	background-position:0 8px;
}
li.linkedin 
{
	background-position:0 8px;
}
.facebook  {
background:url("../images/ico-facebook.gif") no-repeat scroll 7px 8px transparent;
}
.twitter {
background:url("../images/ico-twitter.gif") no-repeat scroll 7px 8px transparent;
}
.linkedin  {
background:url("../images/ico-linkedin.gif") no-repeat scroll 7px 8px transparent;
}