@charset "utf-8";
/* CSS Document */
h1{
	font-size:4em;
	margin:5px 0;
}
.homePage h2 {
	font-size:3.4em;
	line-height:0.9em; /* tighten border */
	margin:0;
}
/* Home Page Slideshow +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++ */

#slideshow{
	padding-top:45px;
	padding-left:0px;
	height:325px;
	color:#FFFFFF;
}
#big_ideas{
	float:right;
	width:400px;
	margin-left:0px;
	padding:0;
	overflow: hidden;
}
#project_details{
	background:url('../images/bg_stats_home.png') 0 0 no-repeat;
	height:115px;
	overflow:hidden;
	position:relative;
}
h1#main_title {
	position: relative;
	display: block;
	font-weight:bold;
	width:347px;
	height: 0;
	padding-top:95px;
	margin: 0 0 16px 70px;
	overflow:hidden;
	background:url('../images/main_title.png') 0 0 no-repeat;
}
dl.project_stats {
	width:342px;
	height:105px;
	font-size:13px;
	padding:9px 0 15px 55px;
	position: absolute;
	top: 0;
	left: 0;
}
dl.project_stats dt{
	font-size: 16px;
	font-weight: 700;
	line-height: 18px;
	height: 18px;
	margin: 0;
	padding: 0;
}
dl.project_stats dt strong {
	position: relative;
	float: left;
	height: 18px;
	line-height: 18px;
	width: auto;
	display: inline;
}
dl.project_stats dt a, dl.project_stats dt a:link, dl.project_stats dt a:visited {
	position: relative;
	display: inline;
	width: auto;
	float: left;
	height: 17px;
	line-height: 18px;
	font-size: 14px;
	color: #a8e3ff;
	font-weight: 100;
	margin-left: 10px;
	text-decoration: none;
	border-bottom: 1px solid #8dbed6;
}
dl.project_stats dd {
	clear: both;
	margin: 0;
	padding:5px 0 5px 30px;
	background:url('../images/bullet_home_stats.png') 15px 11px no-repeat;
}
#big_ideas_list {
	margin: 0 0 0 10px;
	padding: 10px 0;
	list-style: none;
}
#big_ideas_list li {
	font-size: 1.7em;
	line-height: 1.4em;
	padding: 0 0 0 35px;
	list-style: none;
	background: url('../images/home_checkmark.png') 0 0 no-repeat;
}
#btn_see-our-work a, #btn_see-our-work a:link, #btn_see-our-work a:visited {
	width:214px;
	height:37px;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0 0 0 120px;
	text-indent:-9000px;
	background:url('../images/btn_view_our_projects2.png') 0 0 no-repeat;
	border-bottom:none;
}
#btn_see-our-work a:hover {background-position:0 -37px;}
#btn_see-our-work a:active {background-position:0 -74px;}

ol#fader_indicator{
	bottom:0px;
	display:block;
	height:15px;
	left:0;
	position:absolute;
	z-index: 5;
	width:550px;
	text-align:center;
}
ol#fader_indicator li{
	list-style-type: none;
	width: 18px;
	height: 15px;
	float: left;
	font-size:25px;
	line-height:14px;
	cursor: pointer;
	background: url('../images/homepage_slide_indicator.png') no-repeat center 2px;
}
ol#fader_indicator li.active{ background-position: center -12px; }
ol#fader_indicator li:hover{ opacity: 0.5; filter: alpha(opacity = 50); }

/*BEGIN :: Projects Slider -------------------------------*/

#homePage #slider{
	width: 550px;
	height: 325px;
	position: relative;
	overflow: hidden;
}
#homePage #slider ul{
	margin: 0;
	padding: 0;
}
#homePage #slider ul li{
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 550px;
	height: 320px;
	color: #333;
	position: absolute;
	text-align: center;
	top: 0;
	left: 0;
}
#homePage #slider ul li a{
	display:block;
	width:550px;
	height: 320px;
	border:0;
}
#sliderPrevious, #sliderPrevious:link, #sliderPrevious:visited, 
#sliderNext, #sliderNext:link, #sliderNext:visited{
	position: absolute;
	z-index: 5;
	line-height: 1000px;
	overflow: hidden;
	height: 0;
	width: 80px;
	padding-top: 320px;
	background: url('../images/slider_nav_arrows.png') no-repeat;
	border:0;
}
#sliderPrevious, #sliderPrevious:link, #sliderPrevious:visited{ background-position: -40px 0; }
#sliderNext, #sliderNext:link, #sliderNext:visited{ background-position: 40px 0; }

