/******************************
   Home
******************************/	
.home { }
.home #wrap { background:none; }

/******************************
   Splash
******************************/	
.home #home-splash { position:relative; overflow:hidden; zoom:1; width:978px; height:350px; margin:0 0 20px; background:url('../images/home/bg-splash.png') top repeat-x; border:1px solid #e7e7e7; border-top:0; }	
.home #home-splash .nav { position:absolute; bottom:100px; left:60px; z-index:1000; }
.home #home-splash .nav ul { overflow:hidden; zoom:1; list-style:none; margin:0; }
.home #home-splash .nav ul li { float:left; width:17px; height:17px; margin:0 6px 0 0; background:url('../images/home/splash/bg-nav.png') top left no-repeat;  }
.home #home-splash .nav ul li.on { background:url('../images/home/splash/bg-nav.png') bottom left no-repeat; }
.home #home-splash .nav ul li a { display:block; width:100%; height:100%; text-indent:-1000em; cursor:pointer; }

.home #home-splash .button-advertise { position:absolute; bottom:40px; left:60px; z-index:1000; }
.home #home-splash .button-advertise a { display:block; width:192px; height:33px; background:url('../images/home/splash/button-advertise.png') top left no-repeat; text-indent:-1000em; }
.home #home-splash .button-advertise a:hover { background:url('../images/home/splash/button-advertise.png') bottom left no-repeat; }


.home #home-splash #splash { }
.home #home-splash #splash .slide { position:relative; width:978px; height:350px; }
.home #home-splash #splash .slide .intro { position:absolute; bottom:130px; left:60px; width:350px; }
.home #home-splash #splash .slide .intro h2 { margin:0 0 16px; line-height:30px; font-size:30px; color:#0068bb; }
.home #home-splash #splash .slide .intro p { width:300px; line-height:18px; color:#333333; }
	
