@import url('reset.css');

* {
	padding: 0px;
	margin: 0px;
	font-family: Helvetica, Arial, sans-serif;
	line-height: 100%;
	outline: none;
}

html {
	margin:0;
	padding:0;
	font-family: Helvetica, Arial, sans-serif;
	font-size:62.5%;
	color:#808285;
	line-height:1;
	text-align:center;
	background:#e6e7e8;
	outline:none!important;
	text-rendering:optimizelegibility;
	word-spacing:0;
}

body {
	margin:0;
	padding:0;
	text-align:center
}

a { text-decoration:none; color: #3e8aae; }
a:hover { text-decoration: none; color: #3e8aae; }

img { border:0 }

.divider { padding:0 12px }
.lead { margin-top:0!important }
small { font-weight:normal!important }

.bold { font-weight: bold; }
.italic { font-style: italic; }

#stage {
	background: #FFF;
}

.wrapper {
	width:960px;
	padding:16px 0 32px 0;	
	margin:0 auto;
	text-align:left
}


	
/* ****************************************************************************************** */
/* ********** HEADER LOGO ******************************************************************* */
/* ****************************************************************************************** */
#header-logo {
	width:110px;
	height:36px;
	margin:0 32px 0 0;
	float:left;
}

#header-logo a {
	width:110px;
	height:36px;
	display:block;
}

/* ****************************************************************************************** */
/* ********** HEADER LINKS ****************************************************************** */
/* ****************************************************************************************** */
#header-links {
	padding-top: 12px;
	font-size:16px;
	color:#808285;
	float:right;
	padding-bottom: 50px;
}
#header-links .headertitle { font-weight: bold; color: #3e8aae; padding-right: 40px;}
#header-links a { color:#808285; }
#header-links a:hover { color:#3e8aae; }
#header-links .divider { display: none; }	


/* ****************************************************************************************** */
/* ********** HEADER SEARCH BOX ************************************************************* */
/* ****************************************************************************************** */
#header-search { display: none; }

/* ****************************************************************************************** */
/* ********** MAIN NAVIGATION *************************************************************** */
/* ****************************************************************************************** */
#nav { display: none; }



/* ****************************************************************************************** */
/* ********** HOME FEATURE ****************************************************************** */
/* ****************************************************************************************** */
#home-features {
	background: url("../images/background-home.jpg") no-repeat;
	width:960px;
	margin:0 0 35px 0;
	padding:0;
	overflow:hidden;
	float:left;
}

#home-features .sec1 {
	background:url(../images/header-lighting-the-way.png) top left no-repeat;
	width:500px;
	height:320px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
}

#home-features .sec2 {
	width:460px;
	height:320px;
	margin:0;
	padding:0;
	overflow:hidden;
	float:left;
}

#home-features .subfeatures {
	clear: both;
	width:960px;
	margin:20px 0 20px 0;
	padding:0;
	overflow:hidden;
	float:left;
}

#home-features .sec3 {
	width:190px;
	margin:0;
	padding:0 0 0 90px;
	overflow:hidden;
	float:left;
}

#home-features .sec3 .himage {
	background: url(../images/home-feature-1.jpg) top left no-repeat;
	height: 84px;
	padding-bottom: 10px;	
}

#home-features .himage a {
	display: block;
	height: 84px;
	width:190px;
}


#home-features .sec4 {
	width:200px;
	margin:0;
	padding:0 0 0 50px;
	overflow:hidden;
	float:left;
}

#home-features .sec4 .himage {
	background: url(../images/home-feature-2.jpg) top left no-repeat;
	height: 84px;
	padding-bottom: 10px;	
}


#home-features .sec5 {
	width:200px;
	margin:0;
	padding:0 190px 0 40px;
	overflow:hidden;
	float:left;
}

