/* Exodus 20.15 - http://www.biblegateway.com/passage/?search=exodus%2020.15;&version=8; */

/* ----------(  GENERAL  )---------------- */

	* {
		padding:0;
		margin:0;
	}
	
	a{
		/* outline:none; */
		overflow: hidden;
	}
	
	html { 
		min-height: 100%; 
		margin-bottom: 1px; 
	}
	
	body {
		background:#252525 url(../images/layout/body_bg.gif) repeat-x 0px 0px;
		font: 11px Tahoma, Arial, Helvetica, sans-serif;
		color:#fff;
	}
	#siteLogo{
		margin:0 0 9px 0;
		float:left;
	}
	#siteLogo a{
		width:142px;
		height:55px;
		display:block;
		overflow:hidden;
		text-indent:-9000px;
		background-image:url(../images/layout/jobblLogo.gif);
	}
	ul#navigation a, .btn_showMe_green, .btn_showMe_grey, .btn_moreJobs, .btn_spread, .btn_apply, .btn_about, .btn_meet{
		height:29px;
		display:block;
		overflow:hidden;
		text-indent:-9000px;
	}
	p{
		margin:0 0 25px 0;
		text-align:justify;
		line-height:22px;
	}
	h2{
		margin:0 0 20px 0;
		font-family:Arial, Tahoma, Helvetica, sans-serif;	
		font-size:20px;
		font-weight:normal;
		letter-spacing:-1px;
		color:#6c6c6c;
	}
	h3, .relatedJobs strong, .jobCategories strong {
		font-family:Arial, Tahoma, Helvetica, sans-serif;	
		font-size:14px;
		line-height:17px;
		letter-spacing:-1px;
		color:#a1c121;
	}
	
	.jobCategories.active strong {
		color: #00ADEF;
	}
	
	h4{
		padding:0 8px 0 0;
		float:left;
		font-size:11px;
		color:#a1c121;
	}
	form .textString, form .textField{
		padding:5px 8px 5px 8px;
		font: 11px Tahoma, Arial, Helvetica, sans-serif;
		color:#fff;
	}
	form .textString{
		height:15px;
	}
	
/* ----------(  MAIN BLOCKS  )---------------- */

	#wrapper{
		width:760px;
		margin:0 auto 0;
		position:relative;
	}
	#mastHead{
		width:760px;
		height:55px;
	}
	#contentBlock{
		position:absolute;
		top:375px;
		width:760px; /* Safari needs this one ... the container wouldn't stretch :( */
	}
	#content{
		width:470px;
		margin:85px 0 0 0;
		padding:0 0 0 35px;
		float:right;
	}


/* ----------(  NAVIGATION )---------------- */

	ul#navigation{
		margin:13px 0 0 0;
		display:block;
		float:right;
	}
	ul#navigation li{
		margin:0 0 0 12px;
		display:block;
		float:left;
	}
	ul#navigation a#nav_jobOffer {
		width:118px;
		background-image:url(../images/navigation/nav_jobOffer.gif);
	}
	ul#navigation a#nav_home{
		width:49px;
		background-image:url(../images/navigation/nav_home.gif);
	}
	ul#navigation a#nav_contact{
		width:68px;
		background-image:url(../images/navigation/nav_contact.gif);
	}
	ul#navigation a#nav_jobs{
		width:88px;
		background-image:url(../images/navigation/nav_jobs.gif);
	}
	
	/* ----------(  NAVIGATION - HOVER + ACTIVE STATES )---------------- */

	ul#navigation a:hover, 
	body#pg_jobOffer ul#navigation a#nav_jobOffer, 
	body#pg_joboffer ul#navigation a#nav_jobOffer, 
	body#pg_home ul#navigation a#nav_home, 
	body#pg_contact ul#navigation a#nav_contact, 
	body#pg_jobs ul#navigation a#nav_jobs,
	body#pg_categories ul#navigation a#nav_jobs,
	body#pg_companies ul#navigation a#nav_jobs,
	body#pg_tags ul#navigation a#nav_jobs,
	.btn_apply:hover,
	.btn_spread:hover,
	.btn_about:hover,
	.btn_meet:hover,
	.btn_meet.active,
	.btn_about.active,
	.btn_spread.active,
	.btn_apply.active {
		background-position:0 -29px;
		background-color:#252525;
	}
	
