@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;
	background:#83ba66 url(../images/landscape_bg.jpg) top center no-repeat;
}

img {
	border:0;
}

.container {
	width:100%;
	max-width:1080px;
	margin:0 auto;
	clear:both;
	}
	
.internal {
	background:white url(../images/internal_bg.png) top left no-repeat;
}

.mobile {
	display:none;
}

/** TOP BAR **/

.topbar {
	width:95%;
	background:url(../images/80px_blue_bar.png) repeat-x;
	height:35px;
	line-height:35px;
	background-position:0 -35px;
	color:white;
	font-size:75%;
	text-align:right;
	padding-right:5%;
}
	.topbar img {
	float:right;
	margin:10px 0 0 3px;
	}

/** HEADINGS **/

h1 {
	font-weight:normal;
	font-size:130%;
	text-shadow:1px 1px 2px #ffffff;
	line-height:1.5;
	margin:40px 0 0 15px;
	width:90%;
}

h1 b {
	color:#235088;
}

h2 {
	color:#3978AE;
	text-shadow:1px 1px 2px #fff;
	margin:0;
	padding:0;
	font-size:100%;
}

h3 {
	color:#2A5E94;
	font-weight:bold;
	font-size:100%;
	margin:0;
	padding:0;
}

h4 {
	color:yellow;
	font-weight:bold;
	text-shadow:1px 1px 2px black;
	font-size:140%;
}

/** MAIN COLUMN **/