#home-features .sec5 .himage {
	background: url(../images/home-feature-3.jpg) top left no-repeat;
	height: 84px;
	padding-bottom: 10px;	
}

	#home-features .sec3 .htitle, 
	#home-features .sec4 .htitle, 
	#home-features .sec5 .htitle {
		color: #3e8aae;
		font-size: 1.4em;
		font-weight: bold;
		padding: 0 0 10px 4px;
	}
	
	#home-features .sec3 .hbody, 
	#home-features .sec4 .hbody, 
	#home-features .sec5 .hbody {
		font-size: 1.2em;
		padding: 0 0 10px 4px;
		line-height: 1.3em;
		color:#808285;
	}
	
	#home-features .sec3 .hlink a, 
	#home-features .sec4 .hlink a, 
	#home-features .sec5 .hlink a {
	}

	#home-features .sec3 .hlink a:hover, 
	#home-features .sec4 .hlink a:hover, 
	#home-features .sec5 .hlink a:hover {
		text-decoration: none;
	}	
	
	#home-features .sec3 .hlink a.readmore, 
	#home-features .sec4 .hlink a.readmore, 
	#home-features .sec5 .hlink a.readmore {
		color: #3e8aae;
		font-size: 1.2em;
		padding: 0 0 10px 4px;
		line-height: 1.3em;	
	}

	#home-features .sec3 .hlink a.readmore:hover, 
	#home-features .sec4 .hlink a.readmore:hover, 
	#home-features .sec5 .hlink a.readmore:hover {
		text-decoration: underline;
	}
	
	
	
	






/* ****************************************************************************************** */
/* ********** INTRODUCTION + CONTENT PAGES ************************************************** */
/* ****************************************************************************************** */
.clue
{
	font-weight:bold;
	color:#004c7f;
	cursor:help
}


#content-features {
	background: none;
	font-weight: normal;
	width:960px;
	margin:0 0 35px 0;
	padding:0;
	overflow:hidden;
	float:left;
}

#content-features #left {
	display: none;
}

		

