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


/* Resets */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, 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: none; text-decoration: none; }	

/* Typography */
	
.hidden { display: none; }
.clear { height: 1%; clear: both; }
.left { float: left; }
.right { float: right; }

.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

.clearfix {display: inline-block;}
.no-background { background: none !important; }

a { color:#A4968B; text-decoration:none; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* TRICKS for background and container */

body { background:#000000; font-family:Arial, Helvetica, sans-serif; font-size:13px; }
#wrap { width:960px; margin: 0 auto;}
#container-top { display:none; }
#container-wrap { background: transparent; width:959px; color:#FFFFFF; float:left; }
#container { background: transparent; color:#FFFFFF; float:left; width:100%; }
#container-content { margin:0px 30px; float:left; padding-bottom:20px; width:899px; background: transparent url(../images/bar.png) bottom center repeat-x; }
#container-bottom {	width:959px; height:19px; color:#FFFFFF; clear:both; }

/* Header */

#header { background: transparent url(../images/bar.png) repeat-x left bottom; width:100%; min-height:105px; float:left; }
#header #site-logo h1 a, #header #site-logo-es h1 a { float: left; margin: 10px 0 0 10px; }

#header #site-logo h1 { font-size: 36px; }
#header #site-logo h3, #header #site-logo-es h3 { clear:both; font-size:38px; margin:0; padding:40px 0 0; font-weight:normal; }

#site-logo h1 a { background:url(../images/ambit-logo.png) no-repeat; height:0; width:600px; padding-top:70px; overflow:hidden;  }

#site-logo-es h1 a { background:url(../images/ambit-logo.png) no-repeat; height:0; width:600px; padding-top:70px; overflow:hidden;  }

#header #ambit-logo {
	position:relative;
}

#header #ambit-logo h2 {
	display:none;
}


/* Form */

#form-container { width:300px; float:right; margin:20px 0; }

#form-container h2 { color:#F8B624; font-size:24px; padding-bottom:6px; }

#form-container p#form-info { line-height:22px; padding-bottom:20px; }

#form-container #Form1 { margin: 0px 20px; }

#form-container label { font-size:14px; font-weight:bold; }

#form-container p#form-legal { font-size:10px; line-height:19px; padding:20px 0; }

.textfield { background-color:#FFFFFF; border:thin inset #CCCCCC; color:#333333; font-size:13px; margin-bottom:10px; margin-top:5px; padding:3px; }


/* Videos and Process Bar */

#video-container {
	width:595px;
	float:left;
	margin:10px 0;
	height:401px;
	overflow:hidden;
}

#module-video {
	height:355px;
	width:595px;
	margin:0 auto 0 auto;
	position:relative;
}

#module-video.blank {
	background:transparent;
	height:367px;
	width:595px;
	margin:0 auto 0 auto;
	position:relative;
}
#more-info.blank {
	background:transparent;
	height:367px;
	width:595px;
	margin:0 auto 0 auto;
	position:relative;
}
#module-video.question {
	background:transparent;
	height:337px;
	width:620px;
	margin:0 auto 0 auto;
	position:relative;
}
#directions-state {
	background:transparent url(../images/directions-continue-arrows.gif) no-repeat scroll 360px 132px;
	padding:146px 0 150px 34px;
}
#directions {
	background:transparent url(../images/directions-arrows.gif) no-repeat scroll 200px 132px;
	padding:116px 108px 117px 0;
}
#directions2 {
	background:transparent url(../images/directions-get-started-arrows.gif) no-repeat scroll 214px 150px;
	padding:131px 10px 100px 75px;
}
#directions2.es {
	background:transparent url(../images/directions-get-started-arrows.gif) no-repeat scroll 230px 132px;
	padding:116px 60px 117px 75px;
}
#directions a, #directions2 a {
	background:#5A4099;
	display: block;
	height: 30px;
	padding: 2px 10px 0;
	line-height:26px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	margin:0 10px;
	border:2px solid #8077B7;
	float: left;
	text-align:center;
}
#directions a:hover, #directions2 a:hover {
	background:#F0652A;
	border:2px solid #FBBC9B;	
}
#directions strong.please-click {
	padding-left:115px;
}
#directions strong.please-click-es {
	padding-left:60px;
}
#directions .join-now, #directions2 .join-now {
	width:117px;
	background:#F0652A;
	border:2px solid #FBBC9B;		
}
#directions .join-now-es, #directions2 .join-now-es {
	width:176px;
	background:#F0652A;
	border:2px solid #FBBC9B;		
}
#directions .join-now:hover, #directions2 .join-now:hover {
	background:#5A4099;
	border:2px solid #8077B7;		
}
#directions .join-now-es:hover, #directions2 .join-now-es:hover {
	background:#5A4099;
	border:2px solid #8077B7;		
}
#directions .need-more-info, #directions2 .need-more-info {
	width:155px;
}
#directions .need-more-info-es, #directions2 .need-more-info-es {
	width:220px;
}
#directions em, #directions2 em {
	clear:both;
	color:#ffffff;
	display:block;
	font-family:Arial;
	font-style:normal;
	height:32px;
	line-height:32px;
	text-align:center;
	width:100%;
}
#directions .continue, #directions2 .continue {
	width:234px;
}
#directions .continue-es, #directions2 .continue-es {
	width:234px;
}