.main {
	float:left;
	width:60%;
	/*max-width:650px;*/
	margin-top:30px;
	margin-left:1%;
}

	/* Main Heading */
	.logo {
		width:100%;
		max-width:555px;
	}
	
	.tagline {
	display:block;
	text-align:right;
	margin:-20px 100px 0 0;
	font-size:150%;
	color:#2A5E94;
	}
	
	.red {
		color:#AE0000;
	}
	
	.screenonly p {
		color:#305b19;
		font-size:100%;
		font-weight:bold;
		width:85%;
	}
	
	.screenonly a {
		color:#305b19;
		text-decoration:none;
	}
	
	.screenonly a:hover {
		color:black;
	}
	

	.textbox {
		margin:25px 0;
		background:rgba(255,255,255,.65);
		box-shadow:0px 0px 10px #ccc;
		-moz-box-shadow:0px 0px 10px #ccc;
		-webkit-box-shadow:0px 0px 10px #ccc;
		padding:10px;
		width:90%;
	}
	
	.textbox p {
		color:#666666;
		line-height:1.5;
		font-size:95%;
	}
	
	#citizen .textbox p b {
		color:#AE0000;
	}

	/* buttons */
	
	.buttons {
	margin:50px 0;
	}
	
	.buttons .gov, .buttons .cit, .buttons .create {
	float:left;
	width:309px;
	height:119px;
	background:url(../images/new/govbutton.png) no-repeat;
	text-indent:-9999px;
	}
	
	.buttons .cit {
	background:url(../images/new/citizenbutton.png) no-repeat;
	}
	
	.buttons .create {
	background:url(../images/new/citizen_create_account.png) no-repeat;
	}
	
	.buttons .gov:hover, .buttons .cit:hover, .buttons .create:hover {
	background-position:0px -119px;
	}
	
	.buttons .ios, .buttons .android {
	width:141px;
	height:114px;
	float:left;
	text-indent:-9999px;
	background:url(../images/new/ios_button.png) no-repeat;
	}
	
	.buttons .android {
	background:url(../images/new/android_button.png) no-repeat;
	}
	
	/* email signup */
	
	.signup {
	position:relative;
	overflow:visible;
	width:100%;
	height:auto;
	margin:20px 0 0 20px;
	clear:both;
	}
	
		.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;
		}
		
		/** Contact Form **/
		
		.formbox {
		margin:25px 0;
		padding:10px;
		width:90%;
		}
		
		.row {
		display:block;
		clear:both!important;
		width:100%;
		}
		
		.row label {
		float:left;
		width:50%;
		color:white;
		font-size:115%;
		font-weight:bold;
		text-transform:uppercase;
		text-shadow:1px 1px 2px black;
		}
		
		label.widelabel {
		width:100%;
		clear:both;
		}
		
		.row input, .row textarea {
		display:block;
		margin:5px 0;
		}
		
		#salesforce input[type=text], #salesforce textarea {
		padding:5px 10px;
		border-radius:10px;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		outline:0;
		font-size:100%;
		border:none;
		border-top:1px solid #8ed16a;
		border-bottom:2px solid #305b19;
		background:rgba(48,91,25,.2);
		width:80%;
		height:25px;
		box-shadow:inset 1px 1px 5px #305b19;
		-moz-box-shadow:inset 1px 1px 5px #305b19;
		-webkit-box-shadow:inset 1px 1px 5px #305b19;
		color:yellow;
		}
		
		#salesforce textarea {
		width:92%;
		height:100px;
		}
		
		#salesforce input[type=text]:focus, #salesforce textarea:focus {
		background:#8ed16a;
		color:black;
		}
		
		label.error {
		font-size:small;
		color:yellow;
		width:100%;
		text-shadow:none;
		}
		
		input.error, textarea.error {
		border-bottom:3px solid yellow!important;
		}
		
		/* placeholders */
		::-webkit-input-placeholder  { color:#8ed16a;font-weight:normal;font-size:small!important; }
		input:-moz-placeholder { color:#8ed16a;font-weight:normal;font-size:small!important; }
	
		/* submit button */
		#submit {
			font-size: 22px;
			color: #079400;
			padding: 15px 25px;
			background: -moz-linear-gradient(
				top,
				#ffffff 0%,
				#ffffff 50%,
				#b5b5b5);
			background: -webkit-gradient(
				linear, left top, left bottom, 
				from(#ffffff),
				color-stop(0.50, #ffffff),
				to(#b5b5b5));
			border-radius: 10px;
			-moz-border-radius: 10px;
			-webkit-border-radius: 10px;
			border: 0px solid #2ea100;
			-moz-box-shadow:
				0px 1px 3px rgba(000,000,000,0.5),
				inset 0px 0px 3px rgba(255,255,255,1);
			-webkit-box-shadow:
				0px 1px 3px rgba(000,000,000,0.5),
				inset 0px 0px 3px rgba(255,255,255,1);
			text-shadow:
				0px -1px 0px rgba(000,000,000,0.2),
				0px 1px 0px rgba(255,255,255,1);
			float:right;
			font-weight:bold;
		}

		.required {
			color:red;
			font-size:smaller;
			text-shadow:none;
		}
	
/* sidebar */
.sidebar {
	float:left;
	width:30%;
	/*max-width:350px;*/
	margin-top:30px;
	text-align:center;
	margin-right:1%;
	margin-left:5%;
}
	
	.phones {
	margin:0 auto;
	}
	
	
	/* features */
	

		.features {
		margin:20px 0 20px 30px;
		text-align:left;
		}
		
		.features h2 {
			font-size:130%;
		}
		
		.features p {
		font-size:90%;
		color:#666666;
		line-height:1.5;
		margin:0;
		padding:0;
		}
		
		.features ul, .features ul li {
			list-style:none;
			margin:0;
			padding:0;
		}
		
		.features ul li {
			margin:20px 0;
		}
		
		.facebook, .photo, .map {
			float:left;
			width:75px;
			height:75px;
			margin:0 10px;
			background-size:100%;
		}
		
		.facebook {
			background:transparent url(../images/new/facebook.png) no-repeat;
		}
		
		.photo {
			background:transparent url(../images/new/pothole.png) no-repeat;
		}
		
		.map {
			background:transparent url(../images/new/map.png) no-repeat;
		}
		
	
		
	/* copy */
	
	.copy {
	font-size:80%;
	color:#666666;
	line-height:1.5;
	}


	
/* footer */

#footer {
	width:98%;
	background:#3978AE;
	padding:20px 1%;
	font-size:75%;
	color:white;
	margin-top:37px;
	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;
		}