@charset "utf-8";
/* CSS Document */
* {font-family:Arial, Helvetica, sans-serif; line-height: 15px; padding:0; margin:0; zoom:1;}
a, img {border:none;}

a { color:#006699; }

.clearboth {
    clear:both;
	line-height:0;
}
body {
	width: 1200px;
	background: url('../images/main-background.gif');
	background-repeat: repeat-x;
	margin:0 auto;
	background-color: #dddddd;
}

    #main {
		margin: 0 auto;
        width:928px;  
        padding:0;
        box-shadow: 0px 0px 5px #888888;
		background-color:#FFF;
    }
/********/
/*HEADER*/
/********/

#header {
	float:left;  
	height:100px; 
	width:928px;
}
    #logo {
	    float:left;
        padding-top:30px;
		padding-left:30px;
    }
	#logo a img{ border:none;}
    #details { 
	    float:left; 
	    width: 450px;
	    text-align: right; 
	    color:#2850a5;
	    font-size: 16px;
	    font-weight: normal;
    }
	    #details p { 
		    margin-top:30px;
			margin-bottom:0px;
			font-weight:bolder;
			color:#2850a5;
		}
        #details a {
	        text-decoration: none;
	        color: #2850a5;
			font-weight:normal;
			font-size:16px;
        }
		
/********/
/*BANNER*/
/********/

#banner { 
	float: left;
	position: relative;
	width: 928px;
	height: 250px;
} 
    #cornerImage{ 
	    position: absolute;
	    top: 10px; 
	    right: 10px; 
    }
	#cornerImage img { border:none;}
   #cornerImage img:hover{
       filter:alpha(opacity=75);
       -moz-opacity: 0.75;
       opacity: 0.75;
       -khtml-opacity: 0.75;}


/*****/
/*NAV*/
/*****/

#nav {
	width: 100%;
	padding: 5px 0;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;
}
    #nav ul {
		display: table;
		margin: 0 auto;
		margin-top: 5px;
		padding: 0;
		list-style: none;
        background:url('../images/menu.jpg');
	    background-repeat: no-repeat;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		
    }
    #nav li {
        float:left; 
    	border-right:1px solid #666;
    	list-style: none;
		padding:12px 15.6px 10px; 15.6px;
    }
	#nav li:last-child {border-right:none;}
            #nav a {
				display:block;
                text-decoration: none;
                color: #545959;
				font-size: 11px;
				font-weight:700;
				text-shadow: 0px 0px 10px white;
            }
			#nav a:hover{ color:#F00;}

.cf:before,
.cf:after {
    content: " ";
    display:block; 
	visibility:hidden;
	overflow:hidden;
	width:100%;
	clear:both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/*********/
/*CONTENT*/
/*********/
#content_wrap {
    min-height: 300px;
	float:left;
	width:928px;
}
#content_left { 
	float:left;
	padding-left:30px;
	width:600px;
}
    #content { 
	    float:left; 
		width: 570px; 
	}
            p{color:#000; font-size:9pt; margin-bottom: 10px; font-family:Arial, Helvetica, sans-serif; font-weight:normal;}
			ul{ list-style-image:url(../images/arrowBlue.gif); padding-left:20px; padding-bottom:8px; padding-top:5px; font-size:12px;}
			h4{font-size:14pt; font-weight:bold; padding:10px 0px;}
			h1, h3{font-size:18pt; font-weight:bolder; margin:20px 0px; color:#2850a5;}
        

/***********/
/*SIDE MENU*/
/***********/

#side_bar{ 
     float: left;
	 width:248px;  
	 border-radius:5px; 
	 margin-left: 25px;
	 margin-top: 10px;
	 box-shadow: 0px 0px 5px #888888;
	 
}
	#vacancies {
		float:left;
		height: 33px;
		width:238px;
		margin-top:5px;
		margin-left: 5px;
		padding-left: 15px;
		padding-top: 8px;
		background:url('../images/vacancies.jpg');
		background-repeat:no-repeat;
		background-position: top left;
	}

		#vacancies a {
			color:#FFF;
			text-decoration:none;
			font-family:Arial, Helvetica, sans-serif;
			font-weight:bold;
			text-shadow:0px 1px 4px #000;
		}
		#vacancies a:hover{ color:#999;}

	#search {
		clear:both;
		background:url('../images/search.jpg');
		background-repeat:no-repeat;
		background-position:center;
		height: 39px;
		width: 235px;
		margin: 0 auto;
		padding-top: 10px;
		padding-left: 15px;
	}
	    #search_input {
			background-color:#FFF;
		    border:none;
			font-style:italic; 
			font-size:12px; 
			padding-left:10px; 
			width:150px;
			color:#999999;
		}
		#search_btn {
		    padding-top: 1px; 
			padding-right:7px;
		}
        .job_list{ padding-left:20px; padding-bottom:10px;}
		.job{ color:#2850a5; font-weight:bold; font-size:12px; text-decoration:none; padding:0; margin:0; padding:5px 0;}
		a:hover.job{text-decoration:underline;}
        .job_inf{ width: 90px; color:#999; font-size:11px; padding:0; margin:0;}
		.job_sal{ float: right; text-align:right; color:#999; font-size:11px; padding:0; margin:0; margin-right:20px;}
/************/
/*CATAGORIES*/
/************/

#categories { 
    float:left;
	width:590px; 
	padding:0;
	margin:0;
	margin-top: 30px;
}
	#categories ul {  
		list-style:none; 
			padding:0;
			margin:0;
	}
		#categories li {
			float:left;
			padding:0;
			margin:0;
		}
			#categories a img{ 
				display:block;
				padding:0;
				margin:0;
				border:none;
			}
			#categories img:hover{
		        filter:alpha(opacity=70);
                -moz-opacity: 0.7;
                opacity: 0.7;
                -khtml-opacity: 0.7;			
			}
			
