/* @group Base Styles */

* {
	margin: 0;
	padding: 0;
}
html{
	margin: 0;
	padding: 0;
}

body {
	margin: 0;
	padding: 0;
	font: 11px "Trebuchet MS", Tahoma, myriad, arial, sans-serif;
	color: #5f5f5f;
	background: url(../images/layout/HeadBackLong.jpg) no-repeat 0 0;
}
p {
	font-size: 12px;
	line-height: 150%;
	margin-top: 0;
	margin-bottom: 15px;
	text-align: justify;
}

h3 {
	color: #9b9b9b;
	font-size: 16px;
	margin-bottom: 15px;
	margin-top: 10px;
}

h2 {
	color: #9b9b9b;
	font-size: 20px;
}

h1 {

	color: #9b9b9b;
	font-size: 25px;
}

blockquote {

}

a:hover {
	color: #000;
}

a:visited, a:link, a:active {
	color: #6e9621;
}

ul{
	padding-left: 40px;
}

li{
	font-size: 12px;
	margin-bottom: 10px;
	line-height: 150%;
}
strong {
	color: #2d2d2d;
}
.imagePad {
	padding: 8px;
	float: left;
}
p.testimonialRight{
	float: right;
}
/* @end */

/* @group Layout Styles */

#mainWrapper{
	display: table;
	width: 1040px;
	margin-right: auto;
	margin-left: auto;
	text-align: left;
}

/* @group content right 8 jobs roll */

#contentRightInside{
	display: block;
	margin-top: 15px;
	float: right;
	width: 321px;
	padding-left: 20px;
}
#conRightHead{
	color: #a1a1a1;
	border-bottom: 1px solid #a4cd40;
	margin-bottom: 15px;
}
#conRightHead h1{
	margin-bottom: 5px;
}
#rightContent2{
	width: 321px;

}

/* @group Navigation for jobs */

#conRightContent{


}
#jobBoxImage1{
	width: 146px;
	height: 117px;
	text-align: left;
	display: block;
	float: left;
	background: url(../images/layout/8_PowerLineTech_02.jpg) no-repeat;
}
#jobBoxImage2{
	width: 146px;
	height: 117px;
	text-align: left;
	display: block;
	float: left;
	background: url(../images/layout/8_TechEngineer_02.jpg) no-repeat;
	margin-left: 20px;
}
#jobBoxImage3{
	width: 146px;
	height: 117px;
	text-align: left;
	display: block;
	float: left;
	background: url(../images/layout/8_PowerSystems_02.jpg) no-repeat;
}
#jobBoxImage4{
	width: 146px;
	height: 117px;
	text-align: left;
	display: block;
	float: left;
	background: url(../images/layout/8_Electrician_02.jpg) no-repeat;
	margin-left: 20px;
}
#jobBoxImage5{
	width: 146px;
	height: 117px;
	text-align: left;
	display: block;
	float: left;
	background: url(../images/layout/8_engineers_02.jpg) no-repeat;
}
#jobBoxImage6{
	width: 146px;
	height: 117px;
	text-align: left;
	display: block;
	float: left;
	background: url(../images/layout/8_IntellegentEnergy_02.jpg) no-repeat;
	margin-left: 20px;
}
#jobBoxImage7{
	width: 146px;
	height: 117px;
	text-align: left;
	display: block;
	float: left;
	background: url(../images/layout/8_OperationsManager_02.jpg) no-repeat;
}
#jobBoxImage8{
	width: 146px;
	height: 117px;
	text-align: left;
	display: block;
	float: left;
	background: url(../images/layout/8_NewEmerging_02.jpg) no-repeat;
	margin-left: 20px;
}
#jobBoxImage1 span,
#jobBoxImage2 span,
#jobBoxImage3 span,
#jobBoxImage4 span,
#jobBoxImage5 span,
#jobBoxImage6 span,
#jobBoxImage7 span,
#jobBoxImage8 span{
	width: 100%;
	height: 15px;
	margin-top: 99px;
	display: block;
}
#conRightContent a{
	color: #737373;
	text-decoration: none;
}
#conRightContent a:hover{
	color: #0c0c0c;
}
a #jobBoxImage1:hover{
	background-image: url(../images/layout/8_PowerLineTech_01.jpg);
}
a #jobBoxImage2:hover{
		background: url(../images/layout/8_TechEngineer_01.jpg) no-repeat;
}
a #jobBoxImage3:hover{
	background: url(../images/layout/8_PowerSystems_01.jpg) no-repeat;	
}
a #jobBoxImage4:hover{
	background: url(../images/layout/8_Electrician_01.jpg) no-repeat;	
}
a #jobBoxImage5:hover{
	background: url(../images/layout/8_engineers_01.jpg) no-repeat;	
}
a #jobBoxImage6:hover{
	background: url(../images/layout/8_IntellegentEnergy_01.jpg) no-repeat;	
}
a #jobBoxImage7:hover{
	background: url(../images/layout/8_OperationsManager_01.jpg) no-repeat;	
}
a #jobBoxImage8:hover{
	background: url(../images/layout/8_NewEmerging_01.jpg) no-repeat;	
}

