@import url(reset.css);
@import url(type.css);

html, body { text-align: center; background: #333 url(../images/bg-noise.png); }
#top, .hidden { left: -999em; position: absolute; top: 0; }

.body-width { width: 50em; /* 800/16 */ margin: 0 auto; clear: both; text-align: left; }

/* -- HEADER -- */
header.main { overflow: hidden; padding-top: 2.5em; padding-bottom: 0; }
	.logo {
		display: block;
		float: left;
		height: 2.5em; /* 40/16 */
		padding-left: 2em;
		font-size: 1.5em; /* 24/16 */
		line-height: 2em;
		border: none;
		color: rgb(255,255,255);
		background: url(../images/logo.png) no-repeat 0 0;
		
		text-shadow: 1px 1px 1px rgb(50,50,50);
		-webkit-transition: color .1s ease-out;
		
	}
	.logo:hover { border: none; color: rgb(150,150,150); }
	header.main nav ul { float: right; margin: 0; }
		header.main nav li { float: left; margin: 1.25em 0 0 0; list-style: none; }
			header.main nav a {
				border: none;
				color: rgb(200,200,200);
				padding: .45em .9em;
				margin: 0 0 0 .9em;
				border: 1px solid rgb(100,100,100);
				
				text-shadow: 1px 1px 1px rgb(0,0,0);
					background: rgba(255, 255, 255, 0);
				-webkit-border-radius: 1.25em;
					-moz-border-radius: 1.25em;
					border-radius: 1.25em;
				-webkit-transition:
					border-color .4s ease-out,
					color .3s ease-out,
					background-color .3s ease-out;
			}
			header.main nav a:hover {
				color: rgb(255,255,255);
				background-color: rgb(50,50,50);
				border-color: rgb(25,25,25);
			}



/* -- CONTENT -- */
section.main {
	background: url(../images/bg-main-shadow.png) no-repeat 50% 100% ;
	padding-bottom: 1.125em; /* 18/16 */
	margin-bottom: 1.125em; /* 18/16 */
}
	section.main .main-wrap {
		background: #FFF url(../images/bg-middleBar.png) repeat-y 514px 0;
		background-image: url(../images/bg-middleBar-shadowed.png); /* SEPERATING ADS FROM CONTENT */
		border: 1px solid #CCC;
		overflow: hidden;
		
		box-shadow: 0 0 5px rgb(50,50,50);
			-webkit-box-shadow: 0 0 5px rgb(50,50,50);
			-moz-box-shadow: 0 0 5px rgb(50,50,50);
	}

	#content {
		float: left;
		width: 32.1875em; /* 515/16 */
		padding-bottom: 1.25em;
		position: relative;
	}
		hgroup {
			padding: 3.125em 0 1.875em 0;
			border-bottom: 1px solid #CCC;
			margin-bottom: 1.25em;
			margin-top: 0;
			position: relative;
			
			background-color: #FBFBFB; /* fallback color */
			    background-image: url('http://cjrecruiter.com/css/style.css'); /* fallback image */
			    background-image: -moz-linear-gradient(100% 100% 90deg, #EBEBEB, #FBFBFB);
			    background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FBFBFB), to(#EBEBEB));
		}
			hgroup h1 {
				margin-bottom: 0;
			}
	#rail {
		float: right;
		width: 17.75em; /* 284/16 */
		margin: 1.25em 0; /* 20/16 */
	}

/* -- FOOTER -- */
footer.main { overflow: hidden; }
	.copyright { color: rgb(150,150,150); font-size: .6em; float: left; }
	footer.main nav ul { float: right; }
		footer.main nav li {
			float: left;
			margin: 0 0 0 .8em;
			padding-right: .8em;
			list-style: none;
			font-size: .6em;
			border-right: 1px solid rgb(150,150,150);
			
			text-shadow: 1px 1px 1px rgb(50,50,50);
		}
			footer.main nav li.last { border: none; margin-right: 0; padding-right: 0; }
			footer.main nav a { color: rgb(150,150,150); border: none; }
			footer.main nav a:hover { border-bottom: 1px dashed rgb(150,150,150); color: rgb(255,255,255); }


/* -- FOCUS -- */
#focus { background: url(../images/bg-focus.jpg) no-repeat 100% 0; height: 12em; }
	#focus h2 {
		font-size: .625em; /* 10/16 */
		font-family: 'Helvetica Neue', Helvetica, Arial, sans-serif;
		font-weight: normal;
		text-transform: uppercase;
		margin: 0 2em;
		padding: 2.5em 3.2em 1.8em 3.2em;
		color: #999;
		background: url(../images/icon-app.png) no-repeat 0 50%;
	}
	#focus h3 {
		font-family: Georgia, 'Times New Roman', serif;
		font-weight: normal;
		font-style: italic;
		margin: 0 1em 1em 1em;
		width: 22.5em; /* 450/20 */
		
		text-shadow: 1px 1px 3px #CCC;
	}
		#focus h3 strong { color: rgb(50,50,50); }
		form.drop_program { margin: 0 1.25em; }
			.drop_program select {
				min-width: 275px;
				border-color: rgb(150,150,150);
			}
			