#sliderPrevious:hover, #sliderNext:hover{ cursor: pointer; }
#sliderPrevious:hover{ background-position: -40px -320px; }
#sliderNext:hover{ background-position: 40px -320px; }

#sliderPrevious:active{ background-position: -40px -640px; }
#sliderNext:active{ background-position: 40px -640px; }

#sliderPrevious.disabled, #sliderNext.disabled{
	cursor: default;
	opacity: 0.5;
	filter: alpha(opacity = 50);
}
#sliderPrevious.disabled{
	background-position: -40px -960px;
}
#sliderNext.disabled{
	background-position: 40px -960px;
}
#homePage #slider #sliderPrevious{
	top: 0;
	left: 0;
}
#homePage #slider #sliderNext{
	top: 0;
	right: 0;
}
#slider #mask_left, #slider #mask_right{
	height: 320px;
	width: 20px;
	position: absolute;
	z-index: 4;
}
#slider #mask_left{
	background: url('../images/slider_mask_left.png') no-repeat 0 -80px;
	top: 0;
	left: 0;
}
#slider #mask_right{
	background: url('../images/slider_mask_right.png') no-repeat 0 -80px;
	top: 0;
	right: 0;
}

#homePage #slider h1{
	margin:0;
	padding:0;
}

/*END :: Projects Slider -------------------------------*/
/* --------------------- home_col_left*/
#home_col_left {
	width:545px;
	position:relative;
	padding:30px 0 0 0;
	margin:0;
	float:left;
	overflow:hidden;
}
#home_col_left h3 {
	color:#000000;
	font-size:2.8em;
	width:100%;
	padding:0 0 10px;
	margin:0;
	overflow:hidden;
	font-weight:normal;	
}
#home_col_left h2 a {
	color:#000000;
}
.contentSection {
	position:relative;
	width:100%;
	padding: 0 0 10px;
	margin: 0;
	/*border-bottom:1px solid #e2e2e2;*/
}
.contentBlock {
	position:relative;
	width:100%;
	padding:0;
	margin:0 0 30px;
	overflow:hidden;
}
.contentSection p {
	color:#666666;
	font-size:1.3em;
	line-height:1.6em;
}
.contentSection p.note {
	color:#999999;
}
.contentHome {
	line-height:2.5em;
	margin:0px;
	padding-bottom:40px;
}
.contentHome p {
	line-height:2.0em;
	font-size:15px;
	color:#333333;
}

/* FEATURES */
div.home_features {
	clear:left;	
	padding:30px 0;
	border-top:1px solid #e5e5e5;
}
div.home_features.feature_scripps{
	padding-bottom: 53px;
	padding-top: 45px;
}
div.home_features.feature_slidedeck{
	padding-top: 45px;
}
div.home_features img {
	float:left;
}
div.home_features div {
	float:left;
	width:240px;
}
div.home_features div h3 {
	font-size:2.1em; 
	font-weight:100;	
	padding:0 0 8px 0;
}
div.home_features div p {
	padding:0 0 10px 0;
}
div.home_features div a.btnLink {
	width:117px;
	height:27px;
	display:block;
	overflow:hidden;
	padding:0;
	margin:0;
	text-indent:-9000px;
	border:none;
}
div.feature_slidedeck div a.btnLink, div.feature_slidedeck div a.btnLink:link, div.feature_slidedeck div a.btnLink:visited {
	width: 146px;
	background:url('../images/btn_download_for_free.png') 0 0 no-repeat;
}
div.feature_champion div a.btnLink, div.feature_champion div a.btnLink:link, div.feature_champion div a.btnLink:visited {
	background:url('../images/btn_learn_more.png') 0 0 no-repeat;
}
div.home_features div a.btnLink:hover {background-position:0 -27px;}
div.home_features div a.btnLink:active {background-position:0 -54px;}
/**/