/* ----------(  MOVIE )---------------- */
	
	#jobblMovie{
		width:505px;
		float:right;
	}
	#btn_light{
		width:25px;
		height:25px;
		position:absolute;
		top:73px;
		right:-40px;
		display:block;
		overflow:hidden;
		text-indent:-9000px;
		background-image:url(../images/layout/btn_light.png);
	}
	#btn_light:hover{
		background-position:0 -25px;
	}
	
	#btn_light.inv {
		background-position:0 -25px;
	}	
	
	#btn_light.inv:hover {
		background-position:0 0;
	}

/* ----------(  CONTENT )---------------- */	

	#content h2{
		color:#a1c121;
	}
	
/* ----------(  FEATURED JOBS LISTING )---------------- */	
	
	#featuredJobsBlock{
		width:255px;
		position:absolute;
		top:64px;
	}
	.featuredJobs{
		width:255px;
		padding:8px 0 8px 0;
		border-bottom:1px solid #e5e5e5;
		float:left;
		color:#444444;
	}
	.featuredJobs dt, .featuredJobs dd{
		float:left;
	}
	.featuredJobs dt{
		width:100px;
		height:100px;
		position:relative;
		border:1px solid #ccc;
	}
	.featuredJobs dd{
		width:138px;
		padding:0 0 0 15px;
	}
	.featuredJobs .companyLogo{
		padding:10px 0 0 0;
		clear:both;
	}
	.featuredJobs .companyLink {
		color: #444444;
		text-decoration: none;
		border-bottom: 1px solid #444;
	}
	
	.relatedJobs .companyLink {
		padding-top: 2px;
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px solid #252525;
	}
	
	.relatedJobs .companyLink:hover, .featuredJobs .companyLink:hover {
		color: #00ADEF;
		border-color: #00ADEF;
	}
	
	#featuredJobsBlock h2{
		width:225px;
		margin:10px 0 0 0;
		padding:0 0 16px 0;
		display:block;
		border-bottom:1px solid #e5e5e5;
		font-weight:normal;
		letter-spacing:-1px;
	}
	#featuredJobsBlock h2 a{
		color:#a1c121;
		/** color:#6c6c6c; **/
		text-decoration:none;
	}
	#featuredJobsBlock h2 a:hover{
		color:#00adef;
	}
	.featuredJobs h3{
		margin-bottom:12px;
	}
	.btn_showMe_green, .btn_moreJobs{
		width:78px;
		margin:15px 0 0 0;
		float:right;
	}
	.btn_showMe_green{
		background-image:url(../images/layout/btn_showMe_green.gif);
	}
	.btn_moreJobs{
		margin:12px 0 0 0;
 		background-image:url(../images/layout/btn_moreJobs.gif);
	}
	.btn_showMe_green:hover, .btn_showMe_grey:hover, .btn_moreJobs:hover{
		background-position:0 -29px;
	}
	
	.currentlyPlayingStar{
		position:absolute;
		left:-60px;
		top:25px;
	}
	
/* ----------(  RELATED JOBS LISTING )---------------- */	
	
	#relatedJobsBlock{
		width:255px;
		position:absolute;
		top:460px;
	}
	.relatedJobs, .jobCategories{
		width:255px;
		padding:8px 0 8px 0;
		border-bottom:1px solid #3b3b3b;
		float:left;
		color:#fff;
	}
	
	.relatedJobs {
		margin-bottom: 3px;
	}
	
	.relatedJobs dt, .jobCategories dt{
		width:161px;
		/** min-height:50px;
		_height:50px; **/
		float:left;
		display:block;
		position:relative;
	}
	 .relatedJobs dd, .jobCategories dd{
	 	width:78px;
		float:right;
	 }
	.btn_showMe_grey{
		margin:0;
		background-image:url(../images/layout/btn_showMe_grey.gif);
		float:right;
	}
	.btn_showMe_green, .btn_moreJobs{
		width:78px;
		float:right;
	}
	.btn_showMe_grey{
		width:78px;
		float:left;
	}
	.currentlyPlayingStarGreen{
		position:absolute;
		top:-12px;
		left:-60px;	
	}
	
	
