/* @override http://egfi.hzdesign.com/styles/global.css */

/* @group imports */

@import url('reset.css');

@import url('clearfix.css');

/* @end */

html {
	background: #FFF url('/images/bodybg.jpg') repeat-x;
}

body {
	position: static;

	height: 100%;
	width: 890px;

	margin: 0 auto;

	padding-bottom: 50px;

	font: normal 12px/1.25 Verdana,Arial,sans-serif;
	color: #000;
	-webkit-text-size-adjust: none;
}

p {
	margin: 1em 0;
	line-height: 1.5;
}

strong {
	font-weight: bold
}

a {
	outline: none;
	color:#EC008C;
}

a:hover {
	
}

a:active {
	outline: none
}

blockquote {
	padding-left: 1em;
}

h1, h2, h3, h4, h5, h6 {
	font-weight: bold;
}

h1 a,h2 a,h3 a,h4 a,h5 a {
	color: inherit;
}

hr {
	border: none;
	height: 7px;
	margin: 15px 0;
	background: url(/images/jhr.gif) no-repeat center center;
}

li {
	display: block;
}

h1 {
	font-size: 35px;
}

h1 a {
	color: #000;
}

h2 {
	font-size: 36px;
}

h3 {
	font-size: 16px;
	line-height: 2;
}

#videoPlayer {
/*	background: url(/images/lightbox/background.png);  */
	background-color: transparent;
	width: 730px;
	height: 590px;
	padding: 0;
}

/* @group layout */

#header-placeholder {
	position: relative;
	top: 0;
	left: -58px;
	margin: 0 auto;

	width: 915px;
	height: 170px;
}
#header,#header-flash{
	position: relative;
	top: 0;
	left: 58px;
	margin: 0 auto;
	width: 915px;
	height: 170px;	
}



#sections{text-indent:-666em;overflow:hidden}
#quicklinks{text-indent:-666em;overflow:hidden}

#content {
	position: relative;
	width: 888px;
	background: #FAFAFA url('../images/contentbg.jpg') repeat-x;
	border: 1px solid white;
	border-color: #e8e8c6 #ceceab #e2e2e2 #e4e4ca;
}

#main {
	position: relative;

	width: 590px;
	float: left;

	padding: 20px 0 20px 28px;
}

/* @end */

/* @group Navigation */




#nav {
	height: 35px;
	width: 888px;
}

#nav li {
	display: inline;
	height: 20px;
	margin-right: 25px
}

#nav a {
	height: 20px;
	font-size: 19px;
	text-decoration: none;
	color: #000;
}

#nav a:hover,#nav .active a {
	color: #ec008c;
}

/* @end */

/* @group Sidebar */

#sidebar {
	width: 248px;

	padding-left: 10px;
	margin: 20px 6px 20px 6px;

	float: left;
	background: url('/images/jbrdr.gif') repeat-y top left;

}



#sidebar h2 {
	height: 20px;
	font-size: 20px;

	background: url('/images/jhrsm.gif') no-repeat bottom left;
	padding-bottom: 7px;
	margin-bottom: 3px;
}

#sidebar h3 {
	color: #79b12f;
	font: 16px 'Gotham Medium',Verdana;
	margin-bottom: 3px;
}

#sidebar h4 {
	font-family: 'Gotham Bold',Verdana;
	font-weight: bold;
	font-size: 12px;
	color: #ec008c;
	margin-bottom: 7px;
}

#sidebar .read-more {
	font-family: 'Gotham Medium',Verdana;
	font-size: 12px;
	color: #ec008c;
}

#sidebar p+h2 {
	margin-top: 25px
}

#sidebar ol,#sidebar ul {
	padding-left: 20px;
}

#sidebar li {
	margin: 5px 0;
}

#sidebar ol li {
	list-style: decimal;
}

#sidebar ul li {
	list-style: disc;
}

/* @end */

/* @group Form */

form div {
	position: relative;
	margin: 18px 0;
}

form fieldset div {
	float: left;
	margin-right: 5px;
}

form div label {
	position: absolute;
	top: 8px;
	left: 15px;
	line-height: 24px;
}

form div input.text,form div textarea.text,form div select.select {
	background: transparent;
	border: 4px solid #BABAB8;
	line-height: 22px;
	margin: 0;
	padding: 4px;
	-khtml-appearance: none;
	-khtml-border-radius: 0;
}

form div input.text {
	width: 206px;
	height: 22px;
}

form div textarea.text {
	width: 425px;
	height: 185px;
}



/* @end */

/* @group Pink and Green */

dt {
	float: left;
	margin-right: 0.5em;
	text-transform: uppercase;
	font-weight: bold;
}

.green dt,.green h2,.green h2 a,.green h3,.green h3 a,.green .read-more,.green .read-more a {
	color: #79b12f
}

.pink dt,.pink h2,.pink h2 a,.pink h3,.pink h3 a,.pink .read-more,.pink .read-more a {
	color: #ec008c
}

.read-more {
	font-weight: bold;
	text-decoration: none;
}

.read-more:hover {
	text-decoration: underline;
}

/* @end */

/* @group Intro */

#intro {
	background: url('/images/jhr.gif') no-repeat bottom left;
	padding-bottom: 15px
}

#intro li {
	float: left;
	display: block;
	margin: 0 12px;
}

#intro.type1 {
	padding: 44px 25px 15px 260px;
	width: 302px;
	height: 233px;
	background: url(/images/card-3.png) no-repeat;
	position: relative;
}

#intro.type1 img.featured {
	position: absolute;
	top: 75px;
	left: 22px;
	width: 204px;
	height: 165px;
}

