/*     Copyright Atelier Studios Ltd,
       http://www.atelier-studios.com/
       All Rights Reserved.
*/

/* Get the Image Replaced Headings Styles */
@import "headings.css";

body {
		margin-top: 20px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 70%;
		background-image: url("/images/backgrounds/diagonal.gif");
		background-color: #FFF;
		text-align: center;
		line-height: 16px;
		}
		
h1, h2, h3, h4, h5, h6 p {
		font-size: 1em;
		}
		
* {
		margin: 0;
		padding: 0;
		}
		
img {
		border: 0;
		}
		
ul, ol {
    	padding-left:1em;
    	margin-left:0;
		}	/* Make for consistent list handling */
		
a:link {color: #000; text-decoration: none;}
a:visited {color: #000; text-decoration: none;}
a:hover {color: #000; text-decoration: none;}
a:active {color: #000; text-decoration: none;}

.pageBackground {
	background-image:url(/images/sitewide/page-backgroud.gif);
	background-repeat: repeat-y;
	clear: both;
	float: left;
	/*background-color: #FF0000;*/
	width: 760px;
	}
		
div#wrapper {
		width: 760px;
		margin-left: auto;
		margin-right: auto;
		background-color: #FFF;
		text-align: left;
		position: relative;
		}
		
#Header1_login {
		width: 335px;
		float: right;
		padding: 4px 0 0 0;
		}
		#login a:link {color: #000; text-decoration: none;}
		#login a:visited {color: #000; text-decoration: none;}
		#login a:hover {color: #000; text-decoration: underline;}
		#login a:active {color: #000; text-decoration: none;}
		/*head:first-child+body #loginLinks {float: left; margin: 3px 0 0 33px;}  This for Moz and others */
		#loginLinks { float: left; margin: 3px 0px 0px 0px; width: 250px;} /* This for IE */
				
#Header1_loggedin {
		width: 300px;
		position: absolute; top: 30px; left: 370px;
		text-align: right;
		}
		#loginLinks a:link {color: #000; text-decoration: none;}
		#loginLinks a:visited {color: #000; text-decoration: none;}
		#loginLinks a:hover {color: #000; text-decoration: underline;}
		#loginLinks a:active {color: #000; text-decoration: none;}
		#loginLinks {float: left; width: 250px; margin: 3px 0 0 0;}

/* Headings for the login - these first two rules are for non IE browsers 
div>#loginEmail {
		float: left; 
		margin-left: 32px;
		}
div>#loginPassword {
		float: left;
		 margin-left: 62px;
		 } */
/* These are the same rules but for IE */
#loginEmail {
		float: left;
		width: 160px;
		}
#loginPassword {
		float: left;
		width: 120px;
		 }
/* End the dirty hack */
		
input, select, textarea {border: 1px solid #C9C9C9; color: #B80713; font-size: 1em; padding: 2px}
input:focus, textarea:focus {background: #FFE6E7;}

.resourceCentre {
		margin: 5px 5px 15px 0;
		}
		.resourceCentre img {
			float: left;
			margin: 0 10px 10px 0;
			}
.header {
	float: left;
	background-color: #FFFFFF;
	width: 760px;
	}		
		
/* NAVIGATION */
#nav {
		height: 25px;
		border-top: 2px solid #000;
		background-color: #DF1A27;
		float: left;
		width: 100%;
		}
		#nav ul{
		list-style: none;
		display: inline;
		}
		#nav li {
		float: left;
		}
		#nav a {
		text-indent: -10000px;
		display: block;
		float: left;
		background-repeat: no-repeat; 
		}

		a#menu-home {background-image:url(../images/navigation/home.gif); width: 60px; height: 25px;}
		a#menu-home:hover {background-position: -60px;}

		a#menu-clients {background-image:url(../images/navigation/clients.gif); width: 87px; height: 25px;}
		a#menu-clients:hover {background-position: -92px;}

		a#menu-career {background-image:url(../images/navigation/career-resources.gif); width: 129px; height: 25px;}
		a#menu-career:hover {background-position: -129px;}

		a#menu-aboutus {background-image:url(../images/navigation/about.gif); width: 81px; height: 25px;}
		a#menu-aboutus:hover {background-position: -81px;}

		a#menu-contactus {background-image:url(../images/navigation/contact.gif); width: 89px; height: 25px;}
		a#menu-contactus:hover {background-position: -89px;}
		
		a#menu-myaccount {background-image:url(../images/navigation/my-account.gif); width: 92px; height: 25px;}
		a#menu-myaccount:hover {background-position: -93px;}
/* END NAVIGATION */

div#crumb {
		float: left;
		width: 760px;
		height: 42px;
		background-color: #B80713;
		}
		
#breadcrumb {
		float: left;
		padding: 12px 0 0 20px;
		color: #FFF;
		}
		#breadcrumb a:link {color: #FFF; text-decoration: underline;}
		#breadcrumb a:visited {color: #FFF; text-decoration: underline;}
		#breadcrumb a:hover {color: #FFF; text-decoration: underline;}
		#breadcrumb a:active {color: #FFF; text-decoration: underline;}
		
