/*=
Globals
=================================================================== */
*{
	padding: 0px;
	margin: 0px;
}

body { -webkit-text-stroke: 1px transparent; background: url(/images/public/page-bg.png) repeat-x #f9f9f9;}
body.light {background: url(/images/public/page-bg-lite.png) repeat-x 20px 31px #FFF;}
@media only screen and (max-device-width:480px) {body{-webkit-text-stroke:0 black;}}


a{
	color: #0182a8;
	-moz-transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;
	transition: all 0.25s ease-out;	
	text-decoration: none;
	outline: 0;
}

a img{
	border: 0px;
}

.header-bar a{
	-moz-transition: none;
	-webkit-transition: none;
	transition:none;
}


a:hover{
	color: #c43932;
	
}

br.clearing, p.clear {
	clear: both;
}


.clear {
	padding: 0;
	margin: 0;
	clear: both;	
}

p{
	font-size: 13px;
	color: #484848;
	line-height: 22px;
}

ul{
	list-style: none;
}

h1, h2, h3, h4, h5, h6{font-weight: 400;letter-spacing: -0.055em;}
#page-container h1 { line-height: 52px !important; }
h1 *, h2 *, h3 *, h4 *, h5 *, h6 *{font-weight: 400;}
h1 strong, h2 strong, h3 strong, h4 strong, h5 strong, h6 strong{font-weight: 700;letter-spacing: -3px;}

h3 {letter-spacing: -1px;}

/*=
Buttons
=================================================================== */

.btn-signup {
	font-size:22px !important;
	color: #fff !important;
	height: auto !important;
	line-height: 22px !important;
    padding: 10px 30px !important;
    text-shadow: none !important;
}

.btn-signup span {
	font-size:14px !important;
	display: block;
	text-align: center;
	color: #7DDEFC;
	margin-top: 5px;
	text-shadow: none !important;
}


/*=
Header Bar
=================================================================== */



.main-nav li a {
	display: block;
	padding:7px 10px;
	font-size:12px !important;
	color:#ffbcbb;
	text-shadow: #670303 0px 1px 2px;
	text-decoration: none;
}


#pd-header a{
	text-decoration: none;
}

#thinking{
	font-weight: 400;
	font-size: 14px;
	color: #ffd1d1;
	margin-top:5px;
}

#thinking strong{
	font-weight: 700;
	color: #FFF;
}

.main-nav li.no-hover:hover,.main-nav li.no-hover a:hover{
	background: none;
}

#pd-small{
	position: relative;
	top:-3px;
	left:-4px;
}

li.publicfix{
	margin-top:3px;
}

/*=
Layout containers
=================================================================== */
#branding-container{
	text-align: center;
	padding-bottom: 40px;
	border-bottom: 1px #999 dotted;
}

#page-header-container{
	text-align: center;
	background: url(/images/public/h1-divider.png) center 40px repeat-x;
	padding-top:10px;
	border-bottom:1px #999 dotted;	
}

#page-header-container.no-border{
	border-bottom: none;
}

#testimonials-container{
	background: #FFF;
	text-align: center;
	margin: 0 auto;
}

.layout{
	width: 935px;
	text-align: left;
	margin: 0 auto;
}

.layout .column.left{
	float: left;
	width: 455px;
	margin-right: 25px;
}

.layout .column.right{
	float: left;
	width: 455px;
	position: relative;
}

/*
Forms
=================================================================== */


.input{
	padding-bottom: 20px;
	border-bottom: 1px #ccc dotted;
}

.input label{
	color: #484848;
	font-size:14px;
	display: block;
	padding-top: 15px;
	padding-bottom: 5px;	
}

.form-error{
	color: #C00;
	font-size: 10px;
	padding-top: 3px;
	display: none;
}



input[type=checkbox]{
	float: left;
	margin-right:10px;
}


#sign-in-container{
	width: 300px;
	position: absolute;
	height: 225px;
	right: 0;
	top:10px;
	padding: 0px 20px;
	-moz-transition: all 0.15s cubic-bezier(0, 0.3, 0.4, 1);
	-webkit-transition: all 0.15s cubic-bezier(0, 0.3, 0.4, 1);	
	text-align: left;
	background: #000;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(0,0,0,0.7)), to(rgba(0,0,0,0.95)));
	background: -moz-linear-gradient(0% 0% -90deg,rgba(0,0,0,0.7), rgba(0,0,0,0.95));	
	box-shadow: 0px 0px 5px #666;
	border-radius: 3px;
	z-index: 1000;
    -webkit-transform: scale(0.75, 0.75);
    -moz-transform: scale(0.75, 0.75);
    opacity: 0;	
    display: none;	
}


