/* CSS Document */
html {margin:0; padding:0;}
body {margin:0; padding:0; font: 12px Tahoma, Verdana, Arial, Helvetica; color : #666666; margin: 0; padding: 0; background: url(../images/bg.gif) repeat; }
a {margin: 0; padding: 0; color: #ffffff; text-decoration: none;}
a:hover {color: #ffffff; text-decoration: underline; }
.clear {clear:both;}

#container {margin: auto; margin: 0;padding:0; text-align: center;}
#header {margin: 10px 0 0 0; width: 100%;}
#header_container {margin: 0 auto; padding: 0 0 0 0; width: 1000px; height: 54px; color: #ffffff;}
#logo {padding: 0; margin: 0 39px 0 0; width: 75px; float: left; }

/* NAVIGATION ELEMENTS*/
#nav_container {padding: 0; margin: 0; width: 875px; height:44px; float: left; background: url(../images/bg_nav.png); }

ul#navbar {margin: 7px 0 0 20px; padding: 0; border: 0; list-style-type:none; width: 815px; height: 29px; }
ul#navbar li {float:left; margin: 0 0 0 0px; padding: 0 0 0 0; border: 0; height: 29px;}
ul#navbar li a {display: block; padding: 0; margin: 0; height: 22px; text-align: center;}

ul#navbar li a#nav_next {display: block; width: 141px; height: 29px; padding: 0; margin: 0; background: url(../images/nav_next.png);}
ul#navbar li a#nav_analytics {display: block; width: 189px; height: 29px; padding: 0; margin: 0; background: url(../images/nav_anal.png);}
ul#navbar li a#nav_events {display: block; width: 227px; height: 29px; padding: 0; margin: 0; background: url(../images/nav_events.png);}
ul#navbar li a#nav_scavengar {display: block; width: 122px; height: 29px; padding: 0; margin: 0; background: url(../images/nav_scavengar.png);}
ul#navbar li a#nav_booth {display: block; width: 136px; height: 29px; padding: 0; margin: 0; background: url(../images/nav_booth.png);}

ul#navbar li a#nav_next:hover, ul#navbar li a#nav_booth:hover, ul#navbar li a#nav_analytics:hover, ul#navbar li a#nav_events:hover, ul#navbar li a#nav_scavengar:hover {background-position: 0px -29px;}
a#nav_next span, a#nav_events span, a#nav_analytics span, a#nav_scavengar span, a#nav_booth span {display: none;}
ul#navbar li a#nav_next.current, ul#navbar li a#nav_booth.current, ul#navbar li a#nav_analytics.current, ul#navbar li a#nav_events.current, ul#navbar li a#nav_scavengar.current {background-position: 0px -29px;}
/* NAVIGATION ELEMENTS*/

/* INTRO ELEMENTS*/
#intro {margin: auto; width: 1000px;  text-align: left;}
#navicons {margin: auto; width: 1000px;  text-align: left;}
.img {padding: 0 10px 0 0; float: left; }
.img2 {padding: 0 10px 0 0; float: right; }
.img3 {padding: 0 0 0 10px; float: right; }
.whatnext {float: left; padding: 0 0 0 0px; font: 14px Arial, Helvetica; color : #ffffff; width: 512px; margin:0; text-align: left;}
.hpvideo {float: left; padding: 0 0 0 0px; width: 325px; margin:0 25px 0 20px; position: relative; top:-13px;}
.viewar {position: relative; top:-15px; left: 0px;float: left;}
.social {position: relative; top: 0px; left: 30px;float: left;}
.social2 {position: relative; top:-15px; left: 905px;float: left;}
.social3 {position: relative; top:0px; left: 737px;float: left;}

ul#socialbar {margin: 0 0 0 7px; padding: 0; border: 0; list-style-type:none; width: 78px; height: 16px;}
ul#socialbar li {float:left; margin: 0 0 0 0; padding: 0 0 0 0; border: 0; height: 16px;}
ul#socialbar li a {display: block; padding: 0; margin: 0; text-align: right;}

li a#nav_twitter {display: block; width: 25px; height: 16px; padding: 0; margin: 0; }
li a#nav_youtube  {display: block; width: 25px; height: 16px; padding: 0; margin: 0; }
li a#nav_flickr  {display: block; width: 25px; height: 16px; padding: 0; margin: 0; }

.signupbox {background: url(../images/btn_signup.png); width:110px; height: 69px; float:left; margin: 10px 0 0 0; font: 17px Georgia, Helevtica; color: #ffffff; padding: 10px 0 0 6px;}
.left1 {float: left; width: 87px;}
.right1 {float: left; font: 26px Georgia, Helevtica; color: #ffffff; padding: 0 0 0 3px;}
/* INTRO ELEMENTS*/

/* WHATS NEXT*/
#columnonepg {width: 782px; margin:0 0 0 115px; padding:0 0 40px 0; float: left;}
p.nextintro {font: 16px Arial, Helvetica; color : #ffffff; margin:24px 0 30px 0;}
p.nexttxt {font: 16px Arial, Helvetica; color : #ffffff; padding:0 25px 0 0;}

#columnonepg #column1 {float: left; width: 233px; margin: 25px 0 8px 60px;}
#columnonepg #column2 {float: left; width: 433px; margin: 0 0 8px 0;}

#column2 a#stats {display: block;background: url(../images/btn_stats.gif); width: 425px; height: 185px;}
#column2 a#stats:hover {background-position: 0px -185px;}
#column2 a#charity {display: block;background: url(../images/btn_charity.gif); width: 425px; height: 185px;}
#column2 a#charity:hover {background-position: 0px -185px;}
#column2 a#scaveng {display: block;background: url(../images/btn_scavengar.gif); width: 425px; height: 185px;}
#column2 a#scaveng:hover {background-position: 0px -185px;}

#column2 a#stats span, #column2 a#charity span, #column2 a#scaveng span {display: none;}
/* WHATS NEXT*/

/* MAIN ELEMENTS*/
#main_container {margin: 0 auto; padding:0; width: 1000px; text-align: left;}
#main_container2 {margin: 0 auto; padding:0; width: 1000px; text-align: left;}
.tophandle {background: url(../images/bg_handle.gif); height: 35px; width: 193px; position: relative; top:0px; left: 644px; padding: 0; margin:0;}
#column1 {width: 734px; float: left;}
#column2 {width: 252px; float: left; margin: 0 0 0 10px;}
.sectionhd {padding: 0; font: 24px Georgia, Helvetica; color: #ffffff;}

#crimson {width: 734px; background: #1d183a;}
#crimson .logo {padding: 0 13px 14px 0px; float: right;}
#crimson #sectiontitle {width: 730px;}
#crimson .sectionhd {padding: 15px 0 15px 20px; font: 24px Georgia, Helvetica; color: #ffffff;}
#crimson .whatsthis {position: relative; top:10px; left: 275px; }
#crimson #scrollbox {width: 734px; height: 270px; background: #ffffff; overflow: auto;}
.left {float: left; }
.right {float: left;}

.pipes {height: 18px; width: 734px; padding: 0; margin:0;}

#spredfast {width: 734px; background: #1d183a;}
#spredfast .logo {padding: 0 13px 14px 0px; float: right;}
#spredfast #sectiontitle {width: 730px;}
#spredfast .sectionhd {padding: 15px 0 15px 20px; font: 24px Georgia, Helvetica; color: #ffffff;}
#spredfast .whatsthis {position: relative; top:5px; left: 245px; margin: 0; padding: 0;}
#spredfast #scrollbox1 {width: 359px; height: 340px; float: left;margin: 0 0 5px 0; }
#spredfast #scrollbox2 {width: 369px; height: 340px; float: left; margin: 0 0 5px 5px; padding: 0; background: #f5f5f5;}
#spredfast #scrollbox3 {width: 734px; height: 140px; float: left;}

#traackr {width: 252px; height: 955px;background: #1d183a;}
#traackr .title {padding: 15px 0 10px 11px;}
#traackr .whatsthis {padding: 0px 0 0px 140px;}

#influencehd {height: 102px; background: #1d183a; font: 26px Georgia, Arial, Helvetica; color : #ffffff; padding: 11px 0 0 11px;}
#influencehd .logo {float: right; padding: 0 22px 0 0;}
.ranktext {font: 11px Arial, Helvetica; color: #ffffff;font-weight: bold; padding: 0 0 7px 10px;}

#rank {padding: 9px 0 9px 0;  background: #003922; float: left;}
.ranking {width: 252px; padding: 0 0 5px 0; float: left;}
.ranknum {font: 22px Arial, Helvetica; color: #ffffff;font-weight: bold; float: left; width: 25px; padding: 10px 0 0 5px; text-align: center;}
.ranksame {background:transparent url("../images/spacer.gif") no-repeat 0 0; width: 18px; height: 11px; margin: 17px 0 0 2px; float: left;}
.rankup {background:transparent url("../images/green_arrow.png") no-repeat 0 0; width: 18px; height: 11px; float: left; margin: 17px 0 0 2px; padding:0;}
.rankdown {background:transparent url("../images/blue_arrow.png") no-repeat 0 0; width: 18px; height: 11px; float: left; margin: 17px 0 0 2px; padding:0;}
.ranknew {background:transparent url("../images/new.png") no-repeat 0 0; width: 18px; height: 18px; float: left; margin: 17px 0 0 2px; padding:0;}
.ranktxt {background: #15112a; width: 184px;font: 9px Arial, Helvetica; color: #37b3ff; margin: 0; float: left; padding: 5px 5px 5px 8px;}
.profilepic {float: right;}
a.ranklink {color: #a5a4a6; margin: 0; font: 13px Arial, Helvetica; font-weight: bold; text-decoration: underline;}
a.ranklink:hover {color: #008c54; margin: 0; font: 13px Arial, Helvetica; font-weight:  bold;text-decoration: underline;}

.ranklinksbox {padding: 5px 0 0 214px;}

.rollover_rank.rollover_rank_on {background-position: 0 0px;}

.rollover_rank {margin: 0 9px 0 0; display: block; width: 9px; height: 9px; background:transparent url("../images/trend_buttons.png") no-repeat; float: left; background-position: 0 -20px;}

.rollover_rank:hover {background-position: 0 0px;float: left;}

.rollover_rank span,.rollover_rank_on span {display:none;}

.btmhandle {height: 35px; width: 193px; position: relative; top:0px; left: 644px; padding: 0; margin:0;}

#signup {background: url(../images/btn_bottom.png); height: 65px; width: 356px; position: relative; top:-15px; padding: 0; margin:0;}
.signuptxt {padding: 20px 0 0 16px; font: 24px Georgia, Helvetica; color: #ffffff;}


/* MAIN ELEMENTS*/


/* SCAVENGAR ELEMENTS*/
#column1ar {width: 594px; float: left; margin: 0 0 0 5px;}
#column2ar {width: 380px; float: left; margin: 0 0 0 12px;}

#column1ar .arlogo {padding: 8px 0 17px 95px;}

#subnav {padding: 0; margin: 0; width: 594px; height:32px; background: url(../images/bg_nav_ar.png);}

ul#subnavbar {margin: 0 0 0 0px; padding: 0; border: 0; list-style-type:none; width: 594px; height:22px;}
ul#subnavbar li {float:left; margin: 5px 0 0 50px; padding: 0 0 0 0; border: 0; height: 22px;}
ul#subnavbar li a {display: block; padding: 0; margin: 0; font: 13pt "Georgia"; text-decoration: none; color: #ffffff; height: 22px; text-align: center;}

li a#nav_video {display: block; width: 68px; height: 22px; padding: 0; margin: 0;}
li a#nav_contest {display: block; width: 194px; height: 22px; padding: 0; margin: 0;}
li a#nav_tweets {display: block; width: 177px; height: 22px; padding: 0; margin: 0;}

ul#subnavbar li a:hover {color:#ffffff;background: #080909;}
ul#subnavbar li a.current {color:#ffffff; background: #080909;}

div.arcontent div.tab {display:none;}
div.arcontent div.tab {display:none; background: url(../images/bg_ar.png); height: 650px; padding: 28px 5px 0 15px; overflow: auto;}

h2.hdwhite {font: 40px Georgia, Helvetica; color: #ffffff; margin:0;padding:0;}
.white {font: 14px Arial, Helvetica; color: #ffffff;}
.white1 {font: 14px Arial, Helvetica; color: #ffffff; padding: 0 10px 0 0;}
.white2 {font: 14px Arial, Helvetica; color: #ffffff; padding: 0 5px 0 20px;}
a.whitelink {font: 22px Georgia, Helvetica; color: #ffffff; margin:0;padding:0;}
a.white:hover {color:#ffffff;}
a.blue {color:#2bbfef;}
a.blue:hover {color:#ffffff;}
.videobox {padding: 0 0 15px 0px;}
.works1 {float: left; width:315px; margin: 10px 0 0 0; font: 14px Arial, Helvetica; color: #ffffff;}
.works2 {float: left; width: 226px; margin: 20px 0 0 0; background: #ffffff;}

#step1 {background: url(../images/bg_right.png); height: 310px;}
#step2 {background: url(../images/bg_right.png); height: 513px;}

#step1 #downloadap { width: 388px; margin: 0 0 0 0; border: 1px solid #ffffff;}
#step1 #aplogo { width: 180px;}
.downloadtext {font: 24px Georgia, Helvetica; color: #ffffff; padding: 15px 0 0 15px;}
.aplink {font: 14px Georgia, Helvetica; color: #ffffff; font-weight: bold;}
.aplink:hover {font: 14px Georgia, Helvetica; color: #ffffff; font-weight: bold;}
.aplogo1 {margin: 0 10px 10px 0;}
.aplogo2 {margin: 0 0 10px 0;}
.dlbutton1 {margin: 0 0 10px 0;}
.dlbutton2 {margin: 0 0 10px 8px;}
#downloaddemo {background: url(../images/apdemo.jpg); height: 138px; width: 380px;}
#demozoom {padding: 119px 0 0 280px;}
#zoom {padding: 0; margin: 0;}

#step2 #contest {padding: 15px 0 0 20px; font: 13px Arial, Helvetica; color: #ffffff;}
.formhd {color: #ffffff;font: 24px Georgia, Helvetica; padding: 0; margin:0 0 15px 0;}
a.formlink {color: #ffffff;font: 28px Georgia, Helevetica;}
a.formlink:hover {color: #209ccf;font: 28px Georgia, Helevetica;}

#forminput {padding: 10px 0 0 0;}
.form1 {float: left; width:55px; margin: 0 0 10px 0; padding: 0;}
.form2 {float: left; width: 275px;margin: 0 0 10px 0; padding: 0;}
.form_name {background-color: #cec0bd; width:270px;height: 20px;color: #000000; border:0;font: 14px Arial, Helvetica;margin: 0; padding: 0; }
.form_email {background-color: #cec0bd; width:270px;height: 20px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0; padding: 0; }
.form_terms {width:20px;height: 15px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0 0 0 0; padding: 0; }
.form_case {width:20px;height: 15px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0; padding: 0;}
.txtterms {padding: 6px 0 0 0px;}
.form_error {margin: 5px 0 5px 0; padding: 2px 0 5px 0px; background: #ffffff; width: 320px; height: 40px; display: block;}
.form_success {margin: 10px 0 5px 0; padding: 2px; background: #000000; width: 320px; height: 40px; display: block;}

.form_error2 {margin: 5px 0 5px 0; padding: 2px 0 5px 0px; background: #ffffff; width: 280px; height: 70px; display: block;}
.form_success2 {margin: 5px 0 5px 0; padding: 2px; background: #000000; width: 280px; display: block; text-align:center;}

span {margin:0;padding:0;}
input {margin:0;padding:0;}
.contact_submit {background:transparent url("../images/bg_submit.gif");width:141px; height: 40px;border:0; color: #ffffff;font: 22px Georgia, Helevetica; margin: 5px 0 0 57px;}

a.contact {color:#cec0bd;}
a.contact:hover {color:#ffffff;}
.contacthd {color: #ffffff;font: 18px Georgia, Helvetica; padding: 10px 0 10px 15px;}

#navrules {padding: 0; margin: 10px 0 0 5px; width: 984px; height:78px; background: url(../images/bg_btm_nav.png);}
#btmnavbg {padding: 24px 0 0 0; margin: 0;}

ul#btmnavbar {margin: 0 0 0 0; padding: 0; border: 0; list-style-type:none; width: 662px; height: 31px; float:left;}
ul#btmnavbar li {float:left; margin: 0 0 0 45px; padding: 0 0 0 0; border: 0; height: 31px;}
ul#btmnavbar li a {display: block; padding: 0; margin: 0; font: 13pt "Georgia"; text-decoration: none; color: #ffffff;}

ul#btmnavbar2 {margin: 0 0 0 0; padding: 0; border: 0; list-style-type:none; width: 270px; height: 31px; float:left;}
ul#btmnavbar2 li {float:left; margin: 0 0 0 0px; padding: 0 0 0 0; border: 0; height: 31px;}
ul#btmnavbar2 li a {display: block; padding: 0; margin: 0; font: 13pt "Georgia"; text-decoration: none; color: #ffffff;}

li a#nav_rules {display: block; width: 305px; height: 26px; padding: 0 0 0 0; margin: 0 0 0 0; background: url("../images/btn_arcontest.png") no-repeat 0 0;}
li a#nav_why {display: block; width: 102px; height: 26px; padding: 0; margin: 0; background: url("../images/btn_whyar.png") no-repeat 0 0;}
li a#nav_map {display: block; width: 256px; height: 26px; padding: 0; margin: 0; background: url("../images/btn_printable.png") no-repeat 0 0;}

ul#btmnavbar li a#nav_rules:hover, ul#btmnavbar li a#nav_why:hover {color:#ffffff; background-position: 0 -26px; }
ul#btmnavbar li a.current {color:#ffffff; background-position: 0 0px;}

ul#btmnavbar2 li a#nav_map:hover {color:#ffffff; background-position: 0 -26px; }

a#nav_rules span, a#nav_why span, a#nav_map span {display: none;}

.contest {margin: 0 0 10px 5px;background: url(../images/bg_expand.png); width: 983px;}
.detailstxt {padding: 0 20px 10px 20px;}
h2.hdwhite2 {font: 15px Arial, Helvetica; font-weight: bold; color: #ffffff; margin:0;padding:0;}
/* SCAVENGAR ELEMENTS*/

/* TEMPLATE PAGE ELEMENTS*/
#column1temp {float: left; width: 583px; margin:0 0 20px 33px; padding:0;}
#column2temp {float: left; width: 326px; background: url(../images/bg_mainrt.png); margin:0 0 0 12px; padding:0;}

#column1temp .hdtitle {margin: 20px 0 30px 21px;}

#column1temp #contentarea {margin: 0; padding: 0; background: url(../images/bg_main.png); height: 357px;}
.textarea {padding:40px 30px 40px 40px; margin: 0 0 0 0; font: 14px Arial, Helvetica; color: #ffffff;}
h2.subhd {font: 26px Georgia, Helvetica; color: #ffffff; margin:0;padding:0;}

#column2temp .sidebar {padding:20px 0 0 19px; margin: 0 0 0 0; font: 14px Arial, Helvetica; color: #ffffff;  height: 434px}
h2.subhdlg {font: 38px Georgia, Helvetica; color: #ffffff; margin:0;padding:0;}

#columnpage {width: 963px; margin:0 0 20px 33px; padding:0;}
#columnpage #contentarea {margin: 0; padding: 0; background: url(../images/bg_main.png);}
#columnpage .hdtitle2 {margin: 20px 0 30px 45px;}

.betaform1 {float: left; width:75px; margin: 0 0 7px 0; padding: 0; }
.betaform2 {float: left; width: 205px;margin: 0 0 7px 0; padding: 0; }
.form_name_beta {background-color: #cec0bd; width:205px;height: 20px;color: #000000; border:0;font: 14px Arial, Helvetica;margin: 0; padding: 0; }
.form_email_beta {background-color: #cec0bd; width:205px;height: 20px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0; padding: 0; }
.form_company_beta {background-color: #cec0bd; width:205px;height: 20px;border:0;color: #000000; font: 14px Arial, Helvetica;margin: 0; padding: 0; }

.contact_submit_beta {background:transparent url("../images/bg_submit.gif");width:141px; height: 40px;border:0; color: #ffffff;font: 22px Georgia, Helevetica; margin: 20px 0 26px 75px;}
/* TEMPLATE PAGE ELEMENTS*/

/* FOOTER  ELEMENTS*/

#footer {clear:both; text-align: left; padding: 0 0 50px 0;}

/* FOOTER  ELEMENTS*/

/* the overlayed element */
/* the overlayed element */
div.overlay {
	background-image:url(../images/bubble.png);
	width:330px;
	height:176px;		
	display:none;
	text-align: left;
}

div.overlay2 {
	background-image:url(../images/bubble2.png);
	width:330px;
	height:176px;	
	display:none;
	text-align: left;
}

/* default close button positioned on upper right corner */
div.overlay div.close {
	background-image:url(../images/closebox.png);
	position:absolute;
	right:10px;
	top:39px;
	cursor:pointer;
	height:23px;
	width:62px;
}

div.overlay2 div.close {
	background-image:url(../images/closebox.png);
	position:absolute;
	right:10px;
	top:39px;
	cursor:pointer;
	height:23px;
	width:62px;
}
/* the overlayed element */

/* the overlayed inner style */
.poplayer { width: 320px; height: 120px; padding: 47px 0 0 10px; margin: 0;}
p.popblurb {padding: 15px 0 5px 0;line-height: 19px;color:#000000;}
/* the overlayed inner style */

/* the overlayed element */
.apple_overlay {	
	display:none;
	background-image:url(../images/white.png);
	width:640px;		
	padding:35px;
	font-size:11px;}

.apple_overlay2 {	
	display:none;
	background-image:url(../images/white2.png);
	width:640px;		
	padding:35px;
	font-size:11px;}
	
.termstxt {width: 635px; height:550px;overflow:auto;}
	
/* default close button positioned on upper right corner */
.apple_overlay div.close {
	background-image:url(../images/closebox.png);
	position:absolute; right:35px; top:25px;
	cursor:pointer;
	height:23px;
	width:62px;}
	
.apple_overlay2 div.close {
	background-image:url(../images/closebox.png);
	position:absolute; right:35px; top:25px;
	cursor:pointer;
	height:23px;
	width:62px;}