.home #home-splash #splash .tweet { width:227px; height:152px; padding:22px 16px 0; background:url('../images/home/splash/bg-tweet-large.png') top left no-repeat; }
.home #home-splash #splash .tweet .top { overflow:hidden; zoom:1; margin:0 0 5px; padding:0 0 5px; border-bottom:1px solid #c8c7c7; font-family:Arial, Helvetica, sans-serif; }
.home #home-splash #splash .tweet .top .thumb { float:left; width:39px; margin:0 10px 0 0; }
.home #home-splash #splash .tweet .top .twitter-name { float:left; width:168px; }				
.home #home-splash #splash .tweet .top .twitter-name span { display:block; }
.home #home-splash #splash .tweet .top .twitter-name span.account-name { margin:0 0 2px; font-size:15px; color:#336699; font-weight:bold; }
.home #home-splash #splash .tweet .top .twitter-name span.celeb-name { font-size:14px; color:#666666; }	
.home #home-splash #splash .tweet .bottom { margin:0; }
.home #home-splash #splash .tweet .bottom p { margin:0 0 8px; }
.home #home-splash #splash .tweet .bottom .tweet-text { line-height:17px; font-family:"Times New Roman", Times, serif; font-size:14px; color:#000000; }	
.home #home-splash #splash .tweet .tweet-date { font-family:Arial, Helvetica, sans-serif; font-size:10px; color:#999999; }
.home #home-splash #splash .tweet .tweet-date span { display:block; }		
.home #home-splash #splash .tweet .tweet-date span span { display:inline; }
.home #home-splash #splash .tweet .link { color:#336699; }
.tweet.bunny .top .twitter-name span.account-name, .tweet.bunny .link { color:#e8006d !important; }
.tweet.ray-j .top .twitter-name span.account-name, .tweet.ray-j .link { color:#009999 !important; }
.tweet.kourtney .top .twitter-name span.account-name, .tweet.kourtney .link { color:#e66c6c !important; }
.tweet.monica .top .twitter-name span.account-name, .tweet.monica .link { color:#EF2F82 !important; }
.tweet.gretchen .top .twitter-name span.account-name, .tweet.gretchen .link { color:#B40B43 !important; }
.tweet.lamar .top .twitter-name span.account-name, .tweet.lamar .link { color:#7500a0 !important; }
.tweet.erikawifey .top .twitter-name span.account-name, .tweet.erikawifey .link { color:#8F00B3 !important; }
.tweet.rocsi .top .twitter-name span.account-name, .tweet.rocsi .link { color:#BF1238 !important; }
.tweet.bodovan .top .twitter-name span.account-name, .tweet.bodovan .link { color:#8DC1D6 !important; }
.tweet.yourfavwhiteguy .top .twitter-name span.account-name, .tweet.yourfavwhiteguy .link { color:#088253 !important; }
	
.home #home-splash #splash .slide .stats { font-size:13px; }
.home #home-splash #splash .slide .stats p { margin:0 0 8px; }
.home #home-splash #splash .slide .stats span { display:block; font-weight:bold; color:#000000; }	
.home #home-splash #splash .slide .stats span.inline { display:inline; }	

.home #home-splash #splash .slide .celeb-label { position:absolute; width:118px; color:#333333; text-align:center; /* background:#ff0000; */ }
.home #home-splash #splash .slide .celeb-label span { display:block; }
	
.home #home-splash #slide-tweets-1 { background:url('../images/home/splash/bg-slide-1a.jpg') top right no-repeat; }
.home #home-splash #slide-tweets-2 { background:url('../images/home/splash/bg-slide-1b.jpg') top right no-repeat; }
.home #home-splash #slide-tweets-3 { background:url('../images/home/splash/bg-slide-1c.jpg') top right no-repeat; }
.home #home-splash #slide-tweets-4 { background:url('../images/home/splash/bg-slide-1d.jpg') top right no-repeat; }
.home #home-splash .slide-tweets .tweet-1 { position:absolute; bottom:10px; left:430px;  }
.home #home-splash .slide-tweets .tweet-2 { position:absolute; bottom:10px; right:10px;  }
.home #home-splash #slide-all-demos { background:url('../images/home/splash/bg-slide-2.jpg') top right no-repeat; }
.home #home-splash #slide-demo-males { background:url('../images/home/splash/bg-slide-3.jpg') top right no-repeat; }
.home #home-splash #slide-demo-males .stats-left { position:absolute; top:100px; right:452px; text-align:right; }
.home #home-splash #slide-demo-males .stats-right { position:absolute; top:100px; left:782px; }
.home #home-splash #slide-celebs-males { background:url('../images/home/splash/bg-slide-4.jpg') top right no-repeat; }
.home #home-splash #slide-celebs-males .celeb-label-left { bottom:28px; left:443px; }
.home #home-splash #slide-celebs-males .celeb-label-right { bottom:28px; left:808px; }
.home #home-splash #slide-demo-moms { background:url('../images/home/splash/bg-slide-5.jpg') top right no-repeat; }
.home #home-splash #slide-demo-moms .stats-left { position:absolute; top:64px; right:396px; text-align:right; }
.home #home-splash #slide-demo-moms .stats-right { position:absolute; top:64px; left:835px; }
.home #home-splash #slide-celebs-moms { background:url('../images/home/splash/bg-slide-6.jpg') top right no-repeat; }
.home #home-splash #slide-celebs-moms .celeb-label-left { bottom:28px; left:541px; }
.home #home-splash #slide-celebs-moms .celeb-label-right { bottom:28px; left:808px; }
.home #home-splash #slide-results { }
.home #home-splash #slide-results .caption { position:absolute; top:24px; width:200px; padding:0 0 0 32px; font-size:13px; }
.home #home-splash #slide-results .caption-1 { left:388px; background:url('../images/home/splash/bg-caption-1.png') top left no-repeat; }
.home #home-splash #slide-results .caption-2 { left:662px; background:url('../images/home/splash/bg-caption-2.png') top left no-repeat; }
.home #home-splash #splash #slide-results .tweet { position:absolute; top:86px; left:388px; width:199px; height:221px; padding:22px 16px 0; background:url('../images/home/splash/bg-tweet-long.png') top left no-repeat; }
.home #home-splash #splash #slide-results .tweet .top .twitter-name { width:136px; } 
.home #home-splash #splash #slide-results .tweet .bottom .tweet-text { line-height:20px; font-size:17px; }
.home #home-splash #slide-results .results { position:absolute; top:92px; left:662px; width:293px; height:236px; padding:0; background:url('../images/home/splash/bg-results.png') top left no-repeat; }
.home #home-splash #slide-results .results .result { position:absolute; text-align:center; font-size:14px; }
.home #home-splash #slide-results .results .result span { display:block; font-size:20px; color:#6896c4; font-weight:bold;  }
.home #home-splash #slide-results .results .result-left { top:14px; left:26px; }
.home #home-splash #slide-results .results .result-mid { top:14px; left:71px; width:150px; }
.home #home-splash #slide-results .results .result-right { top:14px; right:26px; }
.home #home-splash #slide-results .divider { position:absolute; top:197px; left:626px; width:29px; height:33px; background:url('../images/home/splash/bg-results-divider.png') top left no-repeat; }
.home #home-splash #slide-results .graph { position:absolute; bottom:30px; right:36px; width:272px; height:188px; background:url('../images/home/splash/results.png') top left no-repeat; }

/******************************
   Influencers/Stats
******************************/	
.home .influencers-stats { overflow:hidden; zoom:1; margin:0 0 20px; }
.home .influencers-stats h3 { position:absolute; top:12px; left:32px; color:#666666; }
.home .influencers-stats .influencers { position:relative; float:left; width:500px; height:152px; background:#ffffff; }	
.home .influencers-stats .influencers a.join-the-mob { position:absolute; top:12px; right:12px; display:block; width:146px; height:26px; background:url('../images/home/button-join-the-mob.png') top left no-repeat; text-indent:-1000em; }
.home .influencers-stats .influencers a.join-the-mob:hover { background:url('../images/home/button-join-the-mob.png') bottom left no-repeat; }
.home .influencers-stats .influencers .list { position:absolute; top:56px; margin:0 0 0 25px; visibility: hidden; left: -5000px; }
.home .influencers-stats .influencers .list ul { list-style:none; }
.home .influencers-stats .influencers .list ul li { width:90px; height:90px; text-align:center; }
.home .influencers-stats .influencers .list ul li a { display:block; margin:0 0 4px; }
.home .influencers-stats .influencers .list ul li span { display:block; margin:0 0 1px; padding:0 2px; font-size:10px; color:#666666; }
.home .influencers-stats .influencers #carousel-prev { position:absolute; top:70px; left:2px; width:20px; height:21px; background:url('../images/home/influencers/bg-prev.png') top left no-repeat; cursor:pointer; text-align:-1000em; }
.home .influencers-stats .influencers #carousel-prev:hover { background:url('../images/home/influencers/bg-prev.png') bottom left no-repeat; }
.home .influencers-stats .influencers #carousel-next { position:absolute; top:70px; right:2px; width:20px; height:21px; background:url('../images/home/influencers/bg-next.png') top left no-repeat; cursor:pointer; }
.home .influencers-stats .influencers #carousel-next:hover { background:url('../images/home/influencers/bg-next.png') bottom left no-repeat; }

.home .influencers-stats .stats { position:relative; float:right; width:473px; height:152px; background:#ffffff; }
.home .influencers-stats .stats .inner { position:absolute; top:46px; left:14px; }
.home .influencers-stats .stats .inner ul { overflow:hidden; zoom:1; list-style:none; margin:0; }
.home .influencers-stats .stats .inner ul li { float:left; margin:0 6px 0 0; }
.home .influencers-stats .stats .stat { display:block; height:68px; padding:0 16px 0 0; background:url('../images/home/stats/bg.png') top right no-repeat; }
.home .influencers-stats .stats .stat .stat-inner { display:block; height:52px; line-height:24px; padding:16px 0 0 16px; background:url('../images/home/stats/bg.png') top left no-repeat; font-size:30px; color:#6896c4; font-weight:bold; }
.home .influencers-stats .stats .stat .stat-inner span { display:block; margin:0 0 0 3px; font-size:12px; font-weight:normal; }

/******************************
   Influencers/Stats
******************************/	
.home #case-studies {  overflow:hidden; zoom:1; height:297px; border:1px solid #e4e7ea; background:url('../images/home/bg-case-study.png') bottom repeat-x; }
.home #case-studies ul { overflow:hidden; zoom:1; list-style:none; height:80px; margin:0; padding:0 0 0 40px; background:url('../images/home/bg-case-study-nav.png') top repeat-x; }
.home #case-studies ul li { float:left; height:80px; margin:0 1px; }
.home #case-studies ul li.ui-state-active { margin:0; background:#ffffff; border-left:1px solid #e8e8e8; border-right:1px solid #e8e8e8; }
.home #case-studies ul li a { display:block; height:100%; text-indent:-1000em; }
.home #case-studies ul li.style-icon a { width:111px; background:url('../images/home/case-studies/style-icon.png') center center no-repeat; }
.home #case-studies ul li.style-icon.ui-state-active a, .home #case-studies ul li.style-icon a:hover { background:url('../images/home/case-studies/style-icon-on.png') center center no-repeat; }
.home #case-studies ul li.farmers a { width:104px; background:url('../images/home/case-studies/farmers.png') center center no-repeat; }
.home #case-studies ul li.farmers.ui-state-active a, .home #case-studies ul li.farmers a:hover { background:url('../images/home/case-studies/farmers-on.png') center center no-repeat; }
.home #case-studies ul li.lionsgate a { width:108px; background:url('../images/home/case-studies/lionsgate.png') center center no-repeat; }
.home #case-studies ul li.lionsgate.ui-state-active a, .home #case-studies ul li.lionsgate a:hover { background:url('../images/home/case-studies/lionsgate-on.png') center center no-repeat; }
.home #case-studies ul li.t-mobile a { width:128px; background:url('../images/home/case-studies/t-mobile.png') center center no-repeat; }
.home #case-studies ul li.t-mobile.ui-state-active a, .home #case-studies ul li.t-mobile a:hover { background:url('../images/home/case-studies/t-mobile-on.png') center center no-repeat; }
.home #case-studies ul li.mitsubishi a { width:72px; background:url('../images/home/case-studies/mitsubishi.png') center center no-repeat; }
.home #case-studies ul li.mitsubishi.ui-state-active a, .home #case-studies ul li.mitsubishi a:hover { background:url('../images/home/case-studies/mitsubishi-on.png') center center no-repeat; }
.home #case-studies ul li.ringling-bros a { width:126px; background:url('../images/home/case-studies/ringling-bros.png') center center no-repeat; }
.home #case-studies ul li.ringling-bros.ui-state-active a, .home #case-studies ul li.ringling-bros a:hover { background:url('../images/home/case-studies/ringling-bros-on.png') center center no-repeat; }
.home #case-studies ul li.kia a { width:109px; background:url('../images/home/case-studies/kia.png') center center no-repeat; }
.home #case-studies ul li.kia.ui-state-active a, .home #case-studies ul li.kia a:hover { background:url('../images/home/case-studies/kia-on.png') center center no-repeat; }
.home #case-studies ul li.freshpair a { width:133px; background:url('../images/home/case-studies/freshpair.png') center center no-repeat; }
.home #case-studies ul li.freshpair.ui-state-active a, .home #case-studies ul li.freshpair a:hover { background:url('../images/home/case-studies/freshpair-on.png') center center no-repeat; }
.home #case-studies ul li.funny-or-die a { width:148px; background:url('../images/home/case-studies/funny-or-die.png') center center no-repeat; }
.home #case-studies ul li.funny-or-die.ui-state-active a, .home #case-studies ul li.funny-or-die a:hover { background:url('../images/home/case-studies/funny-or-die-on.png') center center no-repeat; }

	
.home #case-studies .case-study { position:relative; width:978px; height:217px;  }
.home #case-studies .case-study .description { position:absolute; top:30px; left:40px; width:240px; color:#6896c4; font-size:15px; font-weight:bold; }
.home #case-studies .case-study .description span { color:#666666; font-weight:normal; }
.home #case-studies .case-study .description p { margin:0 0 10px; }

.home #case-studies .case-study .tweet { position:absolute; top:4px; left:320px; width:275px; height:169px; padding:30px 10px 0; background:url('../images/home/case-studies/bg-tweet.png') top left no-repeat; }
.home #case-studies .case-study .tweet .top { overflow:hidden; zoom:1; margin:0 0 5px; padding:0 0 5px; border-bottom:1px solid #c8c7c7; font-family:Arial, Helvetica, sans-serif; }
.home #case-studies .case-study .tweet .top .thumb { float:left; width:48px; margin:0 10px 0 0; }
.home #case-studies .case-study .tweet .top .twitter-name { float:left; width:217px; }				
.home #case-studies .case-study .tweet .top .twitter-name span { display:block; }
.home #case-studies .case-study .tweet .top .twitter-name span.account-name { margin:0 0 2px; font-size:16px; color:#336699; font-weight:bold; }
.home #case-studies .case-study .tweet .top .twitter-name span.celeb-name { font-size:14px; color:#666666; }	
.home #case-studies .case-study .tweet .bottom { margin:0 0 12px; }
.home #case-studies .case-study .tweet .bottom .tweet-text { line-height:20px; font-family:"Times New Roman", Times, serif; font-size:17px; color:#000000; }	
.home #case-studies .case-study .tweet .tweet-date { font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#999999; }
.home #case-studies .case-study .tweet .tweet-date span { display:block; }		
.home #case-studies .case-study .tweet .tweet-date span span { display:inline; }
.home #case-studies .case-study .tweet .link { color:#336699; }	

.home #case-studies .case-study .stats { position:absolute; top:20px; left:620px; }
.home #case-studies .case-study .stats td { vertical-align:top; }
.home #case-studies .case-study .stats .number { width:170px; line-height:24px; padding:0 8px 8px 0; font-size:22px; color:#6896c4; font-weight:bold; text-align:right; }
.home #case-studies .case-study .stats .metric { width:170px; padding:3px 0 8px; }