#sign-in-shim{
	height:100%;
	background: #000;
	position: absolute;
	top:0px;
	left:0px;
	z-index:200;
	opacity: 0;
	display: none;

}


#sign-in-container.show{
	-webkit-transform: rotateY(0deg);
	opacity: 1;
	-moz-transform: scale(1, 1);
}

.header-bar{
/* 	position: absolute; */
	z-index: 900;
}

#sign-in-layout{
	width: 970px;
	margin:0 auto;
	position: relative;
	z-index:1000;
}

#sign-in-container .input{
	width: 319px;
	border-bottom: 0px;
	padding-bottom: 0px;

	
}

#sign-in-container label{
	color: #FFF;
	text-shadow: #000 0px 1px 2px;
}

#sign-in-layout-ios{
	display: none;
}

input#remember{
	margin-top: 16px;
	margin-right: 7px;
	float: left;
}
	
label[for=remember]{
	float: left;
	font-size: 11px;
	color: #ccc !important;
}

a#forgot, a#create{
	font-size: 11px;
}

#sign-in-link-container{
	clear: both;
	width: 160px;
	margin-top:10px;
}

#sign-in-link-container a{
	font-size: 11px;
	color: #03D1FD;
}

#sign-in-link-container li{
	padding-bottom:2px;
}

#sign-in-link-container a:hover{
	color: #F4C64C;
}



#sign-in-container input[type=submit]{
	float: right;
	margin-right: 0px;
	margin-top: -42px;
}


#password-shim{
	position: absolute;
	z-index:100;
	top:0;
	right:0px;
}

#sign-in-form{
	width: 380px;
}

#sign-in-container.show{
	width:320px;
	opacity: 1;
	
}

#sign-in-button{
	/* width: 50px; */
	float: left;
}

label small{
	float: left;
	text-align: left;
	margin:0px;
}

#in-page-signin div.input{
	width:480px !important;
}

/*=
Branding
=================================================================== */
#branding-container h1{
	background:  url(/images/public/h1-texture.png) center no-repeat;
}

#branding-container h1 {
	background:  url(/images/public/h1-texture.png) center no-repeat, url(/images/public/h1-divider.png) center repeat-x;
	height: 52px;
	margin-top: 9px;
}

#branding-container h1 span.inner-logo {
	background: url(/images/public/pd-logo.png) center no-repeat;
	display: block;
	height: 52px;
	width: 247px;
	margin: 0pt auto;
}

#branding-container h1 span span{
	display: none;
}

#branding-container h2{
	font-size: 48px;
	line-height: 50px;
	color: #999;
	font-weight: 400;
	text-shadow: 0px 2px 2px #FFF;
	letter-spacing: -1px;
	margin-top:15px;

}

#branding-container h2 em{
	font-weight: 700;
	color: #484848;
}

#branding-container h2 strong{
	font-weight: 700;
	color: #484848;
}

#branding-container h3, #customer-logos-container h6{
	color: #7d7d7d;
	font-weight: 400;
	line-height: 30px;
	font-size: 20px;
	margin-top: 20px;
	margin-bottom: 30px;
}

#branding-container h3 a{
	font-weight: 400;
	letter-spacing: 0px;	
}

/*=
Testimonials
=================================================================== */

#testimonials-container{
	padding-top: 45px;

}

#testimonials-container h4, h4{
	font-weight: 400;
	font-size: 20px;
	color: #484848;
	padding-bottom: 10px;
}

#testimonials{
	border-top: 1px #999 dotted;
	padding-top:30px;
	margin-top:30px;
	position: relative;
	height: 210px;
}

#testimonials ul {
	position: absolute;
	bottom: 0px;
}

#testimonials ul li{
	float: left;
	margin-right: 10px;
	padding-bottom: 3px;
	border-top: 3px #FFF solid;	
}

#testimonials ul li.active,#testimonials ul li:hover{
	border-top: 3px #0386ad solid;
}