/* @end */


/* @end */

/* @group All Head Layout */

#headWrapper{
	display: table;
	float: left;
	width: 1040px;
	height: 243px;

}
#bfLogoLeft{
	width: 613px;
	height: 110px;
	display: block;
	float: left;
	background-image: url(../images/layout/ESC_BrigthFutureLogo.jpg);
}
#escLogoRightTop{
	
	display: block;
	float: left;
	background-image: url(../images/layout/ESC_ElectricityLogo.jpg);
	width: 427px;
	height: 81px;
}
#energizeRight{
	display: block;
	float: left;
}
#tellAfriend{
	color: #a2df39;
	padding-top: 6px;
}
#tellAfriend input{
	background-color: #97959d;
	font-size: 12px;
	border: 1px solid #6c6c6c;
}
#tellAfriend input:hover{
	border: 1px solid #b9b9b9;
}
#tellAfriend .button{
	padding: 0 6px;
}
#questionblock{
	background-color: #a5df32;
	width: 320px;
	height: 15px;
	text-align: center;
	padding-top: 3px;
	margin-left: 45px;
	border: 1px solid #636267;
	margin-top: 3px;
	font-size: 11px;
	padding-bottom: 2px;
}
#questionblock a span{
	color: #fff;
}
#questionblock a{
	text-decoration: none;
	font-size: 11px;
	color: #242424;
}
#questionblock a:hover{
	text-decoration: none;
	color: #fff;
}
#questionblock:hover{
	border: 1px solid #939299;	
}
/* @end */

/* @group All Navigation Layout */

#mainNavWrapper{
	width: 1040px;
	height: 133px;
	background-image: url(../images/layout/ESC_TopNavBackGround.jpg);
	float: left;
	display: block;
}
#aboutBox{
	display: block;
	float: left;
	width: 129px;
	height: 40px;
}

#criticalBox{
	display: block;
	float: left;
	width: 146px;
	height: 80px;
}
#didyouknowBox{
	display: block;
	float: left;
	width: 147px;
	height: 80px;
}
#theschoolBox{
	display: block;
	float: left;
	width: 127px;
	height: 60px;
}
#onlineguideBox{
	display: block;
	float: left;
	width: 138px;
	height: 65px;
}
#faqBox{
	display: block;
	float: left;
	width: 78px;
	height: 40px;
}
#partnersBox{
	display: block;
	float: left;
	width: 93px;
	height: 65px;
}
#jobsBox{
	display: block;
	float: left;
	width: 77px;
	height: 50px;
}
#contactBox{
	display: block;
	float: left;
	width: 105px;
	height: 80px;
}

/* @group Hover by section */

#aboutBox:hover{
	background: url(../images/layout/The_Yellow_dot.gif) no-repeat 67px 0;
}
#criticalBox:hover{
	background: url(../images/layout/The_Yellow_dot.gif) no-repeat 44px 0;
}
#didyouknowBox:hover{
	background: url(../images/layout/The_Yellow_dot.gif) no-repeat 50px 0;	
}
#theschoolBox:hover{
	background: url(../images/layout/The_Yellow_dot.gif) no-repeat 38px 0;	
}
#onlineguideBox:hover{
	background: url(../images/layout/The_Yellow_dot.gif) no-repeat 45px 0;	
}
#faqBox:hover{
	background: url(../images/layout/The_Yellow_dot.gif) no-repeat 12px 0;	
}
#partnersBox:hover{
	background: url(../images/layout/The_Yellow_dot.gif) no-repeat 20px 0;	
}
#jobsBox:hover{
	background: url(../images/layout/The_Yellow_dot.gif) no-repeat 11px 0;	
}
#contactBox:hover{
	background: url(../images/layout/The_Yellow_dot.gif) no-repeat 22px 0;	
}
#aboutlink a:hover,
#criticallink a:hover,
#didyouknowlink a:hover,
#theschoolslink a:hover,
#onlineguidelink a:hover,
#faqlink a:hover,
#partnerslink a:hover,
#jobslink a:hover,
#contactlink a:hover{
	color: #a7e43c;
}
.subLink a:hover{
	color: #f2e900;
}

/* @end */