#content-features #right {
	width:700px;	/* 710px total */
	margin:0;
	padding:0 0 20px 10px;
	overflow:hidden;
	float:left;
	position: relative;
}	

	/* header image - about this report */
	#content-features #right .header-image-about-this-report {
		background: url(../images/landing-page-headers/dukeenergy-intro-shawnheath.jpg) no-repeat;
		width:700px;
		height:400px;
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
	}
	#content-features #right .header-image-about-this-report h1 {
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
		padding: 47px 0 0 15px;
		font-size: 2.2em;
		color: #FFF;
	}	
	
	
	/* header image - 1 innovative products and services */	
	#content-features #right .header-image-innovative-products-and-services {
		background: url(../images/landing-page-headers/dukeenergy-innovativeproducts-customers.jpg) no-repeat;
		width:700px;
		height:400px;
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
	}
	#content-features #right .header-image-innovative-products-and-services h1 {
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
		padding: 45px 0 10px 330px;
		font-size: 2.2em;
		color: #FFF;
		/*background-color: #6F0;*/
	}	
	
	/* header image - 2 environmental-footprint */	
	#content-features #right .header-image-environmental-footprint {
		background: url(../images/landing-page-headers/dukeenergy-environmental-alligators.jpg) no-repeat;
		width:700px;
		height:400px;
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
	}
	#content-features #right .header-image-environmental-footprint h1 {
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
		padding: 45px 0 10px 20px;
		font-size: 2.2em;
		color: #FFF;
		/*background-color: #6F0;*/
	}		
	
	/* header image - 3 quality workforce */	
	#content-features #right .header-image-quality-workforce {
		background: url(../images/landing-page-headers/dukeenergy-qualityworkforce-interns-02.jpg) no-repeat;
		width:700px;
		height:400px;
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
	}
	#content-features #right .header-image-quality-workforce h1 {
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
		padding: 45px 0 10px 20px;
		font-size: 2.2em;
		color: #FFF;
		/*background-color: #6F0;*/
	}		
	
	/* header image - 4 strong-communities */	
	#content-features #right .header-image-strong-communities {
		background: url(../images/landing-page-headers/dukeenergy-strongcommunities-urbancore.jpg) no-repeat;
		width:700px;
		height:400px;
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
	}
	#content-features #right .header-image-strong-communities h1 {
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
		padding: 45px 0 10px 20px;
		font-size: 2.2em;
		color: #FFF;
		/*background-color: #6F0;*/
	}		
	
	/* header image - 5 governance and transparency */	
	#content-features #right .header-image-governance-and-transparency {
		background: url(../images/landing-page-headers/dukeenergy-governance-power-02.jpg) no-repeat;
		width:700px;
		height:400px;
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
	}
	#content-features #right .header-image-governance-and-transparency h1 {
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
		padding: 45px 0 10px 330px;
		font-size: 2.2em;
		color: #FFF;
		/*background-color: #6F0;*/
	}	
	
	/* header image - A Message from our CEO */	
	#content-features #right .header-image-letter-from-ceo {
		background: url(../images/landing-page-headers/dukeenergy-letterceo-lynngood.jpg) no-repeat;
		width:700px;
		height:400px;
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
	}
	#content-features #right .header-image-letter-from-ceo h1 {
		margin:0;
		padding:0;
		overflow:hidden;
		float:left;
		padding: 45px 0 10px 15px;
		font-size: 2.2em;
		color: #FFF;
	}			
	
	#content-features #right .readmorebox-left {
		position: absolute;
		top: 310px;
		left: 50px;
		width:400px;
		border-left: 1px solid #3e8aae;
		margin: 0;
		padding: 0;
		float:left;
	}	
	
	#content-features #right .readmorebox-right {
		position: absolute;
		top: 310px;
		left: 300px;
		width:400px;
		border-left: 1px solid #3e8aae;
		margin: 0;
		padding: 0;
		float:left;
	}	
	
		#content-features #right .readmorebox-left h2,
		#content-features #right .readmorebox-right h2 {
			font-size: 1.8em;
			line-height: 1.2em;
			font-weight: normal;
			color: #3e8aae;
			margin: 0;
			padding: 0 0 0 20px;
			float:left;
		}	
		
		#content-features #right .readmorebox-left .readmore-trigger,
		#content-features #right .readmorebox-right .readmore-trigger {
			clear: both;
			display: block;
			width: 300px;
			font-size: 2em;
			font-weight: bold;
			color: #4fbb43;
			margin: 0;
			padding: 10px 0 0 20px;
			float:left;
			cursor: pointer;
		}	
		
	
		
		
		
		
	/* landing page header name and quote */
	#content-features #right .headername {
		position: absolute;
		font-size: 1.6em;
		/*background-color: #0F0;*/
		top: 335px;
		left: 350px;
		width: 240px;
		color: #3e8aac;
		border-left: 1px solid #3e8aae;
		margin: 0;
		padding: 0 0 0 10px;
		float:left;
	}
	
	#content-features #right .headerquote {
		position: absolute;
		font-size: 2.1em;
		line-height: 1.2em;
		color: #3e8aac;
		/*background-color: #0F0;*/
		top: 260px;
		left: 20px;
		width:280px;
		margin: 0;
		padding: 0;
		float:left;
	}		
	
	#content-features #right .headerquote span {
		color: #51b948;
		font-size: 1.3em;
		line-height: 0.5em;
	}		
	
	#content-features #right .content-divider-reveal {
		position: relative;
		background: url(../images/content-divider.jpg) no-repeat bottom left;
		width:700px;
		height:43px;
		margin:0;
		padding: 0;
		overflow:hidden;
		float:left;
	}	
	
		#content-features #right .content-divider-reveal .goals {
			float: left;
			font-size: 1.6em;
			font-weight: bold;
			line-height: 1.1em;
			color: #231f20;
			padding: 15px 0 0 0;
		}		
		
		#content-features #right .content-divider-reveal .reveal {
			float: right;			
		}					
		
	#content-features #right .content-divider {
		position: relative;
		background: url(../images/content-divider.jpg) no-repeat;
		width:700px;
		height:3px;
		margin:0;
		padding: 0;
		overflow:hidden;
		float:left;
	}
		
	#content-features #right .readmore-content {
		position: relative;
		background-color: #f8f2e9; 
		width: 640px; 
		margin:0; 
		padding: 30px 30px 20px 30px;
		float:left;
		display: none;
	}
	
		#content-features #right .readmore-content .readmore-header {
			position: relative;
			font-size: 2.2em;
			font-weight: bold;
			color: #3e8aae;
			margin:0; 
			padding: 0 0 20px 0;
		}
		
		#content-features #right .readmore-content .readmore-body {
			position: relative;
			font-size: 1.3em;
			line-height: 1.3em;
			font-weight: normal;
			color: #231f20;
			margin:0; 
			padding: 0 0 20px 0;
		}	
		
		#content-features #right .readmore-content a {
			font-weight: normal;
			color: #24bcd7;
		}				
		
	#content-features #right h1 {
		margin:0;
		padding: 26px 0 0 0;
		overflow:hidden;
		float:left;
		font-size: 2.7em;
		line-height: 1.2em;
		color: #3e8aae;
	}
					
	#content-features #right h2 {
		margin:0;
		padding: 26px 0 0 0;
		overflow:hidden;
		float:left;
		font-size: 2.7em;
		line-height: 1.2em;
		color: #3e8aae;
	}
	
	#content-features #right h3 {
		display: block;
		width: 700px;
		margin:0;
		padding: 26px 0 0 0;
		overflow:hidden;
		float:left;
		font-size: 2em;
		line-height: 1.2em;
		color: #24bcd7;
	}	
	
	#content-features #right .h3fake {
			
		display: block;
		width: 400px;
		margin:0;
		padding: 26px 0 0 0;
		overflow:hidden;
		font-size: 2em;
		font-weight: bold;
		line-height: 1.2em;
		color: #24bcd7;
	}	
	
	#content-features #right h4 {
		display: block;
		width: 700px;
		margin:0 0 0;
		padding: 0 0 0 0;
		overflow:hidden;
		float:left;
		font-size: 1.4em;
		line-height: 1.1em;
		color: #231f20;
		font-weight: normal;
	}		
	
	#content-features #right ul.imagelist { 
		clear: both;
		display: block;
		margin: 0 0 0 30px;
		list-style-image: url(../images/bullet-blue.gif); 
	} 
	
	#content-features #right ul.imagelist li { 
		padding: 0 0 5px 0;
		font-size: 1em;
		line-height: 1.5em;		
	} 	
	
	#content-features #right ul.imagelist-wrap { 
		display: block;
		margin: 0 0 10px 30px;
		list-style-image: url(../images/bullet-blue.gif); 
	} 
	
	#content-features #right ul.imagelist-wrap li { 
		padding: 0 0 5px 0;
		font-size: 1em;
		line-height: 1.5em;		
	} 		
		
	
	#content-features #right #maincontent .wrap {
		clear: both;
		display: block;
		margin:0;
		padding: 0;
		float:left;
	}		
	
	#content-features #right #maincontent .section, 
	#content-features #right #maincontent .section-tweet {
		display: block;
		margin:0;
		padding: 15px 0 0 0;
		font-size: 1.3em;
		line-height: 1.5em;
		color: #231f20;	
	}
	
	#content-features #right #maincontent .section-tweet {
		padding: 0 0 0 0;
	}	
	
	#content-features #right #maincontent .subsection {
		margin:0;
		padding: 15px 0 0 0;
		line-height: 1.5em;
		color: #231f20;	
	}				
	
	#content-features #right #maincontent .dark-blue { color: #004c7f;}
	#content-features #right #maincontent .dark-blue-bold { color: #004c7f; font-weight: bold;}
	#content-features #right #maincontent .light-blue { color: #24bcd7;}
	#content-features #right #maincontent .light-blue-bold { color: #24bcd7; font-weight: bold;}
	
	#content-features #right #maincontent .sidebar-container-right {
		float: right; 
		clear: right; 
		width: 240px; 
		padding: 20px 0 10px 20px; 
	}
		
	#content-features #right #maincontent .tweet-container {
		float: right; 
		clear: right; 
		width: 221px; 
		padding: 20px 10px 0 19px; 
	}
	
	#content-features #right #maincontent .sidebar-container {
		float: left; 
		clear: left; 
		width: 320px; 
		padding: 20px 20px 0 0; 
	}	
	
	#content-features #right #maincontent .tweet-container .top {
		width: 221px;
		height: 10px; 
		padding: 0; 
		margin: 0;
		background:url(../images/twitter-container-top.jpg) no-repeat;
	}	
	
	#content-features #right #maincontent .tweet-container .middle {
		width: 171px;	/* 221 total */
		height: auto; 
		padding: 30px 25px 30px 25px; 
		margin: 0;
		background:url(../images/twitter-container-middle.jpg) repeat-y;
		color: #808084;
		line-height: 1.3em;
	}	
	
		#content-features #right #maincontent .tweet-container .middle a {
			color: #008ab0;
		}	
	
	
	#content-features #right #maincontent .tweet-container .bottom {
		width: 221px;
		height: 57px; 
		padding: 0; 
		margin: 0;
		background:url(../images/twitter-container-bottom.jpg) no-repeat;
	}	
	
	#content-features #right #maincontent .tweet-container .bottom-no-bird {
		width: 221px;
		height: 35px; 
		padding: 0; 
		margin: 0;
		background:url(../images/twitter-container-bottom-no-bird.jpg) no-repeat;
	}		
	
	#content-features #right #maincontent .tweet-container .clickhere { 
		display: inline-block;
		padding: 7px 0 8px 0; 
		margin: 0;
		font-size: 0.85em;
		color: #808084;
	}
	
		#content-features #right #maincontent .tweet-container .clickhere a { 
			color: #808084;
		}	
		
		
		
	#content-features #right #maincontent .copy {
		display: block;
		width: 100%;
		margin:0;
		padding: 10px 0 0 0;
		float:left;
		font-size: 1.3em;
		line-height: 1.5em;
		color: #231f20;	
	}
	
	#content-features #right #maincontent h1 {
		display: block;
		width: 100%;
		margin:0 0 15px 0; padding: 0;
	}		
	
	#content-features #right #maincontent h2 {
		display: block;
		width: 100%;
		margin:20px 0 10px 0; padding: 0;
	}	
	
	#content-features #right #maincontent h3 {
		display: block;
		width: 100%;
		margin:25px 0 10px 0; padding: 0;
	}			
	
	#content-features #right #maincontent h4 {
		display: block;
		width: 100%;
		margin:0 0 2px 0; 
		padding: 0;
		line-height: 1.4em;
	}		
	
	
	/* secondary feature */
	#content-features #right #secondary-feature-left {
		position: relative;
		float: left;
		width: 450px;
		padding:0;
		margin: 0;
	}
	
		#content-features #right #secondary-feature-left .photo-innovative {
			position: relative;
			float: left;
			width: 450px; height: 200px;
			padding:0;
			margin: 0;
			background: no-repeat url(../images/secondary-features/dukeenergy-innovativeproducts-pluggedin.jpg);
		}	
		
		#content-features #right #secondary-feature-left .photo-environmental {
			position: relative;
			float: left;
			width: 450px; height: 200px;
			padding:0;
			margin: 0;
			background: no-repeat url(../images/secondary-features/dukeenergy-environmental-lakenorman.jpg);
		}		
		
		#content-features #right #secondary-feature-left .photo-qualityworkforce {
			position: relative;
			float: left;
			width: 450px; height: 200px;
			padding:0;
			margin: 0;
			background: no-repeat url(../images/secondary-features/dukeenergy-qualityworkforce-differences.jpg);
		}	
		
		#content-features #right #secondary-feature-left .photo-strongcommunities {
			position: relative;
			float: left;
			width: 450px; height: 200px;
			padding:0;
			margin: 0;
			background: no-repeat url(../images/secondary-features/dukeenergy-strongcommunities-boyscouts.jpg);
		}				
	
	#content-features #right #secondary-feature-right {
		position: relative;
		float: left;
		width: 250px; height: 200px;
		padding:0;
		margin: 0;
		background-color: #f4eede;		
	}	
	
		#content-features #right #secondary-feature-right div {
			position: absolute;
			bottom: 20px;
			left: 20px;
			float: left;
			width: 200px;
			padding: 0 20px 0 15px;
			margin: 0; color: #231f20;
			border-left: 1px solid #231f20;
			font-size: 1.2em;
			line-height: 1.2em;
		}
	

	#content-features #right #maincontent a { text-decoration:none; color: #3e8aae; }
	#content-features #right #maincontent a:hover { text-decoration: underline; color: #3e8aae; }
	
	#content-features #right #maincontent a.iphoneshimm { text-decoration:none; color: #FFF; }
	#content-features #right #maincontent a.iphoneshimm:hover { text-decoration: none; color: #FFF; }	
	
	/* reveal */
	
		#content-features #right .reveal-content-1,
		#content-features #right .reveal-content-2,
		#content-features #right .reveal-content-3,
		#content-features #right .reveal-content-4,
		#content-features #right .reveal-content-5 {
			position: relative;
			background-color: #f8f2e9; 
			width: 640px; 
			margin:0; 
			padding: 30px 30px 20px 30px;
			float:left;
			display: none;
		}
		

		#content-features #right .reveal-content-1 .readmore-header,
		#content-features #right .reveal-content-2 .readmore-header,
		#content-features #right .reveal-content-3 .readmore-header,
		#content-features #right .reveal-content-4 .readmore-header,
		#content-features #right .reveal-content-5 .readmore-header {
			position: relative;
			font-size: 2.2em;
			font-weight: bold;
			color: #3e8aae;
			margin:0; 
			padding: 0 0 20px 0;
		}
		
		#content-features #right .reveal-content-1 .readmore-body,
		#content-features #right .reveal-content-2 .readmore-body,
		#content-features #right .reveal-content-3 .readmore-body,
		#content-features #right .reveal-content-4 .readmore-body,
		#content-features #right .reveal-content-5 .readmore-body {
			position: relative;
			font-size: 1.3em;
			line-height: 1.5em;
			font-weight: normal;
			color: #231f20;
			margin:0; 
			padding: 0 0 20px 0;
		}			
		
		#maincontent .reveal-trigger-1,
		#maincontent .reveal-trigger-2,
		#maincontent .reveal-trigger-3,
		#maincontent .reveal-trigger-4,
		#maincontent .reveal-trigger-5 {

			font-size: 1.8em;
			font-weight: normal;
			line-height: 1.1em;
			color: #231f20;
			padding: 15px 0 0 0;			
			
			float:left;
			cursor: pointer;
		}		
		
		
		
		/* goals */

		
		.readmore-body .dots {
			float: left;
			margin: 1px 5px 0px 0px;
		}