#testimonials ul li img{
	height: 11px;
	width: 60px;
}

.testimonial{
	opacity: 0;
	position: absolute;	
	padding: 0px 20px 0px 0px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;		
}

.testimonial.active{
	opacity: 1;
}

blockquote{
	border: 1px #e3e1e0 solid;
	padding: 40px 20px 30px 20px !important;
	-webkit-border-radius: 30px;
	-moz-border-radius: 30px;
	border-radius: 30px;
	background: url(/images/public/quote.png) 14px 16px no-repeat, -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFF), to(#f1eeee));
	background: -moz-linear-gradient(0% 0% -90deg,#FFF, #f1eeee);
	font-size: 12px;
	color: #484848;
	font-size:12px;
	line-height: 20px;	
	margin-bottom: -3px;

}

p.attribution{
	color: #484848;
	font-weight: 700;
	padding: 20px 0px 0px 23px;
	margin-bottom: 0px !important;	
}

.quote-tail{
	margin-left: 40px;
	z-index:20;
	position: absolute;
}

#logo-triangle{
	position: absolute;
	bottom:24px;
	left:24px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;		
}

#screenshot-triangle{
	position: absolute;
	top:15px;
	left:65px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;		
}


/*=
Screenshots
=================================================================== */

#testimonials-container .column.left{
	width: 66px;
	position: relative;
}

#testimonials-container .column.right{
	width: 800px;
}

#detail-image{
	position: relative;
	overflow: hidden;
	height: 303px;
}

#detail-image div{
	-webkit-transition: all 0.5s ease-in-out;
	-moz-transition: all 0.5s ease-in-out;
	position: absolute;
}


#detail-image div.hide{
	opacity: 0;
	z-index:0;
}

#detail-image div.active{
	opacity: 1;
	z-index:1;
}

#detail-image div img{
	width: 450px;
	height:250px;
	border: 1px #CCC solid;
	float: left;
	clear: right;
	margin-right: 25px;
}




#detail-image p{
	margin-top:15px;
}

ul#image-nav li{
	
	margin-bottom:9px;
	padding:3px 3px 0px 3px;
	border:1px #e7d4bd solid;
	-moz-transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;	
}


ul#image-nav li.active, ul#image-nav li:hover{
	background: #0386ad;
	
}

ul#image-nav li img{
	width:58px;
	height:35px;
}

#customer-logos-container{
	background: url(/images/public/logo-bg.png) no-repeat center #FFF;
	text-align: center;
	height:120px;
}

#customer-logos-container img{
	margin-top: 13px;
}


/*=
Case Studies
=================================================================== */
#case-studies-container{
	background: #FFF;
	padding-top:40px;
	padding-bottom:40px;
}

.case-study-pair{
	padding-bottom: 20px;
	overflow: hidden;
}

.case-study-pair .column img{
	float: left;
	margin:0px 10px 20px 0px;
}



/*=
Pricing Page
=================================================================== */


#page-header-container .layout{
	width:980px;

}

#page-header-container h1{
	text-align: left;
	margin:0px auto;
	color: #484848;
	font-size: 32px;
	font-weight: 400;
	letter-spacing: -2px;

}

#page-header-container h1 span{
	background:url(/images/public/page-bg-lite.png) left repeat-x;
	display: inline-block;
	margin:0px -10px;
	padding:0px 10px;
	text-shadow: 0px 1px 1px #FFF;	

}

#page-header-container h1 strong{
	font-weight: 700;
	text-shadow: 0px 1px 1px #FFF;	
}

#page-header-container h2,#page-header-container h2 em,h2 em b{
	font-weight: 400;
	color: #000;
	font-size:32px;
	letter-spacing: normal;
	text-shadow: 0px 1px 1px #FFF;	
	line-height: 22px;
}

h2 em strong{
	font-weight: 700;
	color: #484848;	
	text-shadow: 0px 1px 1px #FFF;
}

#pricing-container{
	width:980px;
	margin: 0 auto;
	padding-top:40px;
	overflow:hidden;
	padding-left:2px;
	padding-bottom:15px;
	margin-bottom: 50px !important;
}