div#searchColumn {
		width: 253px;
		float: right;
		background-color: #FFE6E7;
		}
		#searchColumn p{
		margin: 15px 27px 16px 27px;
		}
		#searchColumn ul{
		margin: 0 27px 16px 12px;
		}
		#searchColumn li {
		background-image:url(/images/sitewide/arrow-red.gif); background-repeat: no-repeat; background-position: 5px 5px;
		padding: 0 0 0 15px;
		}
		#searchColumn h2, h3, h4, h5{
		margin: 0 0 0 27px;
		padding: 0;
		}
		#searchColumn a:link {color: #000; text-decoration: none; padding: 0}
		#searchColumn a:visited {color: #000; text-decoration: none; padding: 0}
		#searchColumn a:hover {color: #000; text-decoration: none; background-color:#FFFFFF; padding: 0}
		#searchColumn a:active {color: #000; text-decoration: none; padding: 0}
		
.internalColHeight {height: 40em;}
		
.searchColumnList {
		list-style: none;
		margin: 0 0 20px 18px;
		}
.searchColumnList li {
		background-image:url(/images/sitewide/arrow-red.gif); background-repeat: no-repeat; background-position: 5px 5px;
		padding: 0 0 0 15px;
		/*font-size: 1.1em;*/
		}
		

div#refer {
		background-color: #FFF;
		margin: 0px 0px 0 0px;
		padding: 50px 27px 10px 30px;
		}

		
div#news {
		background-color: #FFF;
		margin: 1em 1px 1px 1px;
		padding: 10px 27px 10px 30px;
		}
		#news ul, li {
		list-style: none;
		margin: 0;
		padding: 0;
		}
		#news h5{ color: #B80713; margin: 0; padding: 0;}
		#news p{ margin: 0 0 5px 0; padding: 0;}
		#news a{ margin: 0; padding: 0;}
		
.floatRight {
		float: right;
		clear: righ;
		}
		
.floatLeft {
		float: left;
		clear: left;
		}
		
div#content {
		width: 507px;
		float: left;
		padding: 0 0 1em 0;
		margin: 0 0 10px 0;
		}
		#intro {margin: 10px 18px 10px 18px;}
		#content h3 {margin: 10px 0 4px 18px; clear:both;}
		#content ul{
		list-style: none;
		margin: 0;
		padding: 0;
		margin: 0 18px 0 18px;
		}
		#content li{
		width: 220px;
		border: 1px solid #E5E5E5;
		background-image:url(/images/sitewide/arrow.gif);
		padding: 3px 0 3px 12px;
		margin: 0 0 4px 0;
		background-repeat: no-repeat;
		background-position: 0 5px ;
		}
		#content li:hover{
		background-color:#F8F8F8;		
		}
		#content a:link {color: #000; text-decoration: none;}
		#content a:visited {color: #000; text-decoration: none;}
		#content a:hover {color: #000; text-decoration: underline;}
		#content a:active {color: #000; text-decoration: none;}
		#careersAdvice {margin: 10px 18px 10px 18px; border: 1px solid #E5E5E5; padding: 4px 9px 4px 9px;}


#genricContent li {
		width: 400px;
		border: 0;
		background-image:url(/images/sitewide/arrow.gif);
		padding: 3px 0 3px 12px;
		margin: 0 0 4px 0;
		background-repeat: no-repeat;
		background-position: 0 5px ;
		}
#searchSector {
		color:#B80713;
		font-size: 11px; font-weight: bold;
		padding: 10px 20px 10px 20px;
		}

#tblcustomSearch {
		margin: 0 0 0 5px;
		}
		

.searchResult {
		margin: 0 15px 5px 15px;
		}
		.searchResult h2 {background-color: #FFE6E7; padding: 5px; color:#B80713;}
	    .searchResult p {padding: 5px;}
		.searchResult a:link {color: #B80713; text-decoration: underline;}
		.searchResult a:visited {color: #B80713; text-decoration: underline;}
		.searchResult a:hover {color: #B80713; text-decoration: underline;}
		.searchResult a:active {color: #B80713; text-decoration: underline;}
		
.viewJobDescription {margin: 0 0 0 5px; width: 100%;}

#jobDescription {
		margin: 10px 20px 10px 20px;
}
#jobDescription h2{
		font-size: 1.3em; padding: 0 0 5px 0; color: #B80713;
}
#jobDescription h2, h3, h4, h5, h6 {
		margin: 5px 0 0 0; color: #B80713;
		}
#jobDescription p {
		margin: 0 0 5px 0;
		}

.jobDetail {
		background-color: #B80713;
		padding: 3px;
		}
		
div#internal p {
		margin: 10px 27px 0 27px;
		}
div#internal h2 {
		margin: 10px 27px 0 27px; color: #B80713;
		}
		
div#footer {
		clear: both;
		border-top: 1px solid #E5E5E5;
		margin: 10px 0 0 0;
		color: #927F80;
		float: left;
		width: 760px;
		}
		#footer p {
		padding: 10px 27px 10px 27px;
		color: #927F80;
		float: left;
		}
		#footer a:link {color: #927F80; text-decoration: none;}
		#footer a:visited {color: #927F80; text-decoration: none;}
		#footer a:hover {color: #927F80; text-decoration: underline;}
		#footer a:active {color: #927F80; text-decoration: none;}
		
		
#genricContent{
		margin: 10px 20px 10px 20px;
}
#genricContent {
		margin: 10px 20px 10px 20px;
}
#genricContent h2{
		font-size: 1.3em; padding: 0 0 5px 0; color: #B80713;
}
#genricContent h2, h3, h4, h5, h6 {
		margin: 10px 0 0 0; color: #B80713;
		}
#genricContent p {
		margin: 0 0 10px 0;
		}

#form {
	float: left;
	width: 760px;
	background-color: #FFFFFF;
	}

#loginForm {
	float: left;
	width: 335px;
	padding: 6px 0 0 0;
	margin: 0;
	border: none;
	}