/* CSS */
/* ------ WebDevelopment by EuroDesign LTD. ------ */
/* ------ Author: owystyle ----------------------- */
/* ------ Copyright 2007 EuroDesign LTD. --------- */



/* Main Properties */
/* ---------------------------------------- */
	body { margin: 0; padding: 0; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 11px; color: #000; background: #fff url(../images/bg.gif) top left repeat-x;

	scrollbar-face-color: #ccc;
	scrollbar-highlight-color: #2e2c65;
	scrollbar-3dlight-color: #ccc;
	scrollbar-darkshadow-color: #ccc;
	scrollbar-shadow-color: #2e2c65;
	scrollbar-arrow-color: #2e2c65;
	scrollbar-track-color: #fff;
	
	}
	a {	outline: none; }
	img{ border:none; }
	p { margin: 0 0 10px 0; padding: 0; }
	span { display: none; }
/* ---------------------------------------- */

	.title {
		font-size: 16px;
		color: #cc0000;
		font-weight: bold;
	}
	
	.red_text {
		color: #cc0000;	
	}
	
	.red_title {
		color: #cc0000;	
		font-size: 12px;
		font-weight: bold;
	}
	
	.text {
		color: #000000;	
	}
	
	.line {
		border-top: 1px dashed #737373;	
	}
	
	a.more {
		color: #cc0000;
		padding: 0 5px 0 5px;
		text-decoration: underline;	
	}
	a.more:hover {
		color: #fff;
		background-color: #3f3d7d;
		text-decoration: none;	
	}
	
	.job {
		margin: 20px 0 20px 0;	
	}
	
	a.job_title {
		font-size: 14px;
		text-decoration: none;
		color: #000;
		font-weight: bold;
	}
	
	.job_title1 {
		font-size: 16px;
		text-decoration: none;
		color: #000;
		font-weight: bold;
	}
	
	.topic {
		padding: 1px;
		border: 1px solid #000;	
	}

	.tab_open {
		cursor: hand;
		padding-bottom: 5px;
	}
	
	.tab_close {
		border-left: 1px dashed #ccc;
		padding: 10px 0 10px 20px;
		margin-left: 4px;
	}
	
	#sendCV {
	  display: block;
	  width: 107px;
	  height: 23px;
	  margin: 0;
	  padding:0;
	  border: 0;
	  background: transparent url(../images/submit.gif);
	  text-indent: -1000em;
	  cursor: pointer;
	}
	
/* Content */
/* ---------------------------------------- */
	#webcontent {
		width: 800px;
		margin-left: auto;
		margin-right: auto;
		text-align: center;
		padding: 0;
	}
/* ---------------------------------------- */


/* Header */
/* ---------------------------------------- */
	#header {
		margin-top: 30px;
		width: 800px;
		height: 100px;	
	}
	
	#header h1 {
		width: 295px;
		height: 100px;
		margin: 0;
		padding: 0;
		background: #fff url(../images/brainspotting_logo.gif) no-repeat;	
	}
	
	#left_header {
		width: 295px;
		height: 100px;
		float: left;	
	}
	
	#right_header {
		text-align: left;
		width: 505px;
		height: 100px;
		float: right;
	}
	
	#right_header ul {
		margin: 35px 0 0 15px;
		padding: 0 0 0 5px;
		list-style: none;
		border-left: 1px solid #fff;	
	}
	
	#right_header a {
		padding: 0 5px 0 5px;
		color: #fff;
		text-decoration: none;
		font-size: 14px;
	}
	
	#right_header a:hover {
		color: #fff;
		text-decoration: underline;
	}
	
	.float_left {
		float: left;	
	}
/* ---------------------------------------- */


/* Content */
/* ---------------------------------------- */
	#content {
		clear: both;
		width: 800px;
		text-align: left;	
	}
	
	#left_content {
		float: left;
		width: 295px;
	}
	
	#buttons {
		position: relative;
		width: 295px;
		height: 418px;
		background: #fff url(../images/left.jpg) no-repeat;
	}
	
	#buttons ul {
		top: 272px;
		left: 29px;
		position: absolute;
		margin: 0;
		padding: 0;
		list-style: none;
	}
	
	#buttons li {
		position: absolute;
		display: inline;	
	}
	
	#buttons li, #buttons a {
		width: 118px;
		height: 101px;
		display: block;
		float: left;
	}
	
	#open_jobs {
		background: #fff url(../images/open_jobs.gif) no-repeat;	
	}
	
	#open_jobs a:hover {
		background: #fff url(../images/open_jobs.gif) 0 -101px no-repeat;	
	}
	
	#employer {
		left: 119px;
		background: #fff url(../images/employer.gif) no-repeat;	
	}
	
	#employer a:hover {
		background: #fff url(../images/employer.gif) 0 -101px no-repeat;	
	}
	
	#areas {
		padding: 15px;
		margin: 10px 9px 10px 9px;
		width: 247px;
		text-align: justify;
		background-color: #f1f1f1;
	}
	
	#areas ul {
		margin: 10px 0 0 15px;
		padding: 0;
		list-style: circle;
	}
	
	
	#right_content {
		text-align: justify;
		width: 485px;
		float: right;
		padding: 25px 0 0 20px;
	}
/* ---------------------------------------- */
	#hot_jobs {
		position: relative;
		width: 234px;
		height: 126px;
		background: #fff url(../images/hot_jobs.gif) no-repeat;
		margin-left: -29px;
		margin-bottom: 20px;
		margin-top: 30px;
	}

	#footer {
		padding-top: 10px;
		color: #fff;
		text-align: center;
		clear: both;
		height: 62px;
		background: #fff url(../images/footer.gif) repeat-x;	
	}
	
	#footer a {
		color: #fff;
		font-size: 11px;
		text-decoration: none;
	}
	
	#footer a:hover {
		text-decoration: underline;
	}