.account-type{
	padding:8px 20px 30px 20px;
	width: 252px;
	float: left;
	background:#f6f4f0;	
	height:560px;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(1, rgba(246, 244, 240, 0.2)),
	    color-stop(0.96, rgba(246, 244, 240, 0.7)),
	    color-stop(0.949, rgba(237, 235, 230, 0.7)),
	    color-stop(0, rgba(255, 255, 255, 0.5))
	);
	background: -moz-linear-gradient(top, rgba(246, 244, 240, 0.2) 0%, rgba(246, 244, 240, 0.7) 6%, rgba(237, 235, 230, 0.7) 6.1%, rgba(255, 255, 255, 0.5) 100%); /* FF3.6+ */
	);
}

.account-type:last-of-type, .account-type:first-of-type{
	border:1px #FFF solid;
	-webkit-box-shadow: 0px 0px 3px #999, 0px 0px 10px rgba(225, 225, 225, 0.5);
	-moz-box-shadow: 0px 0px 3px #999, 0px 0px 10px rgba(225, 225, 225, 0.5);
	box-shadow: 0px 0px 3px #999, 0px 0px 10px rgba(225, 225, 225, 0.5);
	
}

.account-type#pro{
	width: 328px;
	padding: 30px;
	padding-top:34px;
	margin-top:-9px;
	height:560px;
	background: #FFF;
	background: -webkit-gradient(
	    linear,
	    left bottom,
	    left top,
	    color-stop(1, rgba(238, 235, 237, 0.7)),
	    color-stop(0.94, rgba(228, 236, 238, 0.6)),
	    color-stop(0.939, rgba(217, 229, 233, 0.7)),
	    color-stop(0, rgba(255, 255, 255, 0.5))
	);
	background: -moz-linear-gradient(top, rgba(228, 236, 238, 0.2) 0%, rgba(228, 236, 238, 0.5) 6%, rgba(217, 229, 233, 0.7) 6.1%, rgba(255, 255, 255, 0.5) 100%); /* FF3.6+ */
	border:1px #FFF solid;
	-webkit-box-shadow: 0px 0px 1px #666,0px 0px 3px #FFF, 0px 0px 12px rgba(55, 55, 55, 0.2);
	-moz-box-shadow: 0px 0px 1px #666,0px 0px 3px #FFF, 0px 0px 12px rgba(55, 55, 55, 0.2);
	box-shadow: 0px 0px 1px #666,0px 0px 3px #FFF, 0px 0px 12px rgba(55, 55, 55, 0.2);
	z-index:200;
	position:relative;
	}
	

.account-type h3{
	font-size:18px;
	color: #b4b4b4;
	padding-bottom: 0px;
	text-shadow:0px 1px 0px #fff, 0px -1px 0px rgba(0,0,0,0.3);
}

.account-type#pro h3 strong{
	letter-spacing: -0.058em !important;
} 

.account-type h4{
	overflow: hidden;
	padding: 5px 5px 5px 0px;
	text-shadow: 0px 1px 0px #FFF;
	font-size:18px;
	font-weight: 400;
	color: #666;
	line-height:36px;
}

.account-type#pro h4{
	font-size:26px;
	color:#fc5605;
	font-weight:bold;
	line-height:28px;
}

.account-type h3 strong{
	font-size: 28px;
	color: #666;
	font-weight: 400;
	letter-spacing:-0.058em;
}

.account-type#corp h4{
	color:#000;
}

.account-type ul li{
	font-size: 12px;
	color: #666;
	padding:10px 0px;
	border-bottom: 1px #f8c084 dotted;
}

.account-type#pro ul li, .account-type#corp ul li{
	color: #000;
	padding:10px 0px;
	border-bottom: 1px #49c8ef dotted;
	border-top: 1px #FFF dotted;	
}

.account-type#corp ul li strong{
	color:#000;
}

.account-type#pro ul li:first-of-type{
	border-top:0px;
}

.account-type ul li:last-of-type, .account-type#pro ul li:last-of-type, .account-type#corp ul li:last-of-type{
	border-bottom: 0px;
	border-top:0px;
	
}

.account-type ul li strong{
	color: #666;
}

#pro.account-type ul li strong{
	color:#000;
}

.account-type ul li ul{
	margin-top: -10px;
	padding-top: 0px;
}

.account-type ul li ul li{
	color: #666;
	padding-left:33px;
	background: url(/images/public/check-green.png) no-repeat 10px 11px;	
	padding:10px 0px 10px 33px !important;
}


