/**********************************************************************************************

	CSS on Sails
	Title: civio
	Author: XHTMLized (http://www.xhtmlized.com/)
	Date: January 2010

***********************************************************************************************

	1. BASE
			1.1 Reset
			1.2 Accessibility Navigation & Hide
			1.3 Clearfix
			1.4 Default Styles

	2. LAYOUT
			2.1 Structure
			2.2 Header
			2.3 Navigation
			2.4 Content
			2.5 Sidebar
			2.6 Footer

***********************************************************************************************/


/* 1. BASE
-----------------------------------------------------------------------------------------------
===============================================================================================*/


/* 1.1 Reset
-----------------------------------------------------------------------------------------------*/

html, body, div, span, object, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, samp, small, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; font-size: 100%; vertical-align: baseline; background: transparent; }
q { quotes: none; }
q:before, q:after { content: ""; content: none; }
a, ins, del { text-decoration: none; }
table { border-collapse: collapse; border-spacing: 0; }
th, td { vertical-align: top; }
th { text-align: left; }

/* 1.2 Accessibility Navigation & Hide
-----------------------------------------------------------------------------------------------*/

ol#accessibility-nav, .hide { position: absolute; top: -999em; left: -999em; height: 1px; width: 1px; }

/* 1.3 Clearfix
-----------------------------------------------------------------------------------------------*/
.content-top:after,
.content-bottom:after,
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	overflow: hidden;
}

/* 1.4 Default Styles
-----------------------------------------------------------------------------------------------*/
body {
	color: #58595b;
	font-size: 11px;
	/*font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif;*/
	font-family: Arial, sans-serif;
	background: #fff;
}
hr { display: none; }
strong { font-weight: bold; }
em { font-style: italic; }
del { text-decoration: line-through; }
th { font-weight: normal; }
address, cite, dfn { font-style: normal; }
li { list-style: none; }
abbr, acronym { border-bottom: 1px dotted #999; cursor: help; }
input, textarea, select { font-family: “Helvetica Neue”, Helvetica, Arial, sans-serif; font-size: 11px; }
a, a:visited { color: #8991c7; }
a:hover, a:active { color: #8991c7; }

/* 2. LAYOUT
-----------------------------------------------------------------------------------------------
===============================================================================================*/

/* 2.1 Structure
-----------------------------------------------------------------------------------------------*/

/* 2.2 Header
-----------------------------------------------------------------------------------------------*/

#header {
	width: 960px;
	height: 137px;
	margin: 0 auto;
	background: url(../images/h1_background.png) no-repeat 0 0;
}

	#header h1 {
		padding: 23px 0 0 19px;
	}

		#header h1 a {
			display: block;
		}

/* 2.3 Navigation
-----------------------------------------------------------------------------------------------*/

/* 2.4 Content
-----------------------------------------------------------------------------------------------*/

#content {
	width: 960px;
	margin: 0 auto;
}

	#content p {
		font-size: 14px;
		line-height: 190%;
		padding: 0 0 27px 0;
	}

	#content p.noPadding {
		padding: 0;
	}

	#content p.lessPadding {
		padding: 0 0 17px 0;
	}

	#content p.navigation {
		font-size: 13px;
		line-height: 120%;
		padding: 14px 0 13px 18px !important;
		color: #231f20;
	}

		#content p.navigation a {
			text-decoration: underline;
		}

		#content p.navigation a:hover {
			text-decoration: none;
		}

		#content p.navigation span {
			font-size: 8px;
			color: #8991c7;
		}

	#content h2 {
		font-size: 28px;
		font-weight: normal;
		border-bottom: solid 1px #9cd6a5;
		color: #38ac4a;
		padding: 0 0 9px 0;
		margin: 0 0 11px 0;
	}

	#content ul {
		line-height: 250%;
		margin: 0 0 27px 0;
	}

		#content ul li {
			font-size: 14px;
			background: url(../images/bullet01.png) no-repeat 7px 3px;
			padding: 0 0 0 40px;
		}

		#content ul li .prev{
			background: url(../images/bullet02.png) no-repeat 7px 3px;
		}

		#content ul.nogfx li {
			background: none;
			padding: 0;
		}

	#content img.image {
		display: block;
		margin: 18px 0 5px 85px;
	}

	#content form {
	}

		#content form fieldset {
		}

			#content form fieldset label {
				font-weight: bold;
				font-size: 11px;
				color: #38ac4a;
				display: block;
				padding: 0 0 3px 5px;
			}


			#content form fieldset input[type="text"] {
				display: block;
				width: 256px;
				height: 20px;
				padding: 0 3px 0 3px;
				background: url(../images/bg_input.png) no-repeat 0 0;
				color: #666;
				border: 0 none;
			}

			#content form fieldset input[type="submit"] {
				display: block;
				width: 88px;
				height: 44px;
				background: url(../images/button_submit.png) no-repeat 0 0;
				border: 0 none;
				text-indent: -8000px;
				line-height: 44px;
				cursor: pointer;
				float: right;
			}

