@charset "utf-8";

/* browser styles for report2gov */
/* clearfix */
/* slightly enhanced, universal clearfix hack */
.clearfix:after {
  visibility: hidden;
  display: block;
  font-size: 0;
  content: " ";
  clear: both;
  height: 0;
}
.clearfix {
  display: inline-block;
}
/* start commented backslash hack \*/
* html .clearfix {
  height: 1%;
}
.clearfix {
  display: block;
}
/* close commented backslash hack */

body {
	margin:0;
	padding:0;
	font-size:100%;
	font-family:'Droid Sans', Arial, sans-serif;
}

img {
	border:0;
}

.topbar {
	width:100%;
	background:url(../images/80px_blue_bar.png) repeat-x;
	height:35px;
	line-height:35px;
	background-position:0 -35px;
}

.topbar .poweredby {
	width:100%;
	max-width:980px;
	margin:0 auto;
	color:white;
	font-size:75%;
	line-height:35px;
	text-align:right;
}

	.poweredby img {
	float:right;
	margin:10px 0 0 3px;
	}
	
#header {
	width:100%;
	background:url(../images/landscape_bg.jpg) top center no-repeat;
	height:700px;
	overflow:hidden;
	}

.container {
	width:100%;
	max-width:1080px;
	margin:0 auto;
	}
	
		.internal {
		background:white url(../images/internal_bg.png) top left no-repeat;
		}
	
	#intro {
	width:50%;
	min-width:560px;
	float:left;
	margin:40px 20px 0px 40px;
	}
	
	#intro .tagline {
	display:block;
	text-align:right;
	float:right;
	margin:-20px 5px 0 0;
	font-size:120%;
	color:#666666;
	}
	
	#intro h2 {
	font-weight:normal;
	font-size:130%;
	text-shadow:1px 1px 2px #ffffff;
	line-height:1.5;
	margin:40px 0 0 15px;
	}
	
	#intro h2 b {
	color:#235088;
	}
	
	#intro h3 {
	font-weight:normal;
	font-size:110%;
	text-shadow:1px 1px 2px #ffffff;
	line-height:1.5;
	margin:10px 0 0 15px;
	color:#666666;
	}
	
	/* email signup */
	
	.signup {
	position:relative;
	overflow:visible;
	width:100%;
	height:auto;
	margin:20px 0 0 20px;
	}
	
		.signup .roadsign {
		position:absolute;
		top:0;
		left:0;
		margin-left:-40px;
		z-index:9999;
		}
	
		.signup .box {
		position:absolute;
		width:475px;
		height:175px;
		background:rgba(42,112,171,.5);
		margin-top:75px;
		margin-left:100px;
		}
		
		.box .appstore {
		display:block;
		margin:20px 0 0 170px;
		}
		
		.box h4 {
		color:white;
		font-weight:bold;
		text-shadow:1px 1px 2px #000;
		font-size:150%;
		margin:20px 0 10px 170px;
		}
		
		.box #email {
		width:258px;
		height:30px;
		padding:10px;
		background:url(../images/email_field.png) no-repeat;
		outline:0;
		border:0;
		float:right;
		margin-right:28px;
		font-size:125%;
		}
		
		.box #submit {
		clear:both;
		width:125px;
		float:right;
		margin-right:28px;
		margin-top:5px;
		}
	
	
	
	/* iphone slideshow */
	
	#iphone {
	width:400px;
	min-width:400px;
	float:right;
	margin:40px 0 0px 10px;
	text-align:right;
	}
	
	
	/* features */
	
	#features {
	clear:both;
	width:100%;
	height:202px;
	background:transparent url(../images/202px_silver_bg.png) repeat-x;
	z-index:999;
	margin-top:-10px;
	}
	
		.feature1, .feature2, .feature3 {
		width:32%;
		float:left;
		display:inline;
		margin:35px 20px 0px 0;
		background:rgba(255,255,255,.5);
		box-shadow:inset 1px 1px 5px #ccc;
		-webkit-box-shadow:inset 1px 1px 5px #ccc;
		height:137px;
		}
		
		.feature1:hover, .feature2:hover, .feature3:hover {
		background:rgba(255,255,255,.8);
		}
		
		.feature3 {
		margin-right:0;
		}
		
		#features h3 {
		color:#3978AE;
		text-shadow:1px 1px 2px #fff;
		}
		
		#features p {
		font-size:95%;
		color:#666666;
		line-height:1.5;
		}
		
		.smbox {
		float:left;
		width:114px;
		height:114px;
		margin:10px 15px 10px 10px;
		}
		
		.facebook {
		background:transparent url(../images/facebook.png) no-repeat;
		}
		
		.photo {
		background:transparent url(../images/pothole.png) no-repeat;
		}
		
		.map {
		background:transparent url(../images/map.png) no-repeat;
		}
		
		.blue {
		background:#235088;
		}
		
		.orange {
		background:#FB7517;
		}
		
		.green {
		background:#59923D;
		}
		
		.mobile {
		display:none;
		}
		
	/* copy */
	
	.copy {
	font-size:80%;
	color:#666666;
	line-height:1.5;
	}
	
	
/* footer */

#footer {
	width:100%;
	background:#3978AE;
	padding:20px 0;
	font-size:75%;
	color:white;
	margin:0px 0 0 0;
	text-shadow:1px 1px 2px #666;
	border-top:1px solid #235088;
}

	.footerlinks {
	float:right;
	padding:0px 0;
	color:white;
	}
		
		.footerlinks a {
		color:white;
		}
		
		.footerlinks a:hover {
		color:#cccccc;
		}