.account-type#pro h3{
	letter-spacing: -0.5em;
	font-size:28px;
	color: rgba( 252, 86, 5, 0.5);
	margin-top:-17px;
}

.account-type#pro h3 strong{
	color: #fc5605;
	font-weight: 700;
}




/*=
Features Page
=================================================================== */

.vertical-nav{
	overflow: hidden;
	padding-bottom: 30px;
	height: 450px;
}

.vertical-nav h2{
	width: 85%;
	line-height: 20px;
	padding-left:10px;
}

.vertical-nav .layout{
	position: relative;
}

#content-layout-slider{
	position: absolute;
	left:220px;
	height:600px;		
	-moz-transition: all 1.25s ease-in-out;
	-webkit-transition: all 1.25s ease-in-out;
}

#content-layout-slider.polls{top:-487px;}
#content-layout-slider.quizzes{top:-977px;}
#content-layout-slider.ratings{top:-1467px;}
#content-layout-slider.surveys{top:3px;}


.vertical-nav .right h1 span{
	background:url(/images/public/page-bg.png) repeat-x 0px -80px !important;
}

.vertical-nav .left{
	float: left;
	width: 222px;
	background:url(/images/public/page-bg.png) repeat-x 0px -80px; 
	margin:0px -10px;
	padding:0px 10px;
	position: relative;
	margin-top:10px;

}

.vertical-nav .left ul{
	margin-left: 20px;
	z-index: 10;
	margin-top:-4px;
	position: relative;
}


.vertical-nav .left ul li a{
	display: block;
	font-weight: 400;
	padding: 5px 10px 5px 0px;
	text-shadow: 0px 1px 1px #FFF;
}

.vertical-nav .left ul li a strong{
	font-family: inherit;
	font-weight: 700;
	margin-bottom: -12px;
	
}

.vertical-nav .left ul li a small{
	color: #484848;
	font-size: 11px;
	-moz-transition: all 0.25s ease-out;
	-webkit-transition: all 0.25s ease-out;	
	
}

.vertical-nav .left ul li.active a{
	color: #484848;
}

.vertical-nav .left ul li a:hover small{
	color: #000;
}

#selected-feature-arrow{
	position: absolute;
	z-index: 1;
	-moz-transition: all 0.5s ease-out;
	-webkit-transition: all 0.5s ease-out;
		

}

.vertical-nav .right{
	width: 718px;
	height: 490px;
	margin-left: -20px;
	padding-left: 40px;
	left:220px;
	-moz-transition: all 0.5s ease-in-out;
	-webkit-transition: all 0.5s ease-in-out;	
}



.vertical-nav .right.hide{
	opacity: 0.5;
}

.vertical-nav .right.show{
	opacity: 1;	
}

.vertical-nav .right.hide h1{
	background: none;
}

.horizontal-slideshow-container{
	padding: 0px 10px;
	margin-top: 25px;
	margin-bottom: 25px;
	position: relative;
	-webkit-transform: perspective(0px);
    -webkit-transform-style: preserve-3d;	
}

.horizontal-slideshow-container .previous, .horizontal-slideshow-container .next{
	display: block;
	position: absolute;
	width: 50px;
	height:35px;
	top:85px;
	left:2px;
	-webkit-transform:scale(0.8);
	-webkit-transform-origin:left;	
 	z-index: 1000;
		
}

.horizontal-slideshow-container .previous.disabled, .horizontal-slideshow-container .next.disabled{
	opacity: 0.5;
	cursor: default;
}

.horizontal-slideshow-container .previous:not(.disabled):hover, .horizontal-slideshow-container .next:not(.disabled):hover{	
	-webkit-transform: scale(1.0);

}

.horizontal-slideshow-container .next:not(.disabled):hover{
	right:0px;
}

.horizontal-slideshow-container .previous:not(.disabled):hover{
	left:0px;
}

.horizontal-slideshow-container .next{
	left: auto;
 	right: 2px;
 	-webkit-transform-origin:right;		

 }

.horizontal-slideshow-container .previous span, .horizontal-slideshow-container .next span{
	display: none;
}

.horizontal-slideshow{
	border: 1px #f6a54e solid;
	height: 218px;
	overflow: hidden;
	position: relative;
	-webkit-transform-style: preserve-3d;
	-webkit-transform: perspective(0px);
}

