/*social*/

.social-set{
	position:absolute;
	top:20px;
	right:10px;
	z-index:900;
}

.likeit-button{
	display:inline-block;
	margin-right:15px;
	margin-top:0px;
	vertical-align:top;
	line-height:15px;
}

.tweetit-button{
	display:inline-block;
	vertical-align:top;
}

.pinit-button{
	display:inline-block;
	vertical-align:top;
}

.tumblrit-button{
	display:inline-block;
	margin-right:15px;
}

/* Intro */

.banner{


	background-repeat:repeat-x;
	display:block;
	position:relative;

	padding:0;
	
}

.banner-image{
	text-align:center;
	border-bottom:1px solid #ece8ee;
	margin:0;
	padding:0;
	background-position:center top;
	background-repeat:no-repeat;
	height:220px;
	position:relative;
	min-width:960px;

}

.banner-image img{
    opacity:.2;
}


.banner-text{
    height:280px;
}


.banner-text h2{
	color:white;
	font-size:13pt;
	position:absolute;
	display:block;
	bottom:10px;
	right:55px;
	font-weight:200;
	text-shadow:0 0 4px black;
}

.banner.whatis{
	height:300px;

}

.hide{
	display:none;
}

#introduction_banner{
		background-image: url(../img/howitworks/introductionbanner.jpg);
		height:340px;
	
}

#whatis_banner{
		background-image: url(../img/howitworks/collectivebanner.jpg);
		height:300px;
	
}

#spaces_banner{
		background-image: url(../img/howitworks/addpbanner.jpg);
}

#whatis_banner, #spaces_banner, #introduction_banner{

background-color: black;
}

#projects_banner{
	
	background-position-y:-30px;
	background-image: url(../img/howitworks/addsbanner.jpg);
	
}

.whatis .banner-image{
	background-color:black;
	background-image:#00000;
	background:#00000;
	padding:0;
	height:300px;
	}

.spaces-banner, introduction-banner{
	background:black;
	background-image:#00000;
	background-color:#00000;
}

.spaces-banner .banner-image, .introduction-banner .banner-image{
	height:280px;
	background:#00000;
	background-image:#00000;
	background-color:#00000;
	
}

.projects-banner > .banner-image{
	height:280px;
	background:#00000;
	background-color:#00000;

	
}

#projects_banner{
	background-color:black;

}



.transparent-overlay{
	background:rgba(255,255,255,0.78);
	color:black;
	z-index:800;
	
}

.dark-overlay{
	background:rgba(0,0,0,0.28);
	color:#fff;
	z-index:800;
	
}

.no-overlay{
	color:#fff;
	text-shadow:0 0 8px black;
	z-index:800;
}

.no-overlay-black{
	color:#000;
	text-shadow:0 0 8px white;
}


.text-top{
	position:absolute;
	top:0;
	left:0;
	padding:10px;
	text-align:left;
}

.text-off-top{
	position:absolute;
	top:60px;
	left:0;
	padding:10px;
	text-align:left;
}

.text-center{
	position:absolute;
	top:140px;
	left:0;
	padding:10px;
	text-align:left;
}


.full-width{
	width:100%;
}

.half-width{
	width:60%;
}

#hello h1{
	
	
}

.banner-image{
position:relative;	
}

#hello h1, #start_space h1, #start_project h1, #introduction h1{
	font-size:25pt;

	font-weight:400;
	line-height:1.2;
}

.stand-out{
	font-weight:bold;
	color:#c551c5;
}

.stand-out.orange{
	color:#d55404;
}

.quotation{
	margin:30px 40px;
	color:#767676;
	font-weight:300;
	font-size:15pt;
	line-heigh:1.7;
}

.quote-image{
	display:inline-block;
	float:left;
	margin-right:15px;
	
	
}

.quote-image img{
	border:1px solid black;
	border-radius:50%;
	margin-bottom:15px;
}