#directions strong, #directions2 strong, #directions-state strong {
	color:#ffffff;
	display:block;
	float:left;
	font-family:Arial;
	font-size:17px;
	font-weight:bold;
	height:33px;
	line-height:33px;
}

#select-language.stage-content {
	background:transparent url(../images/energy526.png) no-repeat scroll 0 0;
	height:349px;
	width:595px;
	text-indent:-999999px;
}

#select-language #select-english a {
	display:block;
	left:0;
	height:81px;
	text-indent:-999999px;
	width:300px;
	position:absolute;
	bottom:0;
}

#select-language #select-espanol a {
	display:block;
	right:0;
	height:81px;
	text-indent:-999999px;
	width:300px;
	position:absolute;
	bottom:0;
}

#directions.continue { background:transparent url(../images/directions-continue-arrows.gif) no-repeat scroll 200px 132px; padding:146px 0 150px 64px; }

#right-content {
	float:right;
	margin:75px 0 0 0;
	width:265px;
}
#right-content h3 {
	color:#A4968B;
	display:block;
	font-family:Arial;
	font-size:16px;
	font-weight:normal;
	line-height:22px;
	padding-bottom:10px;
	padding-left:5px;
}
#right-content .name {
	color:#FFFFFF;
	display:block;
	font-family:Arial;
	font-size:20px;
	font-weight:bold;
	padding-bottom:0;
	padding-left:5px;
}
#right-content .phone, #right-content .email a {
	color:#A4968B;
	display:block;
	font-family:Arial;
	font-size:16px;
	font-weight:bold;
	padding-bottom:0;
	padding-left:5px;
}
#right-content .position {
	color:#A4968B;
	display:block;
	font-family:Arial;
	font-size:12px;
	font-weight:normal;
	padding-bottom:7px;
	padding-left:5px;
}
#right-content .email a {
	padding:10px 0 0px 5px;
}

#right-content .pz {
	padding-bottom: 15px;
}

#right-content .pz a {
	background:#808080;
	display:block;
	text-align:center;
	height:19px;
	width:145px;
	color:#FFFFFF;
	font-size:14px;
	text-transform:none;
	line-height:18px;
	font-weight:bold;
	margin:10px 0;
}
#right-content .pz a:hover {
	background:#5A4099;
}

#right-content .join-now a {
	background:#F0652A;
	display:block;
	text-align:center;
	height:39px;
	width:265px;
	color:#FFFFFF;
	font-size:24px;
	text-transform:uppercase;
	line-height:38px;
	font-weight:bold;
	margin:10px 0;
	border:2px solid #FAB795;
}
#right-content .join-now a:hover {
	background:#5A4099;
	border:2px solid #7A6EB2;
}
#right-content .join-now-es a {
	background:#F0652A;
	display:block;
	text-align:center;
	height:39px;
	color:#FFFFFF;
	font-size:24px;
	text-transform:uppercase;
	line-height:38px;
	font-weight:bold;
	margin:10px 0;
	border:2px solid #FAB795;
}
#right-content .join-now-es a:hover {
	background:#5A4099;
	border:2px solid #7A6EB2;
}
#right-content .need-more-info a, #right-content .need-more-info-es a {
	background:#5A4099;
	display: block;
	height: 30px;
	padding: 0px 10px 0;
	line-height:26px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	margin:0px 0;
	border:2px solid #7A6EB2;
	float: left;
	text-align:center;
}
#right-content .need-more-info a:hover, #right-content .need-more-info-es a:hover {
	background:#F0652A;
	border:2px solid #FAB795;	
}

