@charset "utf-8";
/* CSS Document */

/* Don't put reset css in here. It affects the entire page and the pages
 * which you have using this css file can be displayed inside a teamstream pane.
 *
 * If resets are necessary, they should go at the top of main.css, which is used
 * on just about every page.
 *
 * Prefix all selectors in here with .home_container
 */

.home_container {
	font-size: 16px;
	width:1000px;
	margin: 30px auto 0px auto;
	position:relative;
}

.home_container #footer { margin:0; color:#000000; width:100%; }

.home_container h1 {
	color:#2B65AC;
	margin-top:0;
	font-size:32px;
	margin-bottom:21px;
	line-height:42px;
}

.home_container h2 { margin-bottom:7px; line-height:32px; font-size:24px; }

.home_container p { color:#000; margin-top:16px; margin-bottom:16px; line-height:22px; }

.home_container .left_col {
	width:200px;
	float:left;
	font-family: 'PT Sans', sans-serif;
	color:#2B65AC;
	line-height:1.2em;
}

.home_container .left_col .googlePlayBadge {
	height: auto;
	width: 150px;
}

.left_col a {
	text-decoration:none;
}

.left_col .googlePlayBadge {
	 height:auto;
	 left:-8px;
	 position:relative;
	 width:150px;
 }

.home_container .main_col {
	width:770px;
	float:left;
	-webkit-border-radius: 6px;
	-webkit-border-top-left-radius: 0;
	-moz-border-radius: 6px;
	-moz-border-radius-topleft: 0;
	border-radius: 6px;
	border-top-left-radius: 0;
	min-height:500px;
	background-color:#FFF;
	padding:15px;
	padding-top:10px;
	font-family: 'PT Sans', sans-serif;
	color:#2B65AC;
	line-height:1.2em;
}

.home_container .nav_pages {
	margin:25px 0 15px 0;
}

.home_container .nav_pages_item {
	border-bottom:2px solid #dddcdc;
	display:block;
	height:40px;
	font-family:'HelveticaNeue', 'PT Sans', sans-serif;
	line-height:40px;
	color:#127dba;
	text-decoration:none;
}

.home_container .nav_pages_item:hover {
	text-decoration:underline;
}

.home_container .nav_pages_item.sel:hover {
	text-decoration:none;
}

.home_container .left_box {
	margin:25px 0;
	color:#0D2240;
	font-size:16px;
}

.home_container .left_box a {
	color:#24ADFA;
}

.home_container .left_box h1 {
	margin-top:0px;
	margin-bottom:10px;
	font-size:20px;
	line-height:24px;
}

/* Home Page Content */

.home_container .home_banner {
	cursor:pointer;
	width:770px;
	height:270px;
	background: url('https://assets.connect.stacksports.com/teamconnect_home-banner-1.jpg' ) no-repeat center;
	background-size: contain;
	position:relative;
	margin-bottom:10px;
}

.home_container .home_banner_bubbles {
	width:238px;
	height:256px;
	display:block;
	background-image:url( 'images/home_banner_bubbles.png' );
	top:10px;
	left:12px;
	position:relative;
	float:left;
}

.home_container .home_banner_logo {
	width:419px;
	height:104px;
	display:block;
	background-image:url( 'images/home_banner_logo.png' );
	top:23px;
	left:74px;
	position:relative;
	float:left;
}

.home_container .home_sign_up_button {
	width:251px;
	height:80px;
	display:block;
	background-image:url( 'images/home_banner_sign_up_btn.png' );
	top:50px;
	left:158px;
	position:relative;
	float:left;
}

.home_container .home_sign_up_button:hover {
	background-position:0 -80px;
}

.home_container .home_features_box {
	background-color:#064B84;
	float:left;
	width:216px;
	margin-right:16px;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	padding:15px;
	font-weight:bold;
	color:#FCF135;
}

/* Features Page Content */

.home_container .home_features_box.pageslast {
	margin-right:0;
}

.home_container .home_features_box h2, .feature h2 {
	font-family: 'PT Sans', sans-serif;
	font-weight:bold;
	margin-top:0;
	margin-bottom:7px;
	font-size:24px;
}

.home_container .home_features_box ul, .feature ul {
	list-style:none;
	font-weight:bold;
	color:#FFFFFF;
	font-size:.9em;
	padding-left:3px;
	margin-left:3px;
	margin-top:0;
}

.home_container .home_features_box li, .feature li {
	background-image: url('images/check_bullet_white.png');
	background-repeat:no-repeat;
	background-position:0 3px;
	padding-left:32px;
	margin-bottom:10px;
}

.home_container .home_features_box a {
	color:#FCF135;
	margin-left:38px;
	text-decoration:none;
	text-transform:lowercase;
}

.home_container .home_features_box a:hover {
	text-decoration:underline;
}

.home_container .feature {
	border-bottom:1px solid #D7EEFF;
	padding-bottom:15px;
	margin-bottom:15px;
	height:264px;
}

.home_container .feature img {
	float:left;
	margin-right:15px;
}

.home_container .feature div { float:left; width:320px; }

.home_container .feature.last { border-bottom:none; height:auto; padding-left:230px; }


/* Blog Page Content */

ol.tumblr_posts {
	list-style:none;
	padding-left:20px;
}

.tumblr_post {
	border-top:1px solid #CCCCCC;
	padding-top:15px;
	margin-top:30px;
}	

.tumblr_title { margin-bottom:7px; line-height:32px; font-size:24px; font-weight:bold; }

.app_links {
	margin-bottom:25px;
}

.company_logo {
	width: 200px;
	float: right;
	margin-top: -40px;
}