.quoter{
	display:block;
	font-weight:200;
	margin-top:15px;
	font-size:11pt;
}

.introduction-split-left{
	width:550px;
	margin:15px 15px 15px 0;
	display:inline-block;
}

.introduction-split-right{
	width:340px;
	display:inline-block;
	vertical-align:middle;
	margin:20px;
}

.question-wrapper{

	min-height:200px;
	padding-top:20px;
	margin-top:20px;
}

.spaces-faq{

	background:#f6f4f7;
	background-image:#f6f4f7;
	border-top:1px solid #efe9f2;
	
}

.projects-faq{

	background:#fff4ed;
	background-image:#fff4ed;
	border-top:1px solid #eddfd8;
	
}

.question-unit{
	padding:15px 40px 25px 0;
}

.question-unit h4{
	font-size:12pt;
	line-height:1.1;
	margin-bottom:15px;
}

.question-unit.quote{
	color:#8c8c8c;
}

.question-unit.quote h4{
	font-size:15pt;
}

.question-unit.quote p{
	font-size:12pt;
	color:#8c8c8c;
}

.question-unit p{
	font-size:11pt;
}

.btn-add-space{
	background:#9f60ba;
	background-color:#9f60ba;
	background-image:#9f60ba;
	border:1px solid #7f54a0;
	box-shadow:none;
	color:#fff;
	font-weight:300;
	text-shadow:none;
	letter-spacing:.3;
	font-size:15pt;
	padding:20px 40px;
}

.btn-add-space:hover{
	color:#fff;
	background:#ae8fbb;
	background-color:#ae8fbb;
	background-image:#ae8fbb;
	border:1px solid #9267b4;
}

.btn-add-project{
	background:#ef7121;
	background-color:#ef7121;
	background-image:#ef7121;
	border:1px solid #d55404;
	box-shadow:none;
	color:#fff;
	font-weight:300;
	text-shadow:none;
	letter-spacing:.3;
	font-size:15pt;
	padding:20px 40px;
}

.btn-add-project:hover{
	color:#fff;
	background:#f49649;
	background-color:#f49649;
	background-image:#f49649;
	border:1px solid #b58f67;
}


#findtenants .introduction{
	padding-top:20px;
}

.introduction h2{
	line-height:15px;
	height:30px;
	margin-top
}

.hiw-header{
	    border: 0;
    padding-top: 10px;
 
    vertical-align: top;
    letter-spacing: normal;
    height: auto;
    width: 940px;
    
    word-spacing: normal;
    
    
    
}

.first-section{
	margin-bottom:25px;
}

 hr{
	margin:24px 0 24px 10px;
	padding-left:1px;
	color:#e0e7eb;
	border-left:none;
	width:100%;
border-color: #e0e7eb;
border-top: 1px solid #eee;
border-bottom: none;

-webkit-margin-before: .5em;
-webkit-margin-after: .5em;


}

.hiw-header-right{
	
	border:1px solid #929292;
	background-color:whitesmoke;
	
	border-radius:7px;
}

.hiw-header-right li{
	padding:5px;
	
}

.container{
    position: relative;
width: 960px;
margin: 0 auto 0 auto;

}

.container::after {
clear: both;
}

.container::before, .container::after {
display: table;
content: "";
}

#header{
	width:100%;
	
}

#header .hiw-header-left{
	display:inline-block;
	width:60%;
}

#header .hiw-header-right{
	width:35%;
}

#header h3{
	font-weight:bold;
	font-size:28pt;
	line-height:30px;
}

#header h4{
	margin-top:3px;
	font-size:17pt;
	
}

#header h5{
	font-size:13pt;
	font-weight:bold;
	font-color:#555;
	border-bottom:1px solid #919191;
	padding:10px;
}

.page-container{
    margin: 0 auto;
    width:940px;
    padding-top:50px;
	
}

#tellus {
	background-image:url(../img/tellus.png);
	background-repeat:no-repeat;
	width:360px;
	height:110px;
}