h4.now-playing { color:#FFFFFF; display:block; font-family:Arial; font-size:15px; font-weight:normal; padding:28px 0 0 12px; }
h4.now-playing strong { color:#E6F4FF; font-weight:bold; } 
h4.next-steps { color:#FFFFFF; display:block; font-family:Arial; font-size:15px; font-weight:normal; line-height:32px; padding:18px 0 0 12px; }

h4.choose-state { color:#FFFFFF; display:block; font-family:Arial; font-size:15px; font-weight:normal; line-height:32px; padding:18px 0 0 12px; }
h4.choose-state strong { display:block; float:left; }
h4.choose-state a { 

	background:#5A4099;
	display: block;
	height: 28px;
	line-height:26px;
	color:#FFFFFF;
	font-weight:bold;
	font-size:16px;
	margin:0 10px;
	border:2px solid #7A6EB2;
	float: left;
	text-align:center;
}
h4.choose-state .texas { width:82px; }
h4.choose-state .ny { width:114px; }
h4.choose-state .il { width:87px; }
h4.choose-state a:hover { background:#F0652A; border:2px solid #FAB795; height: 28px; }
a.continue-presentation { background-image:url(../images/button-continue.gif); background-position:center center; background-repeat:no-repeat; display:inline-block; text-indent:-999999px; width:235px; line-height:32px; }
a.continue-presentation-es { background-image:url(../images/button-continue-es.gif); background-position:center center; background-repeat:no-repeat; display:inline-block; text-indent:-999999px; width:235px; line-height:32px; }

	/* Process Bar */
	
		#process-bar {
			height: 41px;
			background:transparent;
			width:595px;
			margin:0;
			clear:left;
		}
		
			#process-bar ul {
				display: block;
				list-style-type: none;
			}
				#process-bar ul li {
					display: block;
					float: left;
					padding-top: 4px;
					height: 1%;
				}
					#process-bar ul li .item {
						display: block;
						float: left;
						height: 37px;
						line-height: 36px;
						font-size: 14px;
						color: #FFFFFF;
						text-align: center;
						background:#5A4099;
						font-family: Arial;
						text-transform:uppercase;
						font-weight:bold;
						width: 193px;
						border:2px solid #7A6EB2;
					}
					
					
					/* Introduction - step 1 */
					#process-bar #item-introduction .item {
						margin:0 2px 0 0;
					}
						#process-bar #item-introduction.past .item {
							color: #fff;
						}
						#process-bar #item-introduction.current .item {
							color: #FFFFFF;
						}
						#process-bar #item-introduction.current .item, #process-bar #item-introduction.past .item:hover {
							background:#F0652A;
							border:2px solid #FAB795;
						}
					
					/* The Opportunity - step 2 */
					#process-bar #item-the-opportunity .item {
					}
						#process-bar #item-the-opportunity.past .item {
							color: #fff;
						}
						#process-bar #item-the-opportunity.current .item {
							color: #FFFFFF;
						}
						#process-bar #item-the-opportunity.current .item, #process-bar #item-the-opportunity.past .item:hover {
							background:#F0652A;
							border:2px solid #FAB795;
						}
						
					/* Get Started - step 3 */
					#process-bar #item-get-started .item {
						margin:0 0 0 2px;
					}
						#process-bar #item-get-started.past .item {
							color: #fff;
						}
						#process-bar #item-get-started.current .item {
							color: #FFFFFF;
						}
						#process-bar #item-get-started.current .item, #process-bar #item-get-started.past .item:hover {
							background:#F0652A;
							border:2px solid #FAB795;
						}
					
					#process-bar .current { background: url(../images/slide-current-arrow.gif) center top no-repeat; }