#about-bar {
	padding-bottom: 1.25em; /* 20/16 */
	margin-bottom: -1.25em;
	background: url(../images/bg-aBar-arrow.png) no-repeat 6% 100%;
	position: relative;
	z-index: 2;
}
#about-bar .wrap {
	overflow: hidden;
	color: #FFF;
	border-top: 1px solid rgb(110,0,40);
	
	background-color: rgb(160,0,50);
		background-image: -moz-linear-gradient(100% 100% 90deg, rgb(160,0,50), rgb(175,40,85));
		background-image: -webkit-gradient(linear, 0% 0%, 0% 100%, from(rgb(175,40,85)), to(rgb(160,0,50)));
}
	#about-bar .question {
		float: left;
		font-size: .875em; /* 14/16 */
		margin: .85em 1.42em 0 1.42em; /* 12/14 20/14 */
		
		text-shadow: 1px 1px 1px rgb(110,0,40);
	}
	#about-bar .cta { float: right; margin: 1em 1.66em; /* 12/12 20/12 */ }


/* -- ADVERTISING -- */
.ad-block { margin: 0 15px 20px 15px; }
.ad-block .fine {
	font-size: 10px;
	margin: 0;
	color: rgb(150,150,150);
	text-align: right;
	text-transform: uppercase;
}

/* -- APPLICATION -- */
#application { margin: 20px; font: 12px/18px Helvetica, Arial, sans-serif; }
	#application th, #application td { vertical-align: top; }
	#application tbody th, #application tbody td {
		font-weight: normal;
		padding: 18px 20px;
		border-bottom: 1px dashed rgb(240,240,240);
	}
	#application tbody textarea, #application tbody select { max-width: 250px; }
	#application td ul { margin: 0; }
		#application td li { list-style: none; margin: 0 0 0 8px; }
	#application .errorlist li {
		background: url('../images/error-arrow.png') no-repeat 0 0;
		color: red;
		font-size: 12px;
		margin: 0 10px 18px 10px !important;
		padding-left: 20px;
		display: block;
		width: 200px;
	}
	
/* -- BTN CLASSES -- */
.btn-link {
	position: relative;
	padding: .45em .9em;
	border: 1px solid #E5E5E5;
	color: #666;
	font-family: 'DroidSerifBold';
	cursor: pointer;
	
	text-shadow: 1px 1px 1px #FFF;
	background: rgb(255, 255, 255);
	background: rgba(255, 255, 255, .75);
	-webkit-border-radius: 1.25em;
		-moz-border-radius: 1.25em;
		border-radius: 1.25em;
	-webkit-transition:
		border-color .3s ease-out,
		color .2s ease-out,
		background-color .2s ease-out;
}
	/* .btn-link:after { content: ' \00bb'; } */
	.btn-link:hover, .btn-link:focus {
		color: #000;
		background-color: rgb(240, 240, 240);
		background-color: rgba(255, 255, 255, 1);
		border-color: #CCC;
		top: 1px;
	}
	
	.btn-link.blue {
		background: rgb(91, 138, 185);
		background: rgba(91, 138, 185, .75);
		color: #FFF;
		border-color: rgb(91, 138, 185);
		
		text-shadow: 1px 1px 1px #518EC8;
	}
	.btn-link.blue:hover, .btn-link.blue:focus { background: rgb(91, 138, 185); }

/* -- FEEDBACK -- */
	
#feedback-modal {
	width: 400px;
	min-height: 75px;
	position: absolute; top: 40px; left: 75px;
	z-index: 99999;
	padding: 20px 0;
	border: solid 1px #bbb;
	background: #f7feff;
	opacity: 0;
	display: none;
	-webkit-box-shadow: 0px 3px 6px rgba(0,0,0,0.25);
	-webkit-transition: -opacity 0.0s ease-out;
}
#feedback-modal.show {
	display: block;
	opacity: 1.0;
	z-index: 100;
	-webkit-transition-duration: 0.25s;
}
#feedback-modal.loading {
	background: #f7feff url('../images/ajax-loader.gif') no-repeat 50% 50%;
}
	#feedback-modal form {

	}
	#feedback-modal h1 {
		font-size: 24px;
		line-height: 28px;
	}
	#feedback-modal label {
		display: block;
		font-weight: bold;
		font-family: Helvetica, Arial, sans-serif;
	}
	#feedback-modal input {
		margin-bottom: 18px;
	}
	#feedback-modal .close {
		background: url('../images/modal-close.png') no-repeat 0 0;
		width: 30px;
		height: 30px;
		display: block;
		position: absolute;
		top: -10px;
		left: -10px;
		border: none;
		z-index: 5555;
	}
.error { color: red; }