.horizontal-slideshow ul{
	position: absolute;
	z-index: 10;
	-webkit-transform-origin-x: left;
	-webkit-transition: all 0.5s ease-in-out;
}

.horizontal-slideshow ul li{
	float: left;
	margin-right: 20px;
}

.horizontal-slideshow ul li img{
	width: 705px;
	height:218px;
	-webkit-box-shadow: 0px 0px 10px #999;
	-moz-box-shadow: 0px 0px 10px #999;	
}

#features-content-lower{
	height: 800px;
	background: #FFF;
	text-align: center;
	margin: 0 auto;
	overflow: hidden;

}

#features-container{
	position: relative;
	width: 950px;
	margin:0 auto;	
	vertical-align: bottom;	
	-webkit-transition: all 1.25s ease-in-out;
	-moz-transition: all 1.25s ease-in-out;
	transition: all 1.25s ease-in-out;
}

.columns{
	text-align: left;
	overflow: auto;
	opacity: 0.5;
	-webkit-transition: all 2.5s ease-out;
	-moz-transition: all 2.5s ease-out;
	transition: all 2.5s ease-out;
	height: 800px;		
	padding-top:10px;
}

#features-container.surveys{top:-2430px;}
#features-container.surveys .surveys.columns{opacity:1;}

#features-container.polls{top:-1620px;}
#features-container.polls .polls.columns{opacity:1;}

#features-container.quizzes{top:-810px;}
#features-container.quizzes .quizzes.columns{opacity:1;}

#features-container.ratings{top:0px;}
#features-container.ratings .ratings.columns{opacity:1;}

#features-container .column.left{
	float:left;
	width:700px;
}


#features-container .column.right{
	float: left;
	width:225px;
	padding-top: 25px;
	margin-left:25px;
}

.content-block{
	overflow: hidden;
	padding: 25px 0px;
	border-bottom: 1px #e5e5e5 solid;	
}


.content-block.two-column img{
	float: left;
	margin-right:25px;
	width: 200px;
	height:101px;
	border: 1px #f6a349 solid;
}

.content-block .content{
	float: left;
	width: 450px;
}

.content h3{
	font-size: 20px;
	color: #333;
}

.column h4{
	font-weight: 400;
	color: #333;
}

.secondary.right ul li{
	color: #484848;
	font-size:11px;
	padding:10px 0px 10px 25px;
	border-bottom: 1px #e5e5e5 solid;
	line-height: 16px;
}

.secondary.right ul li{
	background: url(/images/public/features-icons.png) no-repeat;
	background-position-x: 3px;
	background-position-y: 13px;
	background-position: 3px 13px top left;	
}

.right ul li.invite{background-position: 3px 13px;}
.right ul li.ios{background-position: 3px -60px;}
.right ul li.branching{background-position: 3px -135px}
.right ul li.export{background-position: 3px -210px;}
.right ul li.share{background-position: 3px -282px;}
.right ul li.language{background-position: 3px -358px;}
.right ul li.ssl{background-position: 3px -432px;}
.right ul li.css{background-position: 3px -507px;}
.right ul li.redirect{background-position: 3px -580px;}
.right ul li.date{background-position: 3px -654px;}
.right ul li.secure{background-position: 3px -728px;}
.right ul li.rss{background-position: 3px -804px;}
.right ul li.wordpress{background-position: 3px -878px;}
.right ul li.media{background-position: 3px -952px;}
.right ul li.facebook{background-position: 3px -1024px;}
.right ul li.embed{background-position: 3px -1098px;}
.right ul li.comment{background-position: 3px -1168px;}
.right ul li.report{background-position: 3px -1247px;}
.right ul li.control{background-position: 3px -1320px;}
.right ul li.pass{background-position: 3px -1396px;}
.right ul li.async{background-position: 3px -1468px;}


/*
Generic Content Page
=================================================================== */

body #page-header-container h1 span{
	background: url(/images/public/h1-texture.png) repeat-x;
}

body.light #page-header-container h1 span{
	background: url(/images/public/page-bg-lite.png) repeat-x 0px -80px;
}


#content-lower{
	padding-top:20px;
	padding-bottom: 50px;
}