#tellus h4{
	line-height:70px;
	font-weight:bold;
	color:white;
	margin-left:15px;
	text-shadow:0 1px #585858; 
	font-size:16px;
}


/* HOW IT WORKS */

#hiw_banner{
    background:white;
    background-color:white;
}

#howitworks #main-page h1{
    color:white;
    font-size:35pt;
    margin-top:20px;
    padding-bottom:10px;
    background-image:url('../img/howitworks/txt-shadow_master.png');
    background-position:105px 20px;
    background-repeat:no-repeat;
    
}

#howitworks #main-page h2{
    
    font-size:14pt;
    margin-bottom:80px;
    padding:20px 0;
      background-image:url('../img/howitworks/txt-shadow_master.png');
       background-repeat:no-repeat;
       background-position:4px 2px;
    color:white;
    background-size:880px 90px;
    
    }
    
#howitworks .faq h3{
    font-weight:bold;
    font-size:26pt;
    text-align:center;
    padding:20px 0;
}

#howitworks .great-party .faq h3{
    text-align:left;
    padding-left:88px;
}

#howitworks .great-party{
    padding-top:20px;
}



/* FAQ */

.faq {

margin-bottom:60px;
padding-bottom:10px;

}

.sub-footer.hiw{
    text-align:center;
    color:grey;

    background-color:black;
    background-image:url('../img/howitworks/better4everyone.jpg');
 background-position:center center;
    background-size: cover;
    background-repeat:no-repeat;
}

.get-started.centered-text{
    margin-bottom:30px;
}

#howitworks #main-page .sub-footer h1{
    color:white;
    background-width:500px;
    background-size:500px 55px;
    background-position:230px 25px;
    background-image:url('../img/howitworks/txt-shadow_master.png');
    
}

#howitworks #hiw_banner{
    background-image:url('../img/howitworks/a2.jpg');

    background-position:center top;
    background-size: cover;
    background-repeat:no-repeat;
    
}

#howitworks #main-page .sub-footer h2{
    font-size:16pt;
    margin-top:10px;
    margin-bottom:45px;
    color:white;
    background-image:url('../img/howitworks/txt-shadow_master.png');
    background-position:180px 0;
    background-size:auto;
}

.sub-footer .btn{
    margin:0 0 65px;
}

#howitworks .faq img{
    
    padding:10px 0 30px 120px;
    
}

#howitworks .great-party{
    padding-top:20px;
}

#howitworks .great-party{
    background-color:white;
}

#howitworks .faq p{
    margin-left:90px;
}


.faq-full {
	width:740px;
	margin:0 auto;
	text-align:center;
}

.faq h1, .faq-full h1{
	font-weight:500;
	line-height:50px;
	font-size:37px;
}

.faq h2, .faq-full h2{
	font-size:20pt;
	line-height:1.1;
	font-weight:200;
	margin:25px 0 15px;

}

.faq h3, .faq-full h3{
	
	font-size:14pt;
	line-height:1.1;
	font-weight:200;
	
}

 p{
	font-size: 13pt;
line-height: 1.2;
color: #666;
font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight:200;
}



.hiw-section{
   
    width:73%;
    margin:20px 65px 30px 0;
}



.forspaces{
	margin-top:25px;
}

a:hover{
	color:#143e63;
}

.bottom-buttons{
	width:100%;
	margin-top:30px;
	margin-left:0px;
	margin-bottom:50px;
	display:inline-block;
	
	text-align:center;
}

.bottom-buttons .btn{
	
	margin-right:20px;
	font-weight:bold;
	padding:0;
	-webkit-transition:all .2s ease-in-out;  
   -moz-transition:all .2s ease-in-out;  
   -o-transition:all .2s ease-in-out;  
   transition:all .2s ease-in-out;
	
}