/*  ---------------------------------------
	Slide (12: More Info)
	- - - - - - - - - - - - - - - - - - - -  */
				
		#more-info h3 {
			display: block;
			padding: 16px 0 18px 24px;
			font-size: 16px;
			font-weight: bold;
			color: #fff;
			font-family: Arial;
		}
		#more-info p.thanks {
			display: block;
			font-size: 12px;
			color: #fff;
			font-family: Arial;
			width: 500px;
			padding-left: 24px;
			line-height: 18px;
		}
		#more-info-form {
			width: 567px;
		}
		#form-info {
			width: 253px;
			float: right;
			padding: 5px 0 0 0;
			font-size: 11px;
			font-family: Arial;
			color: #fff;
			line-height: 18px;
		}
		#contact-info {
			display: block;
			width: 312px;
			float: left;
		}
			.normal-field {
				display: block;
				height: 35px;
				padding-left: 24px;
			}
				.normal-field strong {
					display: block;
					float: left;
					width: 84px;
					font-size: 12px;
					color: #fff;
					font-family: Arial;
					height: 31px;
					line-height: 31px;
					font-weight: normal;
				}
				.normal-field span {
					display: block;
					float: left;
					width: 188px;
					height: 31px;
					text-align: center;
					background: url(../images/normal-field-bg.gif) no-repeat;
				}
					.normal-field span input {
						width: 169px;
						display: block;
						padding: 8px;
						font-size: 12px;
						color: #9b9b9b;
						font-weight: normal;
						background: none;
						border: none;
					}
		#questions-info {
			display: block;
			clear: both;
			padding-left: 24px;
			padding-top: 10px;
		}
			.textarea-field strong {
				display: block;
				padding: 0 0 5px 0;
				font-size: 12px;
				color: #fff;
				font-family: Arial;
				font-weight: normal;
			}
			.textarea-field span {
				display: block;
				width: 545px;
				padding: 5px 0;
				background: url(../images/fieldset-bg.gif) no-repeat;
				text-align: center;
			}
				.textarea-field span textarea {
					display: block;
					height: 81px;
					width: 535px;
					text-align: left;
					background: none;
					border: none;
					font-size: 12px;
					color: #9b9b9b;
					font-weight: normal;
					background: none;
					margin: 0 auto;
				}
		#submit-info {
			display: block;
			padding: 8px 0 0 24px;
		}
			#submit-info strong {
				display: block;
				float: right;
				text-align: right;
				width: 212px;
				font-size: 12px;
				font-weight: normal;
				color: #ffffff;
				font-family: Arial;
				height: 27px;
				line-height: 27px;
			}
			#submit-info span {
				display: block;
				float: left;
				width: 90px;
			}
				#submit-info span input {
					background:#5A4099;
					display: block;
					padding:4px 0;
					width:100px;
					color:#FFFFFF;
					font-weight:bold;
					font-size:16px;
					margin:0 10px;
					border:2px solid #7A6EB2;
					float: left;
					text-align:center;
				}
				#submit-info span input:hover {
					 background:#F0652A;
					 border:2px solid #FAB795; 
					 color:#FFFFFF;
				}


#meet-leaders p {
	color:#FFFFFF;
	display:block;
	font-family:Arial;
	font-size:12px;
	line-height:17px;
	padding-bottom:12px;
}

#meet-leaders ul li {
	display:block;
	float:left;
	height:67px;
	width:96px;
}

div.overlay {
	background:transparent url(../images/overlay.png) no-repeat scroll 0 0;
	display:none;
	height:331px;
	padding:40px;
	width:589px;
}

div.overlay div.close {
	background:transparent url(../images/close.png) no-repeat scroll 0 0;
	cursor:pointer;
	height:35px;
	position:absolute;
	right:5px;
	top:2px;
	width:35px;
}


/*  ---------------------------------------
	Footer
	- - - - - - - - - - - - - - - - - - - -  */
	
		#footer {
			margin:10px 0;
			display: block;
			padding: 0 40px;
		}
			#footer #legal {
				font-size: 11px;
				font-weight: bold;
				font-family: arial;
				color: #A4968B;
				line-height: 18px;
				display: block;
				width: 700px;
				float: left;
			}
				#footer #legal a {
					color: #A4968B;
					text-decoration: underline;
				}
			#footer #seals {
				width: 170px;
				float: right;
				text-align: right;
			}
				#footer #seals p {
					display: block;
					float: right;
					padding-left: 10px;
				}