/* 
	Theme Name: The ESCO Group
	Theme URL: http://www.theescogroup.com
	Description: This is what the website for The ESCO Group looks like.
	Author: Henry Russell Bruce
	Author URI: http://www.hrb-ideas.com
	Version: 1.0
*/
body{
	margin:0;
	padding:0;
	background:url(images/background.png) repeat-x #23130e;
	font-family:"Calibri", "Lucida Grande", "Helvetica", "Verdana", sans-serif;
	font-size:11pt;
	line-height:16pt;
	color:#eee;
}
::selection { color:#000; background:#fff; }
img{
	border:0;
}
h1,h2,h3,h4{
	margin:0;
	padding:6px 0;
	font-weight:bold;
	cursor:default;
}
h1{
	color:#eee;
	line-height:24pt;
}
h3{
	padding:6px 0 2px;
	line-height:16pt;
}
h4{
	padding:6px 0 0px;
}
h5{
	margin:0;
	padding:6px 0 0;
	font-size:13pt;
	font-weight:normal;
}
a{
	padding:3px;
	color:#eee;
}
a:hover{
	color:#fff;
	text-decoration:none;
	background:#23130e;
}
a:active{
	color:#fff;
	text-decoration:none;
	background:#111;
}
p{
	margin:0;
	padding:2px 0 8px;
}
ul,ol{
	margin:0;
	padding:2px 0 8px 40px;
}
blockquote{
	margin-top:2px;
	margin-bottom:2px;
	font-style:italic;
}
th{
	text-align:left;
}
fieldset{
	margin-top:10px;
	margin-bottom:10px;
	border:none;
	border-top:1px solid #c2b19e;
}
fieldset.alignleft{
	margin-right:40px;
}
legend{
	color:#000;
	font-weight:bold;
}
.alert{
	display:block;
	padding:3px 6px;
	color:#111;
	background:#ffffe0;
	border:1px solid #e6db55;
}
.alert a{
	color:#333;
	text-decoration:underline;
}
.alert a:hover{
	color:#000;
	background:none;
}
.error{
	display:block;
	padding:3px 6px;
	color:#eee;
	font-style:oblique;
	background:#300;
	border:1px solid #600;
}
.aligncenter{
	display:block;
	margin:0 auto;
	padding:10px;	
}
.alignright{
	float:right;
	padding:4px 18px 18px;
}
img.alignright{
	padding:4px 0 18px 18px;
}
.alignleft{
	float:left;
	padding:4px 18px 18px;
}
img.alignleft{
	padding:4px 18px 18px 0;
}
* html input.alignleft,* html input.alignright{
	padding:5px 8px;
	width:auto;
}
.alignright img,.alignleft img,.below-sidebar img{
	padding:10px 0;
}
.clear{
	clear:both;
}
.clearleft{
	clear:left;
}
.clearright{
	clear:right;
}
.block{
	display:block;
}
.anchor{
	margin:0;
	padding:0;
	background:none;
	cursor:default;
}
.protected{
	padding:2px 3px;
	background:#111;
	color:#111;
}
.protected:hover{
	background:none;
}
.validate{
	display:block;
	position:absolute;
	margin:19px 0 0 196px;
}
* html .alignleft .validate{
	margin-top:218px;
	margin-left:160px;
}
.with-sidebar .page{
	margin-left:192px;
}
* html .with-sidebar #sidebar{
	position:absolute;
	top:20px;
	left:0px;
}
.with-sidebar .below-sidebar{
	position:absolute;
	top:250px;
	left:15px;
	width:170px;
}
* html .with-sidebar .below-sidebar{
	left:0px;
}
.with-sidebar .below-sidebar .featured{
	padding:5px;
	border:1px solid #814440;
	background:url(images/red-horiz-gradient.png) repeat-y #cebebd;
}
.with-sidebar .below-sidebar .featured a{
	padding:0;
	color:#502220;
	background:none;
}
.with-sidebar .below-sidebar .featured.green{
	padding:5px;
	border:1px solid #9eb085;
	background:url(images/green-horiz-gradient.png) repeat-y #d6dfc8;
}
.with-sidebar .below-sidebar .featured.green a{
	padding:0;
	color:#526833;
	background:none;
}
.editbutton{
	clear:both;
}
/** Start Buttons **/
.leading-button,input[type=submit].leading-button{
	display:block;
	padding:0;
	width:228px;
	height:46px;
	text-indent:-5000px;
	font-size:0px;
	background-position:top;
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
	outline:none;
}
.leading-button:hover,input[type=submit].leading-button:hover{
	background-position:bottom;
	border:none;
}
* html a.leading-button{
	display:block;
	padding:0;
	width:228px;
	height:46px;
	text-indent:-5000px;
	font-size:0px;
	background-position:top;
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
	outline:none;
}
* html input.leading-button{
	padding:4px 10px;
	background:#0f3255;
	border:1px solid #111;
	font-size:11pt;
	cursor:pointer;
	color:#eee;
	text-decoration:none;
}
.minor-button,input[type=submit].minor-button{
	display:block;
	padding:0;
	width:176px;
	height:36px;
	text-indent:-5000px;
	font-size:0px;
	background-position:top;
	background-repeat:no-repeat;
	border:none;
	cursor:pointer;
	outline:none;
}
.minor-button:hover,input[type=submit].minor-button:hover{
	background-position:bottom;
	border:none;
}
* html .minor-button{
	padding:4px 10px;
	background:#0f3255;
	border:1px solid #111;
	font-size:11pt;
	cursor:pointer;
	color:#eee;
	text-decoration:none;
}
.minor-button-text{
	padding:0;
	text-indent:10px;
	line-height:36px;
}
.button,a.button,input.button{
	margin-right:10px;
	margin-bottom:4px;
	padding:4px 10px;
	background:#0f3255;
	border:1px solid #111;
	cursor:pointer;
	color:#eee;
	text-decoration:none;
}
input[type=submit]{
	margin-right:10px;
	margin-bottom:4px;
	padding:4px 10px;
	background:#0f3255;
	border:1px solid #111;
	cursor:pointer;
	color:#eee;
	text-decoration:none;
}
.button:hover,a.button:hover,input.button:hover{
	background:#31527a;
	border:1px solid #000;
	color:#fff;
}
input[type=submit]:hover{
	background:#31527a;
	border:1px solid #000;
	color:#fff;
}
.button:active,a.button:active,input.button:active{
	background:#415e81;
	text-shadow:1px 1px 3px #000;
}
input[type=submit]:active{
	background:#415e81;
	text-shadow:1px 1px 3px #000;
}
#login-button{
	background-image:url(images/login-button.png);
}
#course-login{
	float:left;
	background-image:url(images/course-login-button.png);
}
#enroll-now{
	float:left;
	background-image:url(images/enroll-now-button.png);
}
#register-as-a-company{
	background-image:url(images/register-as-a-company-button.png);
}
#client-admin-login{
	float:left;
	background-image:url(images/client-admin-login-button.png);
}
* html #login-button, * html #course-login, * html #enroll-now, * html #register-as-a-company, * html #client-admin-login{
	background:#0f3255;
}
#online-training-home .control-panel{
	height:80px;
}
#online-training-home .section{
	clear:both;
	width:100%;
	background:url(images/blue-separator.png) no-repeat;
	background-position:210px 28px;
}
#online-training-home #enrolled-user.section{
	background:url(images/blue-separator-large.png) no-repeat;
	background-position:190px 28px;
}
#online-training-home #purchase-seats.section{
	background:url(images/blue-separator-large.png) no-repeat;
	background-position:156px 28px;
}
#online-training-home .section .button{
	display:block;
	position:relative;
	top:20px;
	right:20px;
	width:100px;
}
.control-panel{
	height:50px;
}
.control-panel a{
	float:left;
	display:block;
	padding:3px 8px;
	border-right:1px solid #a6917b;
}
.control-panel .credit-card-transactions {
	width:180px;
}
.control-panel .view-courses {
	width:85px;
}
/** End Buttons **/
/****** Start Forms ******/
form{
	margin:0;
	padding:0;
}
.wpcf7-response-output,.wpcf7-not-valid-tip{
	color:#000;
	background:#fff;
}
.wpcf7-response-output a,.wpcf7-not-valid-tip a{
	color:#000;
	background:none;
	text-decoration:underline;
}
input,textarea,select{
	padding:4px 8px 5px;
	background:url(images/input-background.png) no-repeat #fff;
	border:1px solid #111;
	color:#666;
	outline-color:#23130e;
}
input:hover,textarea:hover,select:hover{
	border:1px solid #000;
	color:#333;
}
input:focus,textarea:focus,select:focus{
	color:#000;
}
.login input,form.style input,.login textarea,form.style textarea{
	display:block;
	margin-top:0;
}
.login label,form.style label{
	margin-left:2px;
	padding:3px 5px 4px;
	font-size:10pt;
	color:#eee;
	background:#23130e;
}
.hidden,.login input.hidden,form.style input.hidden{
	display:none;
}
.file-upload{
	border:0;
	color:#000;
	background:none;
	cursor:pointer;
}
.file-upload:hover{
	border:0;
	color:#eee;
	background:none;
}
#recruiting-contact-form{
	width:180px;
	height:400px;
	color:#fff;
	background:url(images/sidebar-bronze.png) no-repeat;
}
#recruiting-contact-form h3{
	padding:18px 0 4px;
	font-size:1.4em;
	text-align:center;
}
#recruiting-contact-form p{
	padding:0 10px;
}
#recruiting-contact-form input,#recruiting-contact-form textarea{
	width:136px;
}
#recruiting-contact-form textarea{
	height:120px;
}
#recruiting-contact-form span,#recruiting-form span{
	position:static;
	display:block;
}
#recruiting-contact-form .wpcf7-submit,#recruiting-form .wpcf7-submit{
	width:auto;
	border:2px solid #6a340c;
	font-size:0.8em;
	color:#783d0f;
	background:url(images/button-light.png) repeat-x #fdf4eb;
}
#recruiting-contact-form .wpcf7-submit:hover,#recruiting-form .wpcf7-submit:hover{
	background:#fff;
}
#recruiting-contact-form .wpcf7-submit:active,#recruiting-form .wpcf7-submit:active{
	border-color:#000;
	color:#000;
}
#recruiting-form input{
	width:340px;
	font-size:1.1em;
}
#recruiting-form .wpcf7-response-output{
	width:320px;
}
/****** End Forms ******/
table.style td,table.style th{
	padding:2px 4px;
	border-bottom:1px solid #d1c0ad;
}
table.style tr:hover{
	background:#d1c0ad;
}
table.style td.darken{
	background:#a28e78;
}
table.style tr:hover td.darken{
	background:#8b7965;
}
table.style thead tr:hover{
	background:none;
}
table.style thead tr th:hover{
	color:#555;
	cursor:pointer;
}
table.style thead tr th:active,table.style thead tr th.headerSortDown,table.style thead tr th.headerSortUp{
	color:#333;
	text-decoration:underline;
}
#site{
	margin:0 auto;
	width:990px;
	background:#a6917b;
}
#header{
	height:124px;
	background:url(images/esco-group-header.jpg) no-repeat #d9d5d2;
}
* html #header{
	height:118px;
}
#logo{
	display:block;
	width:450px;
	height:124px;
	text-indent:-5000px;
	overflow:hidden;
	background:none;
}
* html #logo{
	height:118px;
}
/****** Start Top Navigation ******/
#top-navigation{
	position:relative;
	float:right;
	padding:10px 0 0;
	margin:0;
	width:280px;
	height:20px;
	font-size:9pt;
	list-style:none;
	text-transform:uppercase;
	z-index:3;
}
#top-navigation a {
	display:block;
	color:#111;
	text-decoration:none;
	text-align:center;
}
#top-navigation a:hover{
	color:#000;
	text-decoration:underline;
	background:#d9d5d2;
}
#top-navigation li:hover a{
	background:#d9d5d2;
}
#top-navigation a:active{
	color:#555;
	text-decoration:none;
}
#top-navigation li{ /* all list items */
	float: left;
	margin-right:1px;
	width: 165px; /* width needed or else Opera goes nuts */
}
#top-navigation li ul{ /* second-level lists */
	position: absolute;
	margin:0;
	padding:0;
	background:#d9d5d2;
	border-top:none;
	width: 13em;
	left: -999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align:left;
	list-style:none;
}
#top-navigation li ul li{
	width:13em;
}
#top-navigation li ul a{
	padding:3px 6px;
	text-shadow: none;
	border-bottom:1px dotted #eee;
	color:#555;
	text-align:left;
}
#top-navigation li ul a:hover{
	background:#ececec;
	color:#111;
}
#top-navigation li ul a:active{
	color:#000;
	background:#fff;
}
#top-navigation li ul ul{ /* third-and-above-level lists */
	margin: -1em 0 0 10em;
}