.bottom-buttons .btn:hover{
	box-shadow: 0px 0px 8px rgba(0,0,0,0.28);
}

.bottom-links{
	text-align:center;
	width:98%;
	margin-bottom:50px;
	margin-top:40px;
	padding-right:10px;
}

.big-action-btn{
	
	color:#fff;
	font-weight:200;
	font-size:18pt;
	text-align:middle;
	text-shadow: 0px 0px 4px rgba(0,0,0,0.68);
	position:relative;
}

.btn.start-project{
	background-image:url(../img/howitworks/startproject.jpg);
	background-repeat:no-repeat;
	background-position:-5px -4px;
	width:379px;
	height:122px;
	-webkit-transition:all .2s ease-in;  
   -moz-transition:all .2s ease-in;  
   -o-transition:all .2s ease-in;  
   transition:all .2s ease-in;
}

.btn.start-space{
	background-image:url(../img/howitworks/startspace.jpg);
	background-repeat:no-repeat;
	background-position:0 0;
	width:379px;
	height:122px;
	-webkit-transition:all .2s ease-in-out;  
   -moz-transition:all .2s ease-in-out;  
   -o-transition:all .2s ease-in-out;  
   transition:all .2s ease-in-out;
}



.button-sub{
	display:block;
	font-weight:100;
	font-size:14pt;
	margin-top:10px;
}

.btn-txt{
	margin-top:40px;
	display:block;
	
}

.big-action-btn.btn:hover{
	color:#fff;
}

.vignette{
	position:absolute;
	top:0;
	left:0;
		
}

.big-action-btn:hover .vignette{
	display:none;
	
}


.bottom-links > a{
border:1px solid #ff055c;
	border-radius:6px;
	padding:20px;
	background-color:white;
	color:#ff055c;
	margin:5px;
}

.bottom-links > a:hover{
border:1px solid #6e1c38;
	border-radius:6px;
	padding:20px;
	box-shadow: 0px 0px 8px rgba(0,0,0,0.28);
	color:#bf114e;
}




.hiw-wrapper img{
	width:110px;
	height:110px;
	border-radius:50%;
	margin-right:20px;
	

}

.introduction-faq{
	margin-bottom:25px;
}

.second.container{
	background-color:#eee;
}

.hiw-wrapper{
    
  

    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;


    margin:20px 0;
    position:relative;


}

.faq .hiw-wrapper p{
	font-size:11pt;
}

.faq .example-text{
	display:inline-block;
	width:600px;
	float:left;
}



.hiw-wrapper h3{
	
	margin-bottom:8px;
	
}

.background-grey-tint{
	background-color:#fbfbfb;
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
}

/* findspace
-------------------------------------------------- */

.space-types{
	width:100%;
	display:block;
	clear:both;
	margin-top:20px;
	height:200px;
	text-align:center;
}
.space-types li{
	float:left;
	text-align:center;
	width:140px;
	display:block;
	
	height:140px;
	text-transform:uppercase;
	font-weight:bold;
	color:#555;
	background-color:white;
	border:1px solid #cdcdcd;
	
	margin:5px 10px ;
	
}

.space-types img{
	border:1px solid #555;
	
}

.where-when {
	width:100%;
	min-height:550px;
	
}

.where{
	width:60%;
	min-height:200px;
	font-weight:bold;
	font-size:13px;
	display:inline-block;
}

.where h3{
	margin:5px 0;
	font-weight:bold;
	font-size:12px;
	padding-bottom:0;
	color:rgba(139,139,139,0.88);
}
.where li{
	list-style:circle;
	text-align:center;
	display:inline;
}

.where img:first-child{
	border-bottom:1px solid #cdcdcd;
	
		
		padding-right:25px;

}

.when {
	width:35%;
	display:inline-block;
	
	min-height:200px;
	padding-left:30px;
		font-weight:bold;
	font-size:13px;
	
}