#intro.type2 {
	position: relative;
	margin-left: -72px;
	padding: 29px 25px 15px 336px;
	width: 290px;
	height: 315px;
	background: url(/images/engineer-your-path/on-the-job.png) no-repeat;
}

#intro.type2 img.featured {
	position: absolute;

	top: 114px;
	left: 97px;

	width: 204px;
	height: 165px;
}

#intro.type3 {
	position: relative;
	padding: 34px 40px 10px 33px;
	margin-bottom: 15px;
	width: 532px;
	height: 130px;
	background: url(/images/card-6.png) no-repeat;
}

#content #intro .card-4 h2 {
	font-size: 20px;
}
#content #intro .card-5 h2 {
	font-size: 26px;
}

#intro .card-4 {
	position: relative;
	background: url(/images/card-4.png);
	width: 204px;
	height: 215px;
	padding: 40px 19px 0 29px;
}

#intro .card-4 img {
	width: 204px;
	height: 164px;
}

#intro .card-5 {
	background: url(/images/card-5.png);
	padding: 39px 20px 0 15px;
	width: 219px;
	height: 217px;
}

#intro .card-5 img {
	width: 219px;
	height: 165px;
}

/* @end */

/* @group Wide Cards */

.wide-card-1 h2, .wide-card-2 h2, .wide-card-3 h2, .wide-card-4 h2 {
	color: #000;
}

/* @group Wide Card 1 */

.wide-card-1 {
	background: url('/images/card-1.png') no-repeat;
	width: 322px;
	height: 242px;
	padding: 46px 25px 15px 163px;
	margin: 25px 0 0 72px;
	position: relative;
}

.wide-card-1 img.featured {
	position: absolute;
	left: -138px;
	top: -33px;
	width: 283px;
	height: 362px;
}

.wide-card-1 .title-card {
	position: absolute;
	left: 20px;
	top: -21px;
	z-index: 1;
}

.title-card {
	width: 191px;
	height: 67px;

	padding: 13px 0 0 16px;

	background: url(/images/title-card.png) no-repeat;
}

.title-card h3 {
	font-size: 12px;
	line-height: 1.4;
}

.title-card h2 {
	line-height: 1.4;
	font-size: 18px;
}

/* @end */

/* @group Wide Card 2 */

.wide-card-2 {
	background: url('/images/card-2.png') no-repeat;
	width: 306px;
	height: 225px;
	padding: 26px 25px 15px 163px;
	margin: 25px 0 0 72px;
	position: relative;
}

.wide-card-2 img.featured {
	position: absolute;
	left: -71px;
	top: 69px;
	width: 220px;
	height: 170px;
}

/* @end */

/* @group Wide Card 3 */
.wide-card-3 {
	background: url('/images/card-2.png') no-repeat;
	width: 306px;
	height: 225px;
	padding: 26px 25px 15px 163px;
	margin: 25px 0 0 72px;
	position: relative;
}

.wide-card-3 img.featured {
	position: absolute;
	left: -91px;
	top: -20px;
	width: 283px;
	height: 300px;
}
/* @end */

/* @group Wide Card 4 */
.wide-card-4 {
	background: url('/images/card-2.png') no-repeat;
	width: 306px;
	height: 225px;
	padding: 26px 25px 15px 163px;
	margin: 25px 0 0 72px;
	position: relative;
}

.wide-card-4 img.featured {
	position: absolute;
	left: -71px;
	top: 19px;
	width: 220px;
	height: 230px;
}

/*.wide-card-4 {
	background: url('/images/card-8.png') no-repeat;
	width: 325px;
	height: 235px;
	padding: 26px 25px 15px 235px;
	margin: 25px 0 0 0px;
	
	position: relative;
}

.wide-card-4 img.featured {
	position: absolute;
	left: 40px;
	top: 69px;
	width: 168px;
	height: 136px;
*/
/* @end */

/* @end */


/* @group Item List */

.item-list {
	padding-bottom: 15px
}

.item-list li {
	background: url('/images/jhrthin.gif') no-repeat bottom left;
	padding: 10px 0
}

.item-list li:first-child,.item-list li.first-child {
	padding-top: 0
}

.item-list li:last-child,.item-list li.last-child {
	padding-bottom: 20px;
	background-image: url('/images/jhr.gif')
}

.item-list li .thumb {
	float: left;
	width: 120px;
	height: 72px;
	padding: 3px;
	background: url(/images/thumb-border.png) no-repeat;
}

.item-list li .details {
	font-size: 11px;
	width: 425px;
	margin-left: 5px;
	float: left
}

/* @end */

/* @group Pagination List */

ol.pagination {
	list-style: none;
	font-size: 28px;
	text-align: right;
}

ol.pagination li {
	display: inline;
}

ol.pagination li.current {
	color: #ec008c;
}

ol.pagination,ol.pagination a {
	color: #9B9A96;
}

/* @end */

#lb_overlay {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 50px;
	background-color: #000;
	opacity: 0.8;
}				

.lightbox {
	position: absolute;
	z-index: 1;
	width: 383px;
	height: 379px;
}

.lightbox a.lb_close {
	position: absolute;
	top: -26px;
	right: -22px;
	display: block;
	height: 58px;
	width: 58px;
	overflow: hidden;
	background: url(/images/lightbox/close.png);
	text-indent: -666em;
}

form#good-advice #name,form#good-advice #city {
	width: 150px;
}

form#good-advice #state {
	width: 100px;
}

.stbutton {
	font-weight: bold;
	color: #ec008c;
	text-decoration: none;
	padding-bottom: 20px;
}

.errors{border:2px solid #EC008C;padding:10px;text-align:center;font-weight:bold;color:#EC008C;margin:10px 0}