.home #content {
	padding: 1px 0 0 0;
}

	.home #content div.content-top {
		border-top: solid 1px #dedede;
		border-bottom: solid 2px #dedede;
		height: 300px;
	}

		.home #content div.content-top dl {
			float: left;
			width: 320px;
			height: 300px;
			background: url(../images/bg_main_top.png) repeat-x 0 0;
			color: #fff;
		}

			.home #content div.content-top dl dt {
				font-size: 27px;
				padding: 28px 0 14px 22px;
			}

				.home #content div.content-top dl dt a {
					display: block;
					color: #fff;
					background: url(../images/bullet01.png) no-repeat 256px 39px;
				}

			.home #content div.content-top dl dd {
				font-size: 15px;
				padding: 0 52px 0 22px;
				line-height: 150%;
			}

		.home #content div.content-top object {
			float: right;
		}

	.home #content div.content-bottom {
		border-bottom: solid 1px #b3b2b7;
	}

		.home #content div.content-bottom dl {
			position: relative;
			float: left;
			width: 320px;
			height: 230px;
			border-bottom: solid 1px #e3e3e3;
		}

			.home #content div.content-bottom dl dt {
				position: absolute;
				bottom: -1px;
				left: 0px;
				width: 320px;
				background: url(../images/bg_main_bottom.png) repeat 0 0;
			}

				.home #content div.content-bottom dl dt a {
					display: block;
					font-size: 22px;
					color: #fff;
					background: url(../images/bullet01.png) no-repeat 12px 25px;
					padding: 21px 0 24px 38px;
				}

				.home #content div.content-bottom dl dd img {
					display: block;
				}

	.getting-started #content div.content-top {
		padding: 0 50px 6px 0;
	}

		.getting-started #content div.content-top form {
			float: left;
			width: 350px;
			padding: 5px 33px 0 18px;
		}

			.getting-started #content div.content-top form fieldset {
			}

				.getting-started #content div.content-top form fieldset .left {
					float: left;
					width: 182px;
					margin: 0 0 5px 0;
				}

				.getting-started #content div.content-top form fieldset .right {
					float: left;
					margin: 0 0 5px 0;
				}

				.getting-started #content div.content-top form fieldset input[type="text"] {
					width: 157px;
					background: url(../images/bg_input_small.png) no-repeat 0 0;
				}

				.getting-started #content div.content-top form fieldset input[type="submit"] {
					width: 136px;
					background: url(../images/button_letsgetstarted.png) no-repeat 0 0;
					margin-right: -5px;
				}

		.getting-started #content div.content-top p:last-child {
			padding: 0;
		}

	.getting-started #content div.content-bottom {
		background: e3e3e3;
		padding-bottom: 2px;
		border-bottom: solid 1px #c1c0c0;
	}

		.getting-started #content div.content-bottom dl {
			position: relative;
			width: 240px;
			padding: 0 0 193px 0;
			float: left;
			color: #fff;
			background: url(../images/bg_gettingstarted_top.png) no-repeat 0 0;
		}

			.getting-started #content div.content-bottom dl dt {
				font-size: 24px;
				padding: 18px 0 0 18px;
			}

			.getting-started #content div.content-bottom dl dd {
				font-size: 12px;
				padding: 0 30px 0 18px;
				line-height: 155%;
				margin-top: -2px;
			}

			.getting-started #content div.content-bottom dl img {
				display: block;
				position: absolute;
				bottom: 1px;
				left: 0px;
				z-index: 0;
			}

			.getting-started #content div.content-bottom dl span {
				display: block;
				width: 240px;
				height: 37px;
				position: absolute;
				bottom: 0px;
				left: 0px;
				z-index: 1;
				background: url(../images/bg_gettingstarted_bottom.png) no-repeat 0 100%;
			}