div.home_features.feature_slidedeckContest h3 {
	font-size:1.7em;
	color:#666;
}
div.home_features .ttlSkinToWin { 
	background:url(../images/ttl_slidedeck_skinToWin.png) no-repeat 0 0;
	width:237px;
	height:22px;
	text-indent:-999px;
	overflow:hidden;
}
div.home_features .btnEnterOrWin {
	background:url(../images/btn_enterOrVote.png) no-repeat 0 0;
	width:116px;
	height:0px;
	padding-top:27px;
	display:block;
	overflow:hidden;
}
div.home_features .btnEnterOrWin:hover { background-position:0 -27px; border:0px; }
div.home_features .btnEnterOrWin:active { background-position:0 -54px; border:0px; }

/**/
#home_col_left .contentBlock h3 {
	color:#2b4551;
	padding:0;
	font-size:14px;
	border-bottom:none;
	text-decoration:none;
	font-weight:bold;
}
#cta-home {
	position:relative;
	width:550px;
	height:146px;
	padding:0;
	margin:30px auto 10px;
}
#cta-home p {
	padding-bottom:15px;
	font-size:1.2em;
	line-height:1.6em;
}
#cta_left {float:left;}
#cta_right {float:right;}
.ctaContainer {
	width:245px;
	height:116px;
	padding:15px 10px;
	margin:0;
	text-align:center;
	background:url('../images/cta-home_bg.png') 0 0 no-repeat;
}
#home_col_left #cta-home .ctaContainer h3 {
	font-size:1.8em;
	font-weight:normal;
	color:#2f363b;
}
a.button, a.button:link, a.button:visited, a.button:hover, a.button:active {
	display:block;
	padding:0;
	margin:0;
	overflow:hidden;
	text-indent:-9000px;
	background-position: 0 0;
}
a#btn_learn_more, a#btn_learn_more:link, a#btn_learn_more:visited {
	width:96px;
	height:27px;
	margin:0 auto;
	border-bottom:none;
	background-image:url('../images/btn_learnmore_blue.png');
}
a#btn_learn_more:hover {background-position:0 -27px;}
a#btn_learn_more:active {background-position:0 -54px;}
a#btn_request_quote {
	width:126px;
	height:27px;
	margin:0 auto;
	border-bottom:none;
	background-image:url('../images/btn_request_quote_blue.png');
}
a#btn_request_quote:hover {background-position:0 -27px;}
a#btn_request_quote:active {background-position:0 -54px;}
p.blogMeta {
	color:#666666;
	font-size:11px;
}
/*---------------------- home_col_right*/
#home_col_right {
	width:385px;
	position:relative;
	padding:30px 0 30px;
	margin:0;
	float:right;
	overflow:hidden;
}

/*-----------------------------------------------------------------------*/
/* CLIENT TESTIMONIALS - added Arpil 6th 2009 ---------------------------*/
#title_what-people-are-saying {
	font-size:1.8em;
	padding:0 0 10px 2px;
	font-weight:normal;
	color:#666666;
}
#client-testimonials_container {
	width:960px;
	padding:0;
	margin:0 0 55px 0;
	overflow:hidden;
	background:url('../images/client_testimonials_tile.png') 0 0 repeat-y;
}
#client-testimonials_container div.top {
	background:url('../images/client_testimonials_top.png') 0 0 no-repeat;
}
#client-testimonials_container div.bottom {
	background:url('../images/client_testimonials_bottom.png') 0 bottom no-repeat;
	padding:10px 20px;
}
#logo_container {
	width:337px;
	float:left;
	padding-top:15px;
}
#testimonial_container {
	float:left;
	width:580px;
	padding:0 0 0 3px;
	background:url('../images/testimonial_divider.png') 0 0 repeat-y;
}
#client_logos {
	position:relative;
	width:330px;
	padding:0 0 10px;
	margin:0;
	overflow:hidden;
}
#client_logos li {
	list-style-type:none;
	float:left;
	width:91px;
	height:30px;
	padding:5px 12px 10px 0;
	margin:0;
}
#client_logos li a.clientLogo, #client_logos li a.clientLogo:link, #client_logos li a.clientLogo:visited {
	width:91px;
	height:30px;
	border:none;
}
#client_logos li a.clientLogo:hover {background-position: 0 -30px;}
#client_logos li a.clientLogo:active {background-position: 0 -60px;}
#client_logos li.active a.clientLogo, #client_logos li.active a.clientLogo:link, #client_logos li.active a.clientLogo:visited,
#client_logos li.active a.clientLogo:hover, #client_logos li.active a.clientLogo:active {background-position:0 -60px;}