#content-lower p{
	margin-bottom: 20px;
}

#content-lower .column{
	padding-bottom: 25px;
	border-bottom: 1px #ccc dotted;
}

#content-lower .content-block{
	border: 0px;
}

#page-header-container{
	/*overflow: hidden;*/
}



#ios.layout .content-block .column.left,#ios.layout .content-block .column.right{
	width: 100%;
	float: none;
	margin-bottom: 30px;	
	overflow: hidden;
}

#ios.layout .content-block .column.left img,#ios.layout .content-block .column.left p{
	float: left;

}

#ios.layout .content-block .column.right img,#ios.layout .content-block .column.right p{
	float: right;
	
}

#ios.layout .content-block .column p{
	margin-left:25px;
	font-size:16px;
	line-height: 32px;
	margin-left: 0px;
	padding-left: 25px;
}

#ios.layout .content-block .column.left p{
	width: 600px;

}

#ios.layout .content-block .column.right p{
	width: 600px;
	margin-left:25px;
	float: left;
	padding-left: 0px;
	margin-left: 0px;	
}

#ios h2{
	padding-bottom: 20px;
}

#code-is-poetry{
	background: url(/images/iOS/code-is-poetry.png) no-repeat center;
}

#code-is-poetry span{
	display: none;
}


.layout.split .left{
	float: left;
	width: 720px;
}

.layout.split .right{
	float: left;
	width: 200px;
}

/*
Sub-footer
=================================================================== */

#sub-footer-container {
	background: url(/images/public/sub-footer-bg.png) repeat-x;
	border-top: 1px #999 dotted;
	height: 180px;
	margin-bottom: -50px;
}

#sub-footer-container .column {
	float: left;
	width: 280px;
	padding:27px 0px;
	height: 124px;
}

#sub-footer-container a:not(.button){
	text-shadow: 0px 1px 1px #FFF;
/*
	-webkit-transform-style: preserve-3d;
	-webkit-perspective: 500px;	
*/
	display: block;
	position: relative;
}

#sub-footer-container a:not(.button) span{
	position: relative;
	display: block;
	text-align: center;
/* 	float: left; */
}

#sub-footer-container .column.typography span,#sub-footer-container .column.typography strong{
	font-weight: 700;
	font-size: 25px;
	color: #484848;
/*	letter-spacing: -1px; */
	line-height: 25px;
/*
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;
	transition: all 0.25s ease-in-out;	
*/
	display: block;
}

#sub-footer-container .column:nth-child(1){
	border-right: 1px #FFF solid;
	padding-right: 20px;
	width: 280px;	
	
}

#sub-footer-container .column:nth-child(2){
	border-left: 1px #c7c7c7 solid;
	border-right: 1px #FFF solid;
	padding-left:20px;
	padding-right: 20px;
	width: 260px;
	text-align: center;
}

#sub-footer-container .column:nth-child(3){
	border-left: 1px #c7c7c7 solid;
	text-align: right;
	width: 280px;
}

#sub-footer-container .column:nth-child(3) a{
	text-align: center;
}

#sub-footer-container .column.typography:hover{
	cursor: pointer;
}

#sub-footer-container .column.typography:hover span, #sub-footer-container .column.typography:hover strong{
	color: #0182a8;
}

/*=
warnings	
=================================================================== */
.warn, .info-msg{
	border: 1px #a52619 solid;
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
	-webkit-box-shadow: 0px -1px 1px #CCC,0px 1px 1px #FFF;
	-moz-box-shadow: 0px -1px 1px #CCC, 0px 1px 1px #FFF;
	background: #FFF;
	margin:20px 0 20px 0;
	padding: 20px 20px 10px 20px;	
	margin-right: 9px;

}

.warn h2.title, .info-msg h2.title{
	font-size: 22px !important;
	color: #C00 !important;
	text-shadow: 0px 1px 1px #FFF;
}

.warn p, .info-msg p{
	font-size: 16px;
	text-shadow: 0px 1px 1px #FFF;
	padding-top:10px;
}

.info-msg{
	border-color:#0182a8;
	background:#FFF;
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,0.3)), to(rgba(191,238,252,0.5)));
	background: -moz-linear-gradient(0% 0% -90deg,rgba(255,255,255,0.25), rgba(191,238,252,0.9));
	
}