.contact-us #content {
background:transparent url(../images/who-we-are.jpg) repeat-y scroll 0 0;

}
	.contact-us #content h2 {
		padding: 2px 0 6px 8px;
		margin: 0 0 19px 0;
		line-height: 135%;
	}

	.contact-us #content form {
		width: 420px;
		padding: 0 273px 20px 266px;
		border-bottom: solid 1px #bab9b9;
	}

		.contact-us #content form fieldset {
		}

			.contact-us #content form fieldset label {
				float: left;
				clear: both;
				width: 131px;
				padding: 3px 17px 0 0;
				height: 17px;
				margin: 0 0 12px 0;
				text-align: right;
			}

			.contact-us #content form fieldset input[type="text"] {
				margin: 0 0 12px 0;
				float: left;
			}

			.contact-us #content form fieldset select {
				margin: 0 100px 12px 0;
			}

			.contact-us #content form fieldset textarea {
				width: 259px;
				height: 176px;
				padding: 3px 0 3px 3px;
				background: url(../images/bg_textarea.png) no-repeat 0 0;
				border: 0 none;
				overflow: auto;
				color: #666;
				margin: 0 0 8px 0;
			}

.who-we-are #content {
	border-top: solid 2px #fff;
	background: url(../images/bg_whoweare.jpg) repeat-y 0 0;
	padding: 0 0 0 248px;
	width: 712px;
	border-bottom: solid 1px #adabab;
}

	.who-we-are #content p.navigation {
		padding-left: 0 !important;
	}

	.who-we-are #content h2 {
		padding: 0 8px 6px 0;
		margin: 0 0 9px 0;
		display: inline-block;
	}

	.who-we-are #content p {
		padding-right: 60px;
	}

.differentiators #content {
	border-top: solid 2px #fff;
	background: url(../images/differentiators.jpg) repeat-y 0 0;
	padding: 0 0 0 248px;
	width: 712px;
	border-bottom: solid 1px #adabab;
}

	.differentiators #content p.navigation {
		padding-left: 0 !important;
	}

	.differentiators #content h2 {
		padding: 0 8px 6px 0;
		margin: 0 0 9px 0;
		display: inline-block;
	}

	.differentiators #content p {
		padding-right: 60px;
	}

.what-we-do #content {
	border-top: solid 2px #fff;
	background: url(../images/what-we-do.jpg) repeat-y 0 0;
	padding: 0 0 0 248px;
	width: 712px;
	border-bottom: solid 1px #adabab;
}

	.what-we-do #content p.navigation {
		padding-left: 0 !important;
	}

	.what-we-do #content h2 {
		padding: 0 8px 6px 0;
		margin: 0 0 9px 0;
		display: inline-block;
	}

	.what-we-do #content p {
		padding-right: 60px;
	}

.who-we-serve #content {
	border-top: solid 2px #fff;
	background: url(../images/who-we-serve.jpg) repeat-y 0 0;
	padding: 0 0 0 248px;
	width: 712px;
	border-bottom: solid 1px #adabab;
}

	.serve_consumer_marketing #content {
		background: url(../images/consumer_marketing.jpg) repeat-y 0 0;
	}

	.serve_land_use #content {
		background: url(../images/land_use.jpg) repeat-y 0 0;
	}

	.serve_member_association #content {
		background: url(../images/member_association.jpg) repeat-y 0 0;
	}

	.serve_utilities #content {
		background: url(../images/utilities.jpg) repeat-y 0 0;
	}

	.serve_political #content {
		background: url(../images/political_campaign.jpg) repeat-y 0 0;
	}

	.who-we-serve #content p.navigation {
		padding-left: 0 !important;
	}

	.who-we-serve #content h2 {
		padding: 0 8px 6px 0;
		margin: 0 0 9px 0;
		display: inline-block;
	}

	.who-we-serve #content p {
		padding-right: 60px;
	}

.product #content {
	border-top: solid 2px #fff;
	background: url(../images/product.jpg) repeat-y 0 0;
	padding: 0 0 0 248px;
	width: 712px;
	border-bottom: solid 1px #adabab;
}