#client_logos li a#mozilla_logo {background-image:url('../images/testimonials/mozilla_small.png');}
#client_logos li a#method_logo {background-image:url('../images/testimonials/method_small.png');}
#client_logos li a#hardrock_logo {background-image:url('../images/testimonials/hardrock_small.png');}
#client_logos li a#cnnmoney_logo {background-image:url('../images/testimonials/cnnmoney_small.png');}
#client_logos li a#mashable_logo {background-image:url('../images/testimonials/mashable_small.png');}
#client_logos li a#techcrunch_logo {background-image:url('../images/testimonials/techcrunch_small.png');}
#client_logos li a#citizenagency_logo {background-image:url('../images/testimonials/citizenagency_small.png');}
#client_logos li a#favtape_logo {background-image:url('../images/testimonials/favtape_small.png');}
#client_logos li a#santex_logo {background-image:url('../images/testimonials/santex_small.png');}
#client_logos li a#impactengine_logo {background-image:url('../images/testimonials/impactengine_small.png');}
#client_logos li a#collarfree_logo {background-image:url('../images/testimonials/collarfree_small.png');}

#testimonial_container h4 {
	color:#CCCCCC;
	font-size:1.4em;
	padding-bottom:5px;
}
#client_testimonials {
	position:relative;
	width:580px;
	height:195px;
	padding:0;
	margin:0;
	overflow:hidden;
}
#client_testimonials li {
	position:absolute;
	width:580px;
	height:195px;
	left:0;
	top:0;
	padding:0;
	margin:0;
	list-style-type:none;
	background: #f9f9f9;
	z-index: 100;
}
#client_testimonials li div.testimonial_img {
	float:left;
	width:240px;
	text-align:center;
	overflow:hidden;
	padding:55px 0 0 0;
}
#client_testimonials li div.testimonial {
	float:left;	
	width:337px;
}
#mozilla_testimonial div.testimonial { padding-top:10px; }
#techcrunch_testimonial div.testimonial { padding-top:30px; }
#cnnmoney_testimonial div.testimonial { padding-top:20px; }
#method_testimonial div.testimonial { padding-top:20px; }
#mashable_testimonial div.testimonial { padding-top:0px; }
#impactengine_testimonial div.testimonial { padding-top:20px; }
#favtape_testimonial div.testimonial { padding-top:10px; }
#citizenagency_testimonial div.testimonial { padding-top:0px; }
#santex_testimonial div.testimonial { padding-top:0px; }
.testimonialLi {
	color:#666;
	line-height:2.1em;
}
.testimonialLi h5.thumbsUp {
	font-size:1.8em;
	font-style:italic;
	padding-bottom:10px;
	font-weight:100;
}
.testimonialLi .testimonialQuote {
	font-size:1.2em;
	padding-bottom:15px;
}
.testimonialLi .testimonialCite cite {
	font-size:1.2em;
	font-style:normal;
}
.testimonialLi .citeName {}
.testimonialLi .citePosition {
	color:#999999;
	font-style:italic;
	font-size:11px;
	margin-left:3px;
}

/* New Home Page Form */
#form_home {
	width:340px;
	padding:7px;
	margin:0 auto;
	background:#f0f0f0;
}
#form_home_bottom {
	width:550px;
	height:15px;
	padding:0;
	background:url('../images/bg_form_home_bottom.png') 0 0 no-repeat;
}
#home_col_left #form_home h3 {
	font-size:1.8em;
	color:#2F363B;
	font-weight:normal;
	padding:15px 0 10px 25px;
}
#form_home #form_container {
	border:1px solid #d4d4d4;
	width:310px;
	padding:10px 14px;
	background:#FFFFFF url('../images/bg_form_home.png') 0 bottom repeat-x;
}
#form_home h3 {
	font-size:18px;
	color:#444;
	font-weight: normal;
}
#form_home ol.formList {
	width:310px;
	padding:15px 0 0 0;
	margin:0;
	overflow:hidden;
}
#form_home #form_container li#li_name {
	float:left;
	clear:none;
}
li#li_email, li#li_name, li#li_phone {margin-bottom:10px;}
#form_home .formList li label {
	width:50px;
	font-size:12px;
	color:#666;
	font-weight:normal;
	padding:3px 23px 0 13px;
}
#form_home .formList li input.textField {width:165px;}
#form_home #form_container li#li_comments label {
	width:100%;
	padding:3px 0 0 0;
}
#form_home #form_container li#li_comments textarea#id_Comments {
	width:100%;
	height:65px;
}
#form_home #form_container li.footNote {
	float:left;
	width:200px;
	color:#666;
	margin:0px;
	width:100px;
}
#form_home #form_container li.footNote span {
	background:#e7f2fc; 
	padding:8px;
	line-height:20px;
	font-size:1.2em;
	font-weight:100;
}
#form_home #form_container li.footNote span span{
	background:none;
	padding:0px;
	line-height:normal;
}
#form_home #form_container li.submit {
	float:right;
	width:126px;
	clear:none;
	padding-right:5px;
	margin:0;
	height:27px;
}
#form_home #form_container li.submit input {
	padding:0;
}
#form_home .formList li textarea.textField, #form_home .formList li input.textField {
	border:none; 
	border-left:1px solid #d6d6d6; 
	border-top:1px solid #d6d6d6; 
	background:#f0f0f0;
	width:215px;
	padding:3px;
}