/* ****************************************************************************************** */
/* ********** FEEDBACK FORM ***************************************************************** */
/* ****************************************************************************************** */

#content-features #feedback-form  h1 {
	display: block;
	margin:0;
	padding: 0 0 0 0;
	overflow:hidden;
	font-size: 2.7em;
	line-height: 1.2em;
	color: #3e8aae;
}

#content-features #feedback-form  div.feedback {
	margin:0;
	padding: 20px 0 0 0;
	float:left;
	font-size: 1.1em;
	line-height: 1.3em;
	color: #231f20;	
}

#content-features form {
	/* 700px total */
	width:700px;
	margin:0;
	font-size:12px;
	float:left
}

#content-features input {
	font-size:14px;
}

#content-features form fieldset {
	width:668px;
	margin:24px 0 0 0;
	padding: 20px 16px 10px 16px;
	border:0;
	background:#f2f3f3;
	float:left
}
	#content-features form fieldset h4
{
	width:100%;
	margin:0 0 25px 0;
	padding:0;
	font-size: 1.4em;
	font-weight: normal;
	float:left
}
	#content-features form p.error
{
	margin:0 0 8px 0;
	color:#d44;
	display:none
}
	#content-features form .data-row
{
	width:100%;
	padding:0 0 12px 0;
	line-height:24px;
	float:left
}