/*.product_cloud #content {
	background: url(../images/cloudcomputing.jpg) repeat-y 0 0;
}*/
	.product #content p.navigation {
		padding-left: 0 !important;
	}

	.product #content h2 {
		padding: 0 8px 6px 0;
		margin: 0 0 9px 0;
		display: inline-block;
	}

	.product #content p {
		padding-right: 60px;
		padding-bottom: 17px;
	}

	.product #plusSigh {
		color: #38AC4A; 
		font-size: 50px; 
		vertical-align: top;
	}

.who-we-are #content {
	border-top: solid 2px #fff;
	background: url(../images/who-we-are.jpg) repeat-y 0 0;
	padding: 0 0 0 248px;
	width: 712px;
	border-bottom: solid 1px #adabab;
}

	.who-we-are #content p.navigation {
		padding-left: 0 !important;
	}

	.who-we-are #content h2 {
		padding: 0 8px 6px 0;
		margin: 0 0 9px 0;
		display: inline-block;
	}

	.who-we-are #content p {
		padding-right: 60px;
	}

.privacy-policy #content {
	border-top: solid 2px #fff;
	/*background: url(../images/who-we-are.jpg) repeat-y 0 0;*/
	padding: 5 0 0 18;
	width: 960px;
	border-bottom: solid 1px #adabab;
}

	.privacy-policy #content p.navigation {
		padding-left: 0 !important;
	}

	.privacy-policy #content h2 {
		padding: 0 8px 6px 0;
		margin: 0 0 9px 0;
		display: inline-block;
	}

	.privacy-policy #content p {
		padding-right: 60px;
	}

	.privacy-policy #content h3{
		font-size: 13px;
		line-height: normal;
		padding: 5px 0 5px 5px !important;
		margin: 0 0 11px 0;
		color: #FFFFFF;
		background-color: #38ac4a;
		
	}

/* 2.5 Sidebar
-----------------------------------------------------------------------------------------------*/

/* 2.6 Footer
-----------------------------------------------------------------------------------------------*/

#footer {
	width: 960px;
	margin: 0 auto;
}

	#footer ul#navigation {
		height: 61px;
		padding: 1px 0 0 15px;
		background: url(../images/bg_navigation.png) no-repeat 0 0;
	}

		#footer ul#navigation li {
			float: left;
			height: 60px;
			background: url(../images/bg_navigation_li.png) repeat-y 0 0;
		}

			#footer ul#navigation li a {
				display: block;
				color: #231f20;
				font-size: 13px;
				background: url(../images/bg_navigation_active.png) no-repeat 0 -100px;
				padding: 20px 9px 0 15px;
				height: 40px;
			}

			#footer ul#navigation li a:hover,
			.home #footer ul#navigation li.home a,
			.differentiators #footer ul#navigation li.differentiators a,
			.what-we-do #footer ul#navigation li.what-we-do a,
			.who-we-serve #footer ul#navigation li.who-we-serve a,
			.product #footer ul#navigation li.product a,
			.getting-started #footer ul#navigation li.getting-started a,
			.who-we-are #footer ul#navigation li.who-we-are a,
			.contact-us #footer ul#navigation li.contact-us a,
			.privacy-policy #footer ul#navigation li.privacy-policy a{
				color: #38ac4a;
				background-position: 50% 0;
			}



	#footer p {
		text-align: center;
		padding: 6px 0 6px 0;
		color: #a6a8ab;
	}


	/*new
	#content div.product-nav {
	width: 460px;
	margin: 0 auto;
}

	#content div.product-nav ul {
		height: 61px;
		padding: 1px 0 0 15px;
		background: url(../images/bg_navigation.png) no-repeat 0 0;
	}

		#content div.product-nav ul li {
			float: left;
			height: 60px;
			background: url(../images/bg_navigation_li.png) repeat-y 0 0;
		}

			#content div.product-nav ul li a {
				display: block;
				color: #231f20;
				font-size: 13px;
				background: url(../images/bg_navigation_active.png) no-repeat 0 -100px;
				padding: 20px 9px 0 15px;
				height: 40px;
			}

			#content div.product-nav ul li a:hover,
			.product-nav-li #product-nav ul li.product-nav-li a{
				color: #38ac4a;
				background-position: 50% 0;
			}



	#content div.product-nav p {
		text-align: center;
		padding: 6px 0 6px 0;
		color: #a6a8ab;
	}*/