#top-navigation li:hover ul ul, #top-navigation li.sfhover1 ul ul{
	left: -999em;
}

#top-navigation li:hover ul, #top-navigation li li:hover ul, #top-navigation li.sfhover1 ul, #top-navigation li li.sfhover1 ul{ /* lists nested under hovered list items */
	left: auto;
}
#top-navigation li:hover, #top-navigation li.hover{ /* IE7 sticky menu fix */
    position: static;  
}
/****** End Top Navigation ******/
/****** Start Main Navigation ******/
#navigation{
	position:relative;
	padding:0;
	margin:0;
	height:34px;
	list-style:none;
	font-size:11pt;
	background:url(images/navigation-background.png) repeat-x top #152f4d;
	border-bottom:1px solid #111;
	z-index:999;
}
#navigation a{
	padding:0;
	display:block;
	line-height:34px;
	color:#d4c3a5;
	font-weight:bold;
	text-decoration:none;
	background:none;
	border-right:1px solid #87919e;
	text-align:center;
}
#navigation a:hover{
	text-decoration:none;
	color:#fff;
}
#navigation a:active{
	color:#eee;
	background:#305076;
	text-shadow:1px 1px 3px #111;
}
#navigation li.last a{
	border:none;
}
#navigation li{ /* all list items */
	float:left;
	width:165px; /* width needed or else Opera goes nuts */
}
#navigation li ul{ /* second-level lists */
	position:absolute;
	margin:0;
	padding:0;
	background:#305076;
	border:1px solid #ececec;
	border-top:none;
	width:200px;
	left:-999em; /* using left instead of display to hide menus because display: none isn't read by screen readers */
	text-align:left;
	list-style:none;
}
#navigation li.last ul{
	margin-left:-72px;
}
#navigation li ul li{
	width:200px;
}
#navigation li ul a{
	padding:3px 6px;
	line-height:16pt;
	color:#e3d8c4;
	text-shadow:none;
	border-bottom:1px dotted #416187;
	text-align:left;
}
#navigation li ul a:hover{
	background:#1a324f;
}
#navigation li ul a:active{
	background:#00213c;
}
#navigation li ul ul{ /* third-and-above-level lists */
	margin:-1em 0 0 10em;
}
#navigation li:hover ul ul, #navigation li.sfhover ul ul{
	left:-999em;
}
#navigation li:hover ul, #navigation li li:hover ul, #navigation li.sfhover ul, #navigation li li.sfhover ul{ /* lists nested under hovered list items */
	left:auto;
}
#navigation li:hover, #navigation li.hover{ /* IE7 sticky menu fix */
    position:static;  
}
/****** End Main Navigation ******/
/****** Start Feature ******/
#feature{
	height:300px;
	background:#23130e;
	border-bottom:1px solid #111;
	overflow:hidden;
}
#feature h1{
	padding-top:40px;
	color:#c8b79b;
	font-size:36pt;
	line-height:34pt;
	font-weight:normal;
	text-shadow:1px 1px 3px #000;
}
#feature h2{
	padding:0 10px;
	height:34px;
	line-height:34px;
	background:url(images/navigation-background.png) repeat-x top #152f4d;
	border-bottom:1px solid #111;
}
#feature h2 a{
	text-decoration:none;
}
#feature h2 a:hover{
	background:#00213c;
}
#feature .working-together,#feature .esco-automation,#feature .esco-electric,#feature .esco-energy-services,#feature .esco-safety{
	width:990px;
	height:300px;
	background:#23130e;
	border-bottom:1px solid #111;
}
#feature .working-together p,#feature .esco-automation p,#feature .esco-electric p,#feature .esco-energy-services p,#feature .esco-safety p{
	padding-top:0px;
	padding-left:444px;
	padding-right:30px;
	color:#eee;
	text-shadow:1px 1px 3px #000;
}
#feature .esco-safety p{
	padding-right:20px;
}
#feature .working-together h1{
	padding-top:40px;
	padding-left:444px;
}
#feature .esco-automation h1,#feature .esco-electric h1,#feature .esco-energy-services h1,#feature .esco-safety h1{
	padding-top:86px;
	padding-left:444px;
}
#feature .working-together{
	background:url(images/home-features/working-together.jpg) no-repeat #23130e;
}
#feature .esco-automation{
	background:url(images/home-features/esco-automation.jpg) no-repeat #23130e;
}
#feature .esco-electric{
	background:url(images/home-features/esco-electric.jpg) no-repeat #23130e;
}
#feature .esco-energy-services{
	background:url(images/home-features/esco-energy-services.jpg) no-repeat #23130e;
}
#feature .esco-safety{
	background:url(images/home-features/esco-safety.jpg) no-repeat #23130e;
}
#feature .audio-disclaimer{
	display:block;
	margin:0 0 0 10px;
	padding:0 0 0 28px;
	width:180px;
	text-align:left;
	font-style:italic;
	text-decoration:none;
	background:url(images/audio-icon.png) no-repeat left center;
}
/****** End Feature ******/
#home-sections{
	height:39px;
	background:url(images/home-main-sections.png) no-repeat #305076;
	overflow:hidden;
}
#home-sections a{
	float:left;
	text-indent:-5000px;
	overflow:hidden;
	display:block;
	padding:0;
	height:39px;
	background:none;
}
#content{
	background:url(images/content-background.png) repeat-x top #a6917b;
	color:#23130e;
}
#content .wrapper{
	position:relative;
	padding:20px;
}
#content .wrapper h2 a{
	color:#eee;
	text-decoration:none;
	text-shadow:1px 1px 3px #111;
}
#content .wrapper h2 a:hover{
	color:#fff;
	text-decoration:none;
}
#content .wrapper h2 a:active{
	color:#eee;
	text-decoration:underline;
}
#content .wrapper h2 a.button{
	display:inline;
	margin:0 0 0 10px;
	float:none;
	font-size:0.7em;
	font-weight:normal;
}
#ssl-icon{
	display:block;
	float:left;
	width:200px;
	height:48px;
	background:url(images/ssl-icon.png) no-repeat;
	text-indent:-5000px;
}
.col{
	float:left;
	padding-top:10px;
	width:330px;
}
* html .col{
	width:320px;
}
.col .item{
	padding:4px 14px 4px 36px;
	background:url(images/bullet.png) no-repeat;
	background-position:12px 6px;
}
* html .col .item{
	padding:4px 10px 4px 30px;
}
.col .item p{
	padding:0;
	font-size:9pt;
	line-height:9pt;
}
/****** Start Sections ******/
.section{
	width:297px;
}
.section .top{
	height:9px;
	background:url(images/section-top.gif) no-repeat;
}
* html .section .top{
	overflow:hidden;
}
.section .middle{
	padding:0 10px;
	background:url(images/section-background.png) repeat-y;
	color:#eee;
}
.section .middle h3{
	color:#d4c3a5;
	text-shadow:3px 3px 5px #111;
}
.section .middle p{
	padding:3px 0;
}
.section .middle a:hover{
	background:#00213c;
}
.section .middle a:active{
	background:#112;
}
.section .bottom{
	height:9px;
	background:url(images/section-bottom.gif) no-repeat;
}
.section input{
	outline-color:#eee;
}
/****** End Sections ******/
/****** Start Sidebar ******/
#sidebar{
	float:left;
	margin:0;
	padding:30px 10px 0 0;
	width:180px;
	height:214px;
	list-style:none;
	line-height:14pt;
	background:url(images/sidebar-background.jpg) no-repeat top right;
}
#sidebar ul{
	margin:0;
	padding:0;
	list-style:none;
}
#sidebar li { /* all list items */
	float:left;
	width:180px;
	border-bottom:1px dotted #8d7760;
}
#sidebar li:last-child{
	border:none;
}
#sidebar li a {
	display:block;
	text-decoration:none;
	text-shadow:1px 1px 3px #111;
}
#sidebar li:hover a{
	background:#23130e;
}
#sidebar li ul { /* second-level lists */
	position:absolute;
	left:-999em;
	margin-left:180px;
	margin-top:-1.7em;
	width:180px;
	background:#23130e;
}
#sidebar li ul a:hover{
	color:#fff;
	background:#8d7760;
}
#sidebar li ul a:active{
	background:#111;
}
#sidebar li ul li{
	border-bottom:1px dotted #a6917b;
}
#sidebar li ul ul { /* third-and-above-level lists */
	left:-999em;
}
#sidebar li:hover ul ul, #sidebar li:hover ul ul ul, #sidebar li.sfhover2 ul ul, #sidebar li.sfhover2 ul ul ul {
	left:-999em;
}
#sidebar li:hover ul, #sidebar li li:hover ul, #sidebar li li li:hover ul, #sidebar li.sfhover2 ul, #sidebar li li.sfhover2 ul, #sidebar li li li.sfhover2 ul { /* lists nested under hovered list items */
	left:auto;
}
#sidebar li:hover, #sidebar li.hover{ /* IE7 sticky menu fix */
    position: static;  
}
/****** End Sidebar ******/
/****** Start Titles ******/
.title{
	display:block;
	text-indent:-5000px;
	overflow:hidden;
	width:280px;
	height:20px;
}
#esco-electric{
	background:url(images/titles/esco-electric.png) no-repeat;
}
#muscatine-electric{
	background:url(images/titles/muscatine-electric.png) no-repeat;
}
#electrical-testing-and-maintenance,#esco-recruiting-full{
	margin-top:20px;
	margin-bottom:10px;
	width:310px;
	height:40px;
}
#electrical-testing-and-maintenance{
	background:url(images/titles/electrical-testing-and-maintenance.png) no-repeat;
}
#esco-recruiting-full{
	background:url(images/titles/esco-recruiting-full.png) no-repeat;
}
#esco-recruiting{
	background:url(images/titles/esco-recruiting.png) no-repeat;
}
#testing-maintenance{
	background:url(images/titles/testing-maintenance.png) no-repeat;
}
#electrical-testing-maintenance{
	background:url(images/titles/electrical-testing-maintenance.png) no-repeat;
}
#electrical-system-surveys{
	background:url(images/titles/electrical-system-surveys.png) no-repeat;
}
#program-management{
	background:url(images/titles/program-management.png) no-repeat;
}
#project-management{
	background:url(images/titles/project-management.png) no-repeat;
}
#program-project-management{
	background:url(images/titles/program-project-management.png) no-repeat;
}
#automation-engineering{
	background:url(images/titles/automation-engineering.png) no-repeat;
}
#power-systems-engineering{
	background:url(images/titles/power-systems-engineering.png) no-repeat;
}
#electrical-engineering-cad{
	background:url(images/titles/electrical-engineering-cad.png) no-repeat;
}
#onsite-electrical-safety-training{
	background:url(images/titles/onsite-electrical-safety-training.png) no-repeat;
}
#web-based-electrical-safety-training{
	background:url(images/titles/web-based-electrical-safety-training.png) no-repeat;
}
#online-electrical-safety-training{
	background:url(images/titles/online-electrical-safety-training.png) no-repeat;
}
#course-registration{
	height:27px;
	background:url(images/course-registration.png) no-repeat;
}
#training-demo{
	display:block;
	margin:0 auto;
	padding:10px;
	text-align:center;
	background:none;
}
/****** End Titles ******/
#fancybox-content{
	color:#111;
	border-color:#793e0f!important;
	background:#BFAC9B;
}
#fancybox-content h1,#fancybox-content h2,#fancybox-content h3{
	color:#fff;
}
#fancybox-content strong{
	color:#2a4d70;
}
#fancybox-content .button{
	border:2px solid #6a340c;
	color:#783d0f;
	background:url(images/button-light.png) repeat-x #fdf4eb;
}
#fancybox-content .button:hover{
	background:#fff;
}
#fancybox-content .button:active{
	border-color:#000;
	color:#000;
}
#footer{
	clear:both;
	padding:20px 0 30px;
	text-align:center;
	color:#eee;
	font-size:9pt;
}
#footer a{
	color:#eee;
	text-decoration:none;
}
#footer a:hover{
	color:#fff;
}
#footer a:active{
	color:#ccc;
}