#content-features form .data-row label {
	display: block;
	width:252px;
	margin:7px 12px 0 0;
	text-align:right;
}

#content-features form .data-row input.name,
#content-features form .data-row input.phone {
	width:160px;
	margin:0 12px 0 0;
	float:left
}

#content-features form .data-row input.email
{
	width:246px;
	margin:0 12px 0 0;
	float:left
}
	#content-features form .data-row input.street
{
	width:332px;
	margin:0 132px 0 0;
	float:left
}
	#content-features form .data-row input.city
{
	width:154px;
	margin:0 12px 0 0;
	float:left
}
	#content-features form .data-row input.state,
	#content-features form .data-row input.zip
{
	width:71px;
	margin:0 12px 0 0;
	float:left
}
	#content-features form textarea.message
{
	width:332px;
	height:132px;
	float:left
}
	#content-features form .data-row .tip
{
	font-size:12px;
	float:left
}
	#content-features form input.search-term
{
	width:332px;
	margin:0 12px 0 0
}






/* ##### FORM STYLES ##### */

#content-features form h3 { font-size:1.3em; color:#666; margin-bottom:5px; margin-left:2px; }

#content-features form input, 
#content-features form textarea, 
#content-features form select { 
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1.2em; 
	margin-bottom:20px; 
	outline:none; 
	background: #fff; 
	padding:5px; 
	width:410px; 
	color: #231f20; 
	border: solid 2px #DFDFDF;  }