#aboutlink,
#criticallink,
#didyouknowlink,
#theschoolslink,
#onlineguidelink,
#faqlink,
#partnerslink,
#jobslink,
#contactlink{
	display: block;
	float: left;
	height: 18px;
	padding-top: 10px;
}
#aboutlink{
	padding-left: 50px;
}
#aboutlink a,
#criticallink a,
#didyouknowlink a,
#theschoolslink a,
#onlineguidelink a,
#faqlink a,
#partnerslink a,
#jobslink a,
#contactlink a{
	color: white;
	text-decoration: none;
	font: bold 15px Trebuchet MS, sans-serif;
}
.subLink{
	display: block;
	float: left;
	width: 100%;
}
.subLink span{
	width: 100%;
	display: block;
	float: left;
	margin-top: 4px;
}
.subLink a{
	color: silver;
	text-decoration: none;
	font: normal normal 11px Arial, Helvetica, Geneva, sans-serif;
}



/* @end */

/* @group All Body Layout */

#bodyWrapper{
	display: table;
	float: left;
	width: 945px;
	margin-left: 49px;

}
#flashWrapper{
	width: 945px;
	height: 149px;
	display: block;
	float: left;
	clear: both;
}
#tagPhrase{
	width: 945px;
	height: 38px;
	display: block;
	float: left;
}
#contentWrapper{
	width: 945px;
	display: table;
	float: left;
	margin-top: 26px;
	border-top: 1px solid #a4cd40;
	border-bottom: 1px solid #a4cd40;
	padding-bottom: 20px;
}



/* @group content Left */

#contentLeftInside{
	width: 595px;
	display: block;
	margin-top: 15px;
	border-right: 1px solid #a4cd40;
	float: left;
}
#sectionTitle{
	color: #a1a1a1;
	border-bottom: 1px solid #a4cd40;

}

#pageTitle{
	color: #1e1e1e;
	border-bottom: 1px solid #a4cd40;
	display: block;
	padding-bottom: 10px;
	float: left;
	width: 595px;
}

#sectionTitle h1{
	margin-bottom: 5px;
	margin-top: 15px;
	margin-left: 36px;
}
#pageTitle h2{
	margin-top: 10px;
	margin-bottom: 10px;
	padding-left: 35px;
}
#pageSubNav{
	width: 340px;
	margin-left: 150px;
	display: table;
	margin-top: 10px;
}
#pageSubNav li{
	list-style-type: none;
	margin: 0;
	padding: 0;
	height: 20px;
	width: 340px;
}
#pageSubNav a{
	float: left;
	display: block;
	height: 18px;
	text-decoration: none;
	color: #a1a1a1;
	padding-left: 15px;
	font-weight: bold;
	font-size: 11px;
	clear: none;
	width: 100%;
}
#pageSubNav a:hover{
	color: #0b0b0b;
	background: url(../images/layout/greenDot.gif) no-repeat;
}

#contentBodyWrapper{
	width: 560px;
	float: left;
	margin-top: 25px;
	padding-left: 35px;
}
#contentBodyWrapper p,#contentBodyWrapper li{
	padding-right: 20px;
}
/*#contentBodyWrapper h3{
	display: block;
	float: left;
	width: 100%;
	margin-top: 15px;
	margin-bottom: 10px;
	font-size: 16px;
	color: #8a8a8a;
	font-weight: normal;
	font-style: normal;
	clear: both;
}*/
#imageboxFloatright{
	margin-left: 15px;
	margin-bottom: 10px;
	float: right;
	display: block;
}
div#nested8{
	background-color: #000;
}
a#rollTestimonials{
	display: block;
	width: 148px;
	height: 28px;
	overflow: hidden;
	background: url(../images/layout/testimonials_CSS.jpg) no-repeat 0 -28px;
}
a#rollJobs{
	width: 148px;
	height: 28px;
	display: block;
	overflow: hidden;
	background: url(../images/layout/Current-Jobs_CSS.jpg) no-repeat 0 -28px;
}
a#rollTestimonials:hover{
	background: url(../images/layout/testimonials_CSS.jpg) no-repeat 0 0;
}
a#rollJobs:hover{
	background: url(../images/layout/Current-Jobs_CSS.jpg) no-repeat 0 0;
}

/* @end */

#footerWrapper{
	display: table;
	float: left;
	width: 980px;
	margin-left: 49px;
	margin-bottom: 50px;
	height: 60px;
	margin-top: 15px;
}

/* @end */

/* @end */

/* @group question */
.confirm_table{
	padding: 8px;
	width: 90%;
	background-color: #ececec;
}
.results{
	color: #7fb41d;
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #cfd1c2;
	width: 400px;
	background-color: #fff;

}
.labels{
	color: #fff;
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #cfd1c2;
	width: 250px;
	background-color: #858585;

}
.results2{
	color: #7fb41d;
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #cfd1c2;
	width: 174px;
	background-color: #fff;
}
.labels2{
	color: #fff;
	padding: 4px;
	margin: 0;
	border-bottom: 1px solid #cfd1c2;
	width: 262px;
	background-color: #858585;
}

/* @end */