/* ----------(  LABELS )---------------- */
	
	#labelBlock{
		width:760px;
		height:36px;
		margin:0 0 20px 0;
		padding:12px 0 8px 0;
		background-image:url(../images/layout/labels_bg.gif);
		background-position:bottom;
		background-repeat:repeat-x;
		position:absolute;
	}
	#labelBlock ul{
		float:right;
	}
	#labelBlock li{
		margin:0 0 0 0;
		list-style-type:none;
		display:inline;
	}
	#labelBlock li a{
		margin:0 0 0 12px;
	}
	.btn_spread{
		width:122px;
		background-image:url(../images/layout/btn_spread.gif);
		float:right;
	}
	.btn_apply{
		width:118px;
		background-image:url(../images/layout/btn_apply.gif);
		float:right;
	}
	.btn_about{
		width:137px;
		background-image:url(../images/layout/btn_about.gif);
		float:right;
	}
	.btn_meet{
		width:152px;
		background-image:url(../images/layout/btn_meet.gif);
		float:right;
	}
	
	/* ----------(  TAGS )---------------- */
	
	ul#tags{
		width:255px;
		margin:5px 0 25px 0;
		display:block;
		float:left;
		list-style-type:none;
	}
	#tags li{
		margin:0 5px 5px 0;
		float:left;
	}
	#tags a{
		display:block;
		padding:3px 6px 3px 25px; 
		float:left;
		background-color:#303030;
		color:#fff;
		text-decoration:none;
		background-image:url(../images/layout/label.gif);
		background-repeat:no-repeat;
		background-position:6px 2px;
	}
	#tags a:hover, #tags a.active{
		background-color:#00adef;
	}

/* ----------(  FOOTER )---------------- */

	p#siteInformation{
		width:470px;
		height:56px;
		margin:0 0 0 0;
		line-height:56px;
		font-size:10px;
		background-image:url(../images/layout/labels_bg.gif);
		background-position:top;
		background-repeat:repeat-x;
		}
	#siteInformation a {
		color: #A1C121;
	}
		
/* ----------(  FORMS )---------------- */
	
	form{
		width:470px;
		height:300px;
		border:0;
	}
	input{
		color:#fff;
		font: 11px Tahoma, Arial, Helvetica, sans-serif;
		line-height:25px;
	}
	fieldset{
		border:0;
	}	
	form label{
		width:235px;
		margin:0 0 8px 0;
		display:block;
		float:left;
		font-weight:bold;
	}
	#formSubmit{
		width:88px;
		height:29px;
		margin:30px 0 0 0;
		display:block;
		overflow:hidden;
		text-indent:-9000px;
		background-image:url(../images/layout/btn_submit.gif);
		float:right;
	}
	.textString, .textField{
		width:205px;
		margin:8px 0 0 0;
		padding:0 10px 0 10px;
		border:0;
		background-color:#515151;
	}
	.textString{
		height:25px;
	}
	.textField{
		height:85px;	
	}
	.formCheckbox{
		margin:20px 0 0 0;
	}
	.requiredField{
		width:500px;
		font-weight:bold;
		color:#a1c121; 
	}
	#applyUpload, #offerUpload{
		height:25px;
		width:225px;
		margin:8px 0 0 0;
		background-color:#515151;
		border:none;
	}