/*********/
/* jobs  */
/*********/

#keywords {  border:none; border-radius: 5px; width:200px; height: 20px; margin-left:5px; -moz-box-shadow:inset 0 0 2px #000000; -webkit-box-shadow: inset 0 0 2px #000000; box-shadow: inset 0 0 2px #000000; font-style:italic; color:#666; font-size:11px; padding-left:5px;}
#search_nav{ background:url("../images/filter_nav.jpg"); border-radius: 5px; margin:0 auto; margin-bottom:10px;}
#title{margin-left: 30px;}
#jobs { clear:both; width:100%;}
.jobs_table{ border:1px solid #CCC; border-top-left-radius:8px; border-bottom-left-radius:8px; margin-left:17px; margin-bottom:10px;}
p.job_ref{ color:#666; font-size:8pt; margin-left:10px; font-style:italic;}
p.job_text{ color:#666; font-size:8pt; margin-left:5px; margin-right:5px;}
p.job_details{ color:#666; font-size:8pt; margin-left:10px; font-weight:bold;}
.Engineering{ color:#710100; font-weight:bolder; font-size:12pt; margin-left:10px; font-family:Arial, Helvetica, sans-serif;}
.Office{ color:#00457c; font-weight:bolder; font-size:12pt; margin-left:10px;}
.ITServices{ color:#40007b; font-weight:bolder; font-size:12pt; margin-left:10px;}
.Hospitality{ color:#7c9201; font-weight:bolder; font-size:12pt; margin-left:10px;}
.Technical{ color:#013e03; font-weight:bolder; font-size:12pt; margin-left:10px;}
.tab_pos{vertical-align:text-top; padding-top:15px; padding-left:5px;}

/***************/
/* job details */
/***************/

.details_Engineering{ color:#710100; font-weight:bolder; font-size:18pt; margin:0 0 15px 0;}
.details_Office{ color:#00457c; font-weight:bolder; font-size:18pt; margin:0 0 15px 0;}
.details_ITServices{ color:#40007b; font-weight:bolder; font-size:18pt; margin:0 0 15px 0;}
.details_Hospitality{ color:#7c9201; font-weight:bolder; font-size:18pt; margin:0 0 15px 0;}
.details_Technical{ color:#013e03; font-weight:bolder; font-size:18pt; margin:0 0 15px 0;}
#job_info{ margin-left:30px;}
.summary_Engineering{font-weight:bold; width:130px; color:#710100; margin: 10px 0; border-bottom: 1px dotted; font-size:12px;}
.summary_Office{font-weight:bold; width:130px; color:#00457c; margin: 10px 0; border-bottom:1px dotted;font-size:12px;}
.summary_ITServices{font-weight:bold; width:130px; color:#40007b; margin: 10px 0; border-bottom:1px dotted;font-size:12px;}
.summary_Hospitality{font-weight:bold; width:130px; color:#7c9201; margin: 10px 0; border-bottom:1px dotted;font-size:12px;}
.summary_Technical{font-weight:bold; width:130px; color:#013e03; margin: 10px 0; border-bottom:1px dotted;font-size:12px;}
.summary_details{padding:0; margin:0; margin-bottom: 10px; color:#666; font-weight:bold;}
.summary_title{font-weight:bold; color:#333; padding:0; margin:0;}
select{ color:#666; font-size:12px;}
select * { color:#666; font-size:12px; padding:1px 3px 1px 3px;}
/********/
/*FOOTER*/
/********/

#footer{ 
    float:left; 
	width:928px;
	background:url('../images/footer.png');
	background-repeat:repeat-x; 
	background-color:#993;
	margin-top: 15px;
	font-family:Arial, Helvetica, sans-serif;
	font-weight:700;
	padding-top:30px;
	max-height: 60px;
}
    #footer p {
	    margin-right:15px;
	    text-align:right;
        color:#FFF;
	    font-size:9px;
		padding:0;
    }