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

body {
	font-family:"Lucida Grande", "Lucida Sans Unicode", sans-serif;
	font-size:13px;
	padding:0;
	margin:0;
	
	min-width:994px;
	background:#000;
}

.body { background:#fff; }

.body_width {
	width:990px;
	position:relative;
	left:50%;
	margin-left:-495px;
}

#top_login_bar {
	background:#2b434a;
	height:0.5em;
	border-bottom:1px #41545a solid;
	overflow:visible;
	z-index:1000;
}
	#top_login_bar #login_tab {
		background:#2b434a;
		color:#fff;
		font-weight:bold;
		position:relative;
		top:0;
		left:50%;
		margin-left:405px;
		
		width:80px;
		padding:1em 5px;
		text-align:center;
		z-index:1000;
	}
		#top_login_bar #login_tab a {
			color:#fff;
			text-decoration:none;
		}
			#top_login_bar #login_tab a:hover { color:#1fcaea; }
			
#header {
	background:#0c0c0c;
	height:85px;
	position:relative;
	border-bottom:1px #232323 solid;
}
	#header #header_bg {
		background:url(images/header_top_bg.jpg) 0 0 no-repeat;
		position:absolute;
		left:50%;
		margin-left:-710px;
	
		width:1034px;
		height:85px;
	}
	
	#header a#logo {
		position:relative;
		width:244px;
		padding-top:85px;
		height:0;
		overflow:hidden;
		
		display:block;
		float:left;
		
		background:url(images/team_gantt_logo.jpg) 0 0 no-repeat;
	}
	
	#header #header_tabs {
		position:relative;
		left:100px;
		top:40px;
		float:left;
	}
		#header #header_tabs ul {
			margin:0;
			padding:0;
			list-style:none;
		}
			#header #header_tabs li {
				float:left;
				margin-left:30px;
			}
				#header #header_tabs a { color:#676767; text-decoration:none; font-size:1.2em; }
					#header #header_tabs a:hover, #header #header_tabs a.selected { color:#fff; }
					#header #header_tabs a.signup_link { color:#1fcaea; }
					#header #header_tabs a.signup_link:hover { color:#fff; }

.left_panel { width:60%; float:left; }
.right_panel { margin-left:10%; width:30%; float:left; }
.full_panel { width:100%; float:left; }
.clear { clear:both; }
.bottom_padding { padding-top:5em; }


#footer {
	padding:2.5em 0 0 0;
	background:#000;
}

	#footer .left_panel #twitter {
		background:url(images/footer_twitter.jpg) no-repeat;
		width:73px;
		padding-top:56px;
		height:0;
		display:block;
		float:left;
	}
		#footer .left_panel #twitter2 {
			margin:20px 0 0 1em;
			padding-bottom:5px;
			color:#fff;
			float:left;
			text-decoration:none;
			
			border-bottom:1px #fff solid;
		}
			#footer .left_panel #twitter2:hover { color:#2dcef2; border-bottom:1px #2dcef2 solid; }

	#footer .left_panel #facebook {
		background:url(images/footer_facebook.jpg) no-repeat;
		width:73px;
		padding-top:56px;
		margin-left:30px;
		height:0;
		display:block;
		float:left;
	}
		#footer .left_panel #facebook2 {
			margin:20px 0 0 1em;
			padding-bottom:5px;
			color:#fff;
			float:left;
			text-decoration:none;
			
			border-bottom:1px #fff solid;
		}
			#footer .left_panel #facebook2:hover { color:#4f72b1; border-bottom:1px #4f72b1 solid; }
			
	#footer .left_panel p {
		margin:0 0 0.5em 0;
		padding:0;
		color:#919191;
		clear:both;
	}
	
	#footer .left_panel p.first { padding-top:1.5em; }
	
	#footer .left_panel a { color:#919191; }
		#footer .left_panel a:hover { color:#fff; }
		
	#footer .footer_flash {
		float:left;
		height:190px;
		width:300px;
		background:url(images/footer_flash.jpg) -30px bottom no-repeat #000;
		
		margin-right:-300px;
	}
	
	#footer .right_panel { padding-bottom:40px; }
	
	#footer .right_panel a.link {
		color:#fff;
		display:block;
		padding-bottom:3px;
		border-bottom:1px #fff solid;
		text-decoration:none;
		float:left;
		clear:both;
		margin:0.3em 0;
	}
		#footer .right_panel a.link1:hover { color:#2dcef2; border-bottom:1px #2dcef2 solid; }
		#footer .right_panel a.link2:hover { color:#4f72b1; border-bottom:1px #4f72b1 solid; }
	
	#footer .right_panel .addthis_button {
		clear:both;
		float:none;
		display:block;
		
		padding-top:1em;
	}
	

	
#body_text #features {
	background:#3a4042;
	margin:0;
	
	padding:2em 0;
}
	#body_text #features h3 {
		margin:0;
		margin-left:10%;
		color:#f6b75b;
		font-size:1.3em;
		font-weight:bold;
	}
	
	#body_text .feature_title {
		color:#b9dee9;
		font-size:1.2em;
		margin-left:10%;
		margin-top:0.75em;
	}
	
	#body_text .feature_description {
		color:#fff;
		margin-left:17%;
		margin-right:5%;
	}
	
	#body_text .quote_text {
		margin:1.5em 10% 0 10%;
		
		font-size:1.25em;
		line-height:1.6em;
		color:#fff;
		font-style:italic;
	}
	
	#body_text .quote_by {
		color:#bababa;
		margin-right:15%;
		text-align:right;
	}
	
		#body_text .quote_by a { color:#bababa; }
		#body_text .quote_by a:hover { color:#fff; }