.when h3{
	margin:5px 0;
	font-weight:bold;
	font-size:12px;
	padding-bottom:0;
	color:rgba(139,139,139,0.88);
}
.when li{
	list-style:circle;
	text-align:center;
	display:inline;
	
}

.when-info{
	padding-left:40px;
	
}

.when-img{

	border-left:1px solid #cdcdcd;
	
	padding-left:30px;
}

.great-space{

}

.space-list-wrapper{
	width:100%;
	display:block;
	clear:both;
	margin-top:20px;
	height:260px;
	text-align:center;
}
.space-list li{
	
	text-align:center;
	
	display:inline-block;

	height:200px;
	text-transform:uppercase;
	font-weight:bold;
	color:#555;
	background-color:white;
	border:1px solid #cdcdcd;

	margin:5px 15px;
	
}

.great-space .title{
	font-size:9pt;
	display:block;
}

.space-list img{
	border:1px solid #555;
	
}

.interface {
	border:1px solid #ababab;
	text-align:center;
	margin:20px 150px;
	
}

.great-space strong{
	font-weight:bold;

}

.sharing-caring{
	width:100%;
	height:300px;
}

.social-support{
	margin-top:20px;
}

.social-support img{
	float:left;
	width:150px;
	display:inline-block;

	border-right:1px solid #cdcdcd;
}


.social-support li{
	float:left;
	text-align:left;
	width:45%;
	display:inline-block;
	margin:5px;
	height:150px;
	text-transform:uppercase;
	font-weight:400;
	color:#555;
	background-color:white;
	border:1px solid #cdcdcd;
	text-transform:none;
	
	
}

.social-support p{
	display:block;
	float:left;
	width:60%;
	padding:12px;
	font-size:12px;
	line-height:16px;
	
	
}

.pumu{
	margin:25px 25px 25px 0;
	min-height:220px;
}

.pumu-img{
	width:60%;
	display:inline-block;
	
}

#mc_embed_signup{
	width:300px;
	display:inline-block;
	float:right;
	margin-left:15px;
	clear:none;
	margin-top:25px;
}
.pumu img{
	border:2px solid black;
	box-shadow:0px 0px 8px rgba(0,0,0,0.28);
	
}

#mc_embed_signup input.email{
	width:100%;
}


/* findtenants
-------------------------------------------------- */
.testimonial-box{
	margin-top:15px;
}
#findtenants #header{
	padding:30px 0;
}

.header-image-left, .sharing-image-left{
	margin-right:-5px;
}

#findtenants .header-text-right .inner, #findspace .sharing-text-right .inner{
	margin:20px;
	display:block;
}

.header-text-right h2, .sharing-text-right h2{
	font-size:18pt;
	font-weight:100;
}

#findtenants .header-text-right a, #findspace .sharing-text-right a{
	font-weight:100;
}

.tenant-types{
	width:100%;
	display:block;
	clear:both;
	margin-top:20px;
	height:360px;
	text-align:center;
}
.tenant-types li{
	float:left;
	text-align:center;
	width:143px;
	display:block;
	padding:5px 5px 28px 5px;
	height:300px;
	text-transform:uppercase;
	font-weight:bold;
	color:#555;
	background-color:white;
	border:1px solid #cdcdcd;

	margin:5px 5px 5px 5px;
	
}

.tenant-types img{
	border:;
	
}

.tenant-types p{
	border-top:1px solid #cdcdcd;
	border-bottom:1px solid #cdcdcd;
	margin:5px 0;
	padding:2px;
	color:#fff;
	border-radius:4px;
	background-color:#888;
}


.space-specs{
	min-height:250px;
	width:100%;
	text-align:center;
}
.space-specs li{
	float:left;
	margin:10px;
}

.space-steps {
	
	padding:5px;
	font-weight:400;
	text-align:left;
}

.space-steps p{
	margin-top:0;
	padding-top:0;
	font-size:10pt;
	line-height:5px;
	margin-bottom:10px;
	-webkit-margin-before:.1em;
	display:inline-block;
	
}
.space-steps img{
	display:inline-block;
}