#content-features form input.required, 
#content-features form textarea.required { border: solid 2px #f67f2b;  }

#content-features form textarea { height:100px; }


#content-features form .css3button {
	padding: 0 10px 0 20px;
	float: left;	
	cursor:pointer;
	background: #4cbb40;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif; 
	font-size:1.3em; line-height: 1.6em;
	font-weight: bold;		
	padding: 7px 15px 7px 15px;
	text-align: center;
	font-weight: bold;
	text-decoration: none; 
	width: 150px;	
}
	
	

/* form validation 2014 03 13 */
/* validation styles */

#content-features form input[type="submit"] {
	width: 200px;
}

#content-features form input[type="submit"]:hover {
	background: #4fa846;
	width: 200px;
}

#content-features form label {
	display: block;
    margin: 0;
    padding: 0 0 3px 0;
    border: 0;
    outline: 0;
    
	font-weight: bold;
	color: #231f20;
	font-size: 1.2em;
    vertical-align: baseline;
}

#content-features form label.error{
	margin: 6px 0 0 10px;
	display: block;
	background:#d3f2f7;
	padding: 5px 10px; 
	color: #545351;
	font-size: 1.2em;
	font-weight: normal; 
	text-align: right; 
	float: right;
}

#content-features form input.error, 
#content-features form select.error, 
#content-features form textarea.error{
	background:#d3f2f7;
}