#blog_block p, #twitter_block p { font-size:12px; }
#blog_block div.contentBlock, #twitter_block div.contentBlock { margin-bottom:15px; }

.homeBlock { 
	border-top:1px solid #e5e5e5;
	padding:45px 0 50px 0;
}
#home_col_left .homeBlock h3.cufon {
	text-transform:uppercase;
	font-size:11px;
	font-weight:100;
}
.homeBlock p.blogMeta {
	color:#999999;
}
.homeBlock p.post-excerpt {
	color:#999999;
	font-size:13px;
}

/* BLOG */
#blog_block { 
	width:250px;
	float:left;
	padding:0 45px 0 0;
}
#blog_block.noTwitter{
	padding: 0;
	width: 540px;
}
#home_col_left #blog_block h3 {
	vertical-align:middle;
}
#home_col_left #blog_block h3 img{
	margin: 0 4px 0 0;
	float:left;
}
#blog_block h4 {
	font-size:1.2em;
	font-weight:bold;
}
#blog_block h4 a {
	color:#a2b33c;
	text-decoration:none;
}
#blog_block p.post-excerpt, #twitter_block p {
	padding:6px 0 0 0;
}
#blog_block p.blogMeta {
	font-size:11px;
}

/* TWITTER */
#twitter_block { 
	width:250px;
	float:left;
}
#home_col_left #twitter_block h3 {
	vertical-align:middle;
}
#home_col_left #twitter_block h3 img{
	margin: 0 4px 0 0;
	float:left;
}
#twitter_block h4 {
	clear:left;
	font-size:11px;
	font-weight:700;
	color:#666666;
}
#twitter_block small {
	font-size:11px;
	color:#999999;
}


/* THE COMPANY */
.theCompany {
	background-color:#f0f0f0;
	padding:20px;
	width:315px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	margin: 0 0 30px;
	float:right;
}
.theCompany h4 {
	text-transform:uppercase;
	color:#444444;
	font-size:11px;
	background: url(../images/icon_small_dt.png) 0 0 no-repeat;
	padding: 0 0 0 20px;
	height:18px;
}
.theCompany p {
	font-size:12px;
	color:#444444;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
	line-height:2.0em;
	padding:10px 0 0 0;
}

.TEDxAd {
	float:right;
	clear:right;
	border-top:1px solid #E5E5E5;
	padding-top:30px;
}
.TEDxAd span.cufon {
	display: block;
	text-align: left;
	font-size: 15px;
    font-weight: bold;
    padding-left: 10px;
}

.TEDxAd a:hover{
	border:none;
}

.slidedeckContest {
	clear:right;
	float:right;
	width:370px;
}

.slidedeckContest h4{
	text-align:center;
	font-size:14px;
	font-weight:100;
	color:#666666;
}
.slidedeckContest .slidedeckCTA {
	background:url(../images/ad_slidedeck_contest.jpg) no-repeat 0 0;
	height:169px;
	overflow:hidden;
	position:relative;
}

.slidedeckCTA p{
	text-indent: -390px;
}

.slidedeckCTA a{
	width:126px;
	height:0;
	padding:27px 0 0;
	display:block;
	background: url(../images/btn_contest-details.png) 0 0 no-repeat;
	overflow:hidden;
	border: 0;
	position:relative;
	top:100px;
	left:55px;
}

.slidedeckCTA a:hover{
	background-position: 0 -27px;
}

.slidedeckCTA a:active{
	background-position: 0 -54px;
}