.space-specs .space-steps li{
	float:none;
	margin:0;
}

.space-samples {
	
	padding:5px;
	font-weight:400;
	text-align:left;
	height:350px;
	margin-bottom:50px;
	
	}

.space-samples p{

	
}
.space-samples img{
	display:inline-block;
}

.space-ex{
	text-align:center;
	margin-left:10px;
}

.space-ex li{
		float:left;
	text-align:center;
	
	display:block;
	padding:0;
	height:188px;
	text-transform:uppercase;
	font-weight:bold;
	color:#555;
	background-color:white;
	border:1px solid #cdcdcd;
	box-shadow:0px 0px 8px rgba(0,0,0,0.28);
	margin:5px 25px 5px 25px;
}


.partner-list li{
	border:none;
	box-shadow:none;
	margin:0;
	padding:0;
	width:150px;
	height:78px;
	
	
}

.quotes{
	min-height:390px;
	margin-bottom:20px;
	margin-top:20px;
}

.quote-support{
	margin-top:20px;
	margin-bottom::20px;
}

.quote-support img{
	float:left;
	width:150px;
	display:inline-block;

	border-right:1px solid #cdcdcd;
}


.quote-support li{
	float:left;
	text-align:left;
	width:45%;
	display:inline-block;
	margin:5px;
	height:150px;
	text-transform:uppercase;
	font-weight:400;
	color:#555;
	background-color:white;
	border:1px solid #cdcdcd;
	text-transform:none;
	
	
}

.quote-support p{
	display:block;
	float:left;
	width:60%;
	padding:12px;
	font-size:12px;
	line-height:16px;
	
	
}

/* sidebar
-------------------------------------------------- */

.tips {
    position:absolute;
    top:0;
    right:0;
    width:220px;
}

.tips h3{
    font-size:16pt;
    font-weight:bold;
    text-decoration:underline;
    
}

.tips h4{
    font-size:10pt;
    font-weight:bold;
    text-decoration:none;
    color:#555;
    margin:10px 0 5px 0;
    
}

.tips ul{
    font-size:11pt;
    margin-top:15px;
    margin-bottom:20px;
    font-weight:bold;
    color:#007ac5;
    
}

.tips li{
    color:#555;
    font-weight:500;
    font-size:9pt;
    margin-top:5px;
}/* topnav */

.subnav {
background: #fff url(//a0.muscache.com/airbnb/static/getting-started/header-bg-cfd9482114a0889b657a8097294047d4.jpg) 0 bottom repeat-x;
min-height: 20px;
padding: 0 0 0 25px;
margin: 55px 0 25px 0;
-moz-border-radius: 4px;
-webkit-border-radius: 4px;
border-radius: 4px;
border: 1px solid #d4d4d4;
overflow: hidden;
display:block;
}

.subnav .nav{
	padding: 0;
margin: 0;
float: left;
border-left: 1px solid #fff;
}

.subnav .nav li{
	float: left;
padding: 0;
margin: 0;
}

.subnav .nav li a{
	border-left: 1px solid #c7c7c7;
color: #413b36;
margin: 0;
font-weight: 400;
font-size: 14px;
padding: 8px 12px;
text-shadow: 0 1px #fff;
}


.subnav .nav li.active{
	
	background-color: #fff;
}

.subnav .nav li.active a{
	color:#555;
	text-shadow: 0 1px #fff;
}

.subnav .nav li.active a:hover{
		background-color: #eee;

}

.subnav .nav li a.last{
	border-right:1px solid #c7c7c7;
}



.subnav ul{
	font-size: 16px;
line-height: 1.4;
color: #666;
font-family: "Helvetia Neue", Helvetica, Arial, sans-serif;

}

 .inline{
	 display:inline-block;
	 float:left;
	 margin-right:15px;
 }