.info-msg h2.title{
	color:#0182a8 !important;
}



/*=
Footer
=================================================================== */

html,body{
	height: 100% !important;
}

/* MAGICAL FLOATING FOOTER CODE OooOooOOOOoooOOOoh! */

#page-container{
	min-height: 100%;
	/*margin-bottom: -152px;*/
	padding-bottom: 180px;
	position: relative;
}


.push{
	height: 152px;
	clear: both;
}


.adr{
	background: #EFEFEF;
	border: 1px #CCC solid;
	padding: 10px;
	font-size: 12px;
	color: #484848;
}

.adr div.street-address{
	font-weight: bold;
	font-size: 14px;
}

/*
Sign up now
=================================================================== */

#signup-free-form{
	width: 470px;
	float: left;
}

#signup-free-form h2, #page-header-container h2{
font-weight: 400;
color: #666;
font-size: 16px;
letter-spacing: normal;
text-shadow: 0px 1px 1px white;
line-height: 22px;
}

#signup-free-features{
	width: 470px;
	float: left;
	margin-left: 25px;
	margin-top: 45px;
	position: relative;	
}

#signup-free-features h3{
	border-bottom: 1px #ccc dotted;
	padding-bottom: 15px;
}


#signup-free-form small{
	float: right;
	text-align: right;
	font-size: 10px;
	color: #666;
	padding-top:20px;
}

#signup-free-features ul#nav{
	position: absolute;
	top:7px;
	left:140px;
}

#signup-free-features ul#nav li{
	padding: 0px;
	float: left;
	margin-right: 20px;
	font-size: 14px;
}

#signup-free-features ul#nav li a{
	display: block;
	padding-bottom: 5px;
	border-bottom: 3px rgba(1,130,168,0) solid;	
}	

#signup-free-features ul#nav li.active a,#signup-free-features ul#nav li a:hover{
	border-bottom: 3px rgba(1,130,168,1) solid;
	
}

#what-you-get-container{
	width: 465px;
	height:350px;
	overflow: hidden;
	position: relative;
}

#what-you-get{
	width: 3000px;
	height:320px;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
	position: absolute;
}

#what-you-get div{
	width: 440px;
	margin-right: 60px;
	float: left;
	opacity: 0.5;
	-webkit-transition: all 1s ease-in-out;
	-moz-transition: all 1s ease-in-out;
	transition: all 1s ease-in-out;
}

#what-you-get.surveys div#surveys-content{opacity: 1;}
#what-you-get.surveys{left:0;} 

#what-you-get.polls div#polls-content{opacity: 1;}
#what-you-get.polls{left:-500px;}

#what-you-get.quizzes div#quizzes-content{opacity: 1;}
#what-you-get.quizzes{left:-1000px;} 

#what-you-get.ratings div#ratings-content{opacity: 1;}
#what-you-get.ratings{left:-1500px;}

#what-you-get div p{
	font-size: 14px;
	line-height: 24px;
	color: #484848;
	padding-top: 0px;
	margin-top:-7px;	
}

#what-you-get div a{
	display: block;
	padding:12px 0px 10px 0px;
}

#features-arrow{
	position: absolute;
	top:32px;
	left:162px;
	-webkit-transition: all 0.25s ease-in-out;
	-moz-transition: all 0.25s ease-in-out;	
}

.case-study-pair .column h3{
	padding-bottom: 10px;
}

#narrow-nav{
	display: none;
}

#sign-in-layout-ios{
	display: none;
}

#responsive-signin{
	display: none;
}


.signup-step {
	float: left;
	line-height: 20px;
	padding: 0 14px;
	background-color: #f07b43;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	color: #fff;
	font-size: 10px;
	margin: 20px 0 0 20px;
	text-transform: uppercase;
	text-shadow: #a75327 1px -1px 1px;		
}

.signup-facebook {
	float: left;
	width: 206px;
	margin: 37px 0 0 30px;
	border: 1px solid #c3c2c2;
	background-color: #f2f2f2;
	text-align: center;
	padding: 20px 0 16px 0;
}

.signup-facebook p {
	font-size: 14px;
	color: #999;
	line-height: 20px;
	padding: 0 0 20px 0;		
}

.sidebar h2{
	margin-left: 30px;
	margin-top: 52px;
	float: left;
}