table, th, td {
	border: 1px solid black;
}

table {
	border-collapse:collapse;
}
table, th, td {
	border: 1px solid black;
}

th {
	font-size: 1.1em;
	padding: 10px;
}

td {
	font-size: 1em;
	padding: 10px;
}




/* ****************************************************************************************** */
/* ********** FOOTER ************************************************************************ */
/* ****************************************************************************************** */
#footer {
	padding:24px 0;
	font-size:12px;
	color:#808285;
	line-height:1.5;
	background-color: #FFF;
}

.wrapper-footer {
	line-height: 1.8em;
	width:960px;
	margin:0 auto;
	text-align:left;
	padding-top: 20px;
}

.wrapper-footer div {
	line-height: 1.5em;
}

.wrapper-footer .col1 { display: none; }
.wrapper-footer .col2 { display: none; }
.wrapper-footer .col3 { display: none; }
.wrapper-footer .col4 { display: none; }
.wrapper-footer .col5 { display: none; }
.wrapper-footer .col6 { display: none; }
.wrapper-footer .col7 { display: none; }




#stage:after,footer:after {
	content:".";
	display:block;
	height:0;
	clear:both;
	visibility:hidden
}



.blue-square-x {
	text-align: center;
	width: 10px;
	height: 10px;
	background-color: #24bcd7;	
}

/* superscripts */
sup.zerofour { font-size: 0.5em; vertical-align: super; }
sup.zerosix { font-size: 0.6em; vertical-align: super; }


.noprint { display: none; }