/* ----------(  JOBSLISTING )---------------- */	
	
	.jobsListing{
		width:470px;
		margin:0 0 0 0;
		padding:15px 0 0 0;
		display:block;
		float:left;
		background-image:url(../images/layout/labels_bg.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
	.jobsListing dt{
		width:155px;
		margin:0;
		padding:0 0 15px 0;
		display:block;
		float:left;
		color:#a1c121;
		font-weight:bold;
	}
	.jobsListing dd{
		width:155px;
		margin:0;
		padding:0 0 15px 0;
		display:block;
		float:left;
	}
	
	.jobsListing dd.jobCompany {
		width: 210px;
	}
	
	.jobsListing dd.jobLocation {
		width: 100px;
	}
	
	.jobsListing a{
		color:#a1c121;
	}
	.jobsListing a:hover{
		text-decoration:none;
	}
	
/* ----------(  JOB CATEGORIES )---------------- */
	
	.jobCategories dt{
		padding:7px 0 0 0;
	
	}
	
/* ----------(  JOBS CHOOSE LISTING )---------------- */

	ul.jobCategoriesChoose {
		list-style: none;
		margin: 0 0 25px 0;
		padding: 0;
		width: 470px;
	}
	
	ul.jobCategoriesChoose li {
		list-style: none;
		margin: 0;
		padding: 0;
		width: 470px;
		height: 40px;
		position: relative;
		background-image:url(../images/layout/labels_bg.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
		
	ul.jobCategoriesChoose li h3 {
		display: block;
		width: 470px;
		height: 40px;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	ul.jobCategoriesChoose li h3 a {
		color: #A1C121;
		text-decoration: none;
		white-space: nowrap;
		display: block;
		width: 470px;
		height: 29px;
		line-height: 29px;
		overflow: hidden;
		background: transparent url(../images/layout/btn_showMe_grey.gif) no-repeat 100% 0%;
		margin: 6px 0 0 0;
	}
	
	ul.jobCategoriesChoose li h3 a:hover {
		background-position: 100% -29px;
		color: #00ADEF;
	}
	
/* ----------(  RELATED JOBS CHOOSE LISTING )---------------- */

	ul.relatedJobsListing {
		list-style: none;
		margin: 0 0 25px 0;
		padding: 0;
		width: 255px;
	}
	
	ul.relatedJobsListing li {
		list-style: none;
		margin: 0 0 10px 0;
		padding: 0;
		width: 255px;
		background-image:url(../images/layout/labels_bg.gif);
		background-repeat:repeat-x;
		background-position:bottom;
	}
		
	ul.relatedJobsListing li h3 {
		width: 255px;
		line-height: 18px;
		margin-bottom: 5px;
	}
	
	ul.relatedJobsListing li a.btn_showMe_grey {
		float: right;
	}
	
	ul.relatedJobsListing li span {
		color: #A1C121;
		white-space: nowrap;
		display: block;
		height: 29px;
		line-height: 29px;
		color: #FFF;
	}
	
	ul.relatedJobsListing li span a {
		color: #FFF;
		text-decoration: none;
		border-bottom: 1px solid #FFF;
	}
	
	ul.relatedJobsListing li span a:hover {
		color: #00ADEF;
		border-bottom: 1px solid #00ADEF;
	}
	
	
/* -----------( KILL THE LIGHTS )---------------- */

	/* Bramus! Says hi to all rippers out there ;) */

	#killTheLights {
		z-index: 100;
		
		position: fixed;
		top: 0px;
		left: 0px;
		bottom: 0px; 
		right: 0px;
		height: 100%;
		width: 100%;
		
		background: #000;
		
		/* WE CAN DISABLE THIS, AS THE OPACITY IS HANDLED BY THE JAVASCRIPT ;) */
			/* filter:alpha(opacity=85);	*/ 	/* IE - not using the underscore here as we want IE7 to read this property too! */
			/* -moz-opacity:0.85;			*/	/* FX */
			/* opacity: 0.85;				*/	/* ZE OTHERZ */
		
		/* see IE6 CSS file too, you sourceror ;) */
		
		vertical-align: middle;
	}
	
	#btn_light, #jobblMovie embed, #jobblMovie object {
		z-index: 9999;
		position: absolute;
	}
	
	
	ul.normal {
		line-height: 20px;
		margin-left: 40px;
		margin-bottom: 20px;
	}	
	

/* EOF */