/* 
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -
Project Title : PROJECT NAME Stylesheet
Author : Atelier Studios
URL : http://wwww.atelier-studios.com
Description : Design and layout for PROJECT NAME
Copyright Atelier Studios Limited 2001-2007. All Rights Reserved.

Created : 03/03/2006
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

body {
	background-color:#e1edfb;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:70%;
}

/* 
Reset all margins/padding */
* { 
		margin:0;
		padding:0;
}

	
/* 
Make for consistent list handling across different browsers. http://www.clagnut.com/blog/1287/
NEVER alter these values. Set margin & padding to 0 (or whatever you need) directly on subsequent lists. */
ul, ol {
    	padding-left:1em;
    	margin-left: 0;
}

/* 
No boders on images */
img {
		border:0;
}

/* 
TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
h1{
		font-size:1em;
		margin-bottom:10px;
}

h2{
		font-size:1em;
}

h3{
		font-size:1em;
}

h4{
		font-size:1em;
}

h5{
		font-size:1em;
}

h6{
		font-size:1em;
}

p{
		font-size:1em; 
		line-height:18px;
}

strong {
		color:#5685da;
}

hr {
	border: 0;
	color: #CACACA;
	background-color:#CACACA;
	margin-bottom:10px;
	margin-top:5px;
	height: 1px;}



/* 
Links: Always implement all four states through-out this stylesheet */
a:link {color:#434343; text-decoration:none; font-size:1em; 
		line-height:18px;}
a:visited {color:#434343; text-decoration:none; font-size:1em;}
a:hover {color:#434343; text-decoration:underline;	font-size:1em;}
a:active {color:#434343; text-decoration:none; font-size:1em;}

ul, ol {
		margin:0;
		padding:0;
		list-style-type:none;
		
		line-height:18px;
		}
		
.siteHR {
		height:1px;
		margin: 15px 0;
		width:100%;
		border-top: 1px solid #f2f2f2;
		background: none;
	}
	.siteHR hr{
		display:none;
}

/* 
END TYPOGRAPHY
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
.bannerHome 
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/home.jpg);
		background-repeat:no-repeat;}

.homeCallout {
		float:left;
		padding: 5px 0px 7px 0;
		margin: 0 0 5px 0;
		border-bottom:1px dotted #7d7e7e;
		}
		
.homeCallout p {
		width: 275px;
		float:left;
		}		
		
.homeCallout_arrow {
		text-indent: -9999px;
		margin: 3px 0 0 0;
		height: 18px;
		width: 9px;
		float: right;
		background-image:url(/furniture/images/sitewide/arrow-large.gif);
		background-position: top left;
		background-repeat:no-repeat;
		display: block;
		bottom: 36px;
		left: 331px;
		}		
		
.tableStyle td {
		padding-bottom:5px;
		padding-top:5px;
		border:1px solid #CCCCCC;
		padding-left:3px;
		padding-right:3px;
		line-height:17px;}
		
.pdf_download {
		background-image:url(../images/sitewide/Adobe-PDF-Logo.jpg)!important;
		background-repeat:no-repeat!important;
		background-position:0px 3px!important;
		padding-left:40px!important;
		padding-bottom:5px!important;
		padding-top:4px!important;
		float:left;
		width:400px;
}



.buttonRequestInfo {
	width:100px;
	height:50px;
	float:left;}

.view_more_cans {
	width:145px;}
	
.view_more_jobs {
	width:180px;}


/* 
END CLASSES
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
div#wrapper {
		width:770px;
		height:600px;
		margin:0 auto;
		margin-top:10px;
		text-align:left;
		position:relative;
		
}

div#navigation {
		background-image:url(/furniture/images/sitewide/nav-background.jpg);
		background-repeat:no-repeat;
		height:36px;
		}
		div#navigation ul{
		margin:0;
		padding:2px 0 0 0;
		list-style-type:none;
		}
		div#navigation li{
		float:left;
		}
		div#navigation a{
		text-indent: -5000px; overflow:hidden; display:block; 
		background-repeat:no-repeat;height:30px; text-decoration: none;
		}
		
		#menu-home {		
		width: 32px; margin-left:25px;
		background-image:url(/furniture/images/navigation/home.jpg); 
		}
		#menu-home:hover {background-position:-32px 0;}

		#menu-about {		
		width: 52px; margin-left:25px;
		background-image:url(/furniture/images/navigation/about.jpg); 
		}
		#menu-about:hover {background-position:-52px 0;}
		
		#menu-services {		
		width: 47px; margin-left:20px;
		background-image:url(/furniture/images/navigation/services.jpg); 
		}
		#menu-services:hover {background-position:-47px 0;}

		#menu-clients {		
		width: 38px; margin-left:20px;
		background-image:url(/furniture/images/navigation/clients.jpg); 
		}
		#menu-clients:hover {background-position:-38px 0;}

		#menu-candidates {		
		width: 63px; margin-left:20px;
		background-image:url(/furniture/images/navigation/candidates.jpg); 
		}
		#menu-candidates:hover {background-position:-63px 0;}

		#menu-search {		
		width: 62px; margin-left:20px;
		background-image:url(/furniture/images/navigation/job-search.jpg); 
		}
		#menu-search:hover {background-position:-62px 0;}
		
		#menu-advice {		
		width: 78px; margin-left:20px;
		background-image:url(/furniture/images/navigation/advice.jpg); 
		}
		#menu-advice:hover {background-position:-78px 0;}

		#menu-testimonials {		
		width: 68px; margin-left:20px;
		background-image:url(/furniture/images/navigation/testimonials.jpg); 
		}
		#menu-testimonials:hover {background-position:-68px 0;}

		#menu-news {		
		width: 30px; margin-left:22px;
		background-image:url(/furniture/images/navigation/press.jpg); 
		}
		#menu-news:hover {background-position:-30px 0;}

		#menu-contact {		
		width: 62px; margin-left:20px;
		background-image:url(/furniture/images/navigation/contactus.jpg); 
		}
		#menu-contact:hover {background-position:-62px 0;}

div#banner {
		height:291px;
}

#infoButtons {
		list-style-type:none;
		margin:0;
		padding:200px 0 0 0;
		}
		#infoButtons li{
		float:left;
		}
		#infoButtons a{
		text-indent: -5000px; overflow:hidden; display:block; 
		background-repeat:no-repeat;height:69px; text-decoration: none;
		}
		
		#info-about {
		width: 77px; margin-left:25px;
		background-image:url(/furniture/images/info-bar/about.gif);
		}
		#info-about:hover {background-position: -77px 0;}

		#info-clients {
		width: 77px; margin-left:5px;
		background-image:url(/furniture/images/info-bar/clients.gif);
		}
		#info-clients:hover {background-position: -77px 0;}

		#info-candidates {
		width: 77px; margin-left:5px;
		background-image:url(/furniture/images/info-bar/candidates.gif);
		}
		#info-candidates:hover {background-position: -77px 0;}

		#info-search {
		width: 77px; margin-left:5px;
		background-image:url(/furniture/images/info-bar/jobsearch.gif);
		}
		#info-search:hover {background-position: -77px 0;}

div#contentTop {
		background-image:url(/furniture/images/headings/content-top.gif);
		background-repeat:no-repeat;
		background-position:top;
		height:23px;
}

div#contentMiddle {
		background-image:url(/furniture/images/headings/content.gif);
		background-repeat:repeat-y;
		clear:both;
}

div#contentBottom {
		background-image:url(/furniture/images/headings/content-bottom.gif);
		background-repeat:no-repeat;
		background-position:top;
		height:23px;
		clear:both;
}

div#content {
		margin:0 25px;
		
		}

div.internalContent p{
		margin-bottom:10px;
		}
		div.internalContent h1,
		div.internalContent h2,
		div.internalContent h3,
		div.internalContent h4,
		div.internalContent h5,
		div.internalContent h6{
				color:#5685da;
		}
		div.internalContent li{
		background-image:url(/furniture/images/sitewide/bull.gif);
		background-repeat:no-repeat;
		background-position: 3px 7px;
		padding: 0 0 0 15px;
		}
		
		div.internalContent ul {
		padding-bottom:10px;}
		
		
		div.internalContent td {
		padding-bottom:5px;
		padding-top:5px;}
		
		div.internalContent table {
		padding-bottom:10px;}

div#main {
		width:450px;
		}

div#column {
		float:right;
		width:258px;
		background-image:url(/furniture/images/backgrounds/column-back.jpg);
		background-repeat:repeat-y;
		}
		#columnHeader {
		background-image:url(/furniture/images/backgrounds/column-top.jpg);
		height:56px;
		}
		#columnHeader h2 {
		padding-top:9px !important;
		}
		#columnBottom {
		background-image:url(/furniture/images/backgrounds/column-bottom.jpg);
		height:18px;
		}
		#column h1,
		#column h2,
		#column h3,
		#column h4,
		#column h5,
		#column h6,
		#column p,
		#column ul,
		#column ol,
		#column form
		{
		padding: 0 30px 10px 30px;
		}
		#column li {
		background-color:#f7f7f7;
		border-bottom: 1px solid white;
		}

.searchResult {
		/*background-image:url(/furniture/images/backgrounds/result-back.jpg);
		background-repeat:repeat-y;*/
		}
		.searchResultContent {
		padding: 0 20px 0 0;
		}
		.searchResultTop {
		/*background-image:url(/furniture/images/backgrounds/result-top.jpg);
		background-repeat:no-repeat;
		height:18px;*/
		}
		.searchResultBottom {
		/*background-image:url(/furniture/images/backgrounds/result-bottom.jpg);
		background-repeat:no-repeat;
		height:18px;*/
		}

div#footer {
		width:500px;
		margin:20px auto;
		text-align:center;
		clear:both;
		}
		div#footer p, div#footer a{
		color:#71acfe;
		}

div#homeLeft{
		width:390px;
		}
		
#breakingJobs {
		float:left;
		width:197px;
		}
		#breakingJobs ul{
		margin:0;
		padding:0;
		list-style-type:none;
		}
		#breakingJobs li{
		background-image:url(/furniture/images/sitewide/ico-pad.gif);
		background-repeat:no-repeat;
		padding-left:20px;
		background-position: 0 4px;
		}

#topCandidates {
		float:left;
		width:190px;
		margin-bottom:10px;
		}
		#topCandidates ul{
		margin:0;
		padding:0;
		list-style-type:none;
		}
		#topCandidates li{
		background-image:url(/furniture/images/sitewide/ico-person.gif);
		background-repeat:no-repeat;
		padding-left:20px;
		float:left;
		width:165px;
		background-position: 0 5px;
		}

#homepageLinks {
		margin:4px 0 0 0;
		padding:0;
		list-style-type:none;
		}
		#homepageLinks li{
		float:left;
		margin:0 0 0 0;

		display:block;
		padding: 3px 0 3px 20px;
		background-image:url(/furniture/images/sitewide/arrow.gif);
		background-repeat:no-repeat;
		border-top:1px dotted #BFDEFF;
		text-align:left;
		background-position: 0px 9px;
		}
		#homepageLinks a{
		color:#5686da;
		
		}

#homeRight {
		float:right;
		width:320px;
		}
		
#careerResourceList {
		width:156px;
		background-image:url(/furniture/images/backgrounds/career-back.jpg);
		background-repeat:repeat-y;
		}
#careerResourceListTop {
		height:16px;
		background-image:url(/furniture/images/backgrounds/career-top.jpg);
		background-repeat:repeat-y;
		}
#careerResourceListBottom {
		height:16px;
		background-image:url(/furniture/images/backgrounds/career-bottom.jpg);
		background-repeat:repeat-y;
		}
#careerResourceListContent {
		margin: 0 15px;
		}
		
		
		
.List {
		width:196px;
		background-image:url(/furniture/images/backgrounds/career-back.jpg);
		background-repeat:repeat-y;
		}
.ListTop {
		height:16px;
		background-image:url(/furniture/images/backgrounds/career-top.jpg);
		background-repeat:repeat-y;
		}
.ListBottom {
		height:16px;
		background-image:url(/furniture/images/backgrounds/career-bottom.jpg);
		background-repeat:repeat-y;
		}
.ListContent {
		margin: 0 15px;
		}

#topic_holder {
		background-image:url(/furniture/images/headings/content.gif);
		background-repeat:repeat-y;
		clear:both;
		width:720px;
		padding:0 20px 0 30px;
		margin:0 auto 0 auto;}
		
		#topic_holder h2 {
		font-size:22px;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		color:#5685DA;
		padding-bottom:10px;
		font-weight:normal;}
		
		#topic_holder p {
		padding-bottom:10px;
		font-family:Arial, Helvetica, sans-serif;}
		
		#topic_holder ul {
		padding:0 0 10px 0;}
		
		#topic_holder li {		
		background-image:url(/furniture/images/sitewide/arrow.gif);
		background-repeat:no-repeat;
		background-position: 4px 6px;
		padding:0 0 0 17px;}
		
		

div#topic_top {
		background-image:url(/furniture/images/headings/content-top.gif);
		background-repeat:no-repeat;
		background-position:top;
		margin:0 auto 0 auto;
		width:770px;
		float:left;
		height:23px;}

div#topic_bottom {
		background-image:url(/furniture/images/headings/content-bottom.gif);
		background-repeat:no-repeat;
		background-position:top;
		margin:0 auto 0 auto;
		height:23px;
		width:770px;
		float:left;
		clear:both;}

/* 
END LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
FORM LAYOUT
When creating a form add .formField to any fields, .formLabel to labels 
and proceed labels with a <br class="formBR" />
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


label, input.formField {
		display: block;
		width: 150px;
		float: left;
		margin-bottom: 10px;
		color:#555;
		font-family:Arial, Helvetica, sans-serif !important;
		font-size:1em;
		padding:3px;
}



label {
		text-align: left;
		width: 130px;
		padding-right: 20px;
		padding-top:5px;
		font-size:1em !important;
		color:black;
}

br.formBR {
		clear: left;
}

.formButton {
		font-family:Arial, Helvetica, sans-serif;
		padding:4px 4px;
		font-weight:bold;
		margin:10px 0 0 0;
		font-size:1em;
}
/* 
END FORM LAYOUT
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/* 
HEADINGS
Refer to site-map for all headers. Ensure consitent casing.
NOTE: Heading naming convention - #heading_human_name_title
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
#logo {
		      text-indent: -5000px; overflow:hidden; display:block;
			  width: 227px; height:46px; text-decoration: none;
			  background-image:url(/furniture/images/sitewide/logo.gif);
			  background-repeat:no-repeat;
			  position:absolute;
			  left:25px;
			  top:70px;
			  }

#tag {
		      text-indent: -5000px; overflow:hidden; display:block;
			  width: 340px; height:21px; text-decoration: none;
			  background-image:url(/furniture/images/headings/tag.gif);
			  background-repeat:no-repeat;
			  position:absolute;
			  left:25px;
			  top:200px;
			  }

#featured {
		visibility:hidden;
			  }

#heading_breaking_jobs {
		      text-indent: -5000px; overflow:hidden;
			  height:21px; text-decoration: none;
			  background-image:url(/furniture/images/headings/breaking-jobs.gif);
			  background-repeat:no-repeat;
			  }

#heading_top_candidates {
		      text-indent: -5000px; overflow:hidden;
			  height:21px; text-decoration: none;
			  background-image:url(/furniture/images/headings/top-candidates.gif);
			  background-repeat:no-repeat;
			  }

#headinghome_why_use {
		      text-indent: -5000px; overflow:hidden; display:block; width:120px;
			  height:15px; text-decoration: none;
			  background-image:url(/furniture/images/headings/why-use-active.gif);
			  background-repeat:no-repeat;
			  background-position: 0px 0px;
			  }
			  
#headinghome_why_use:hover {
  			  background-position: -121px 0px;
			  }			  

#headinghome_testimonials {
		      text-indent: -5000px; overflow:hidden; display:block; width:85px;
			  height:15px; text-decoration: none;
			  background-image:url(/furniture/images/headings/testimonials.gif);
			  background-repeat:no-repeat;
			  background-position: 0px 0px;
			  }
			  
#headinghome_testimonials:hover {
			  background-position: -87px 0px;
			  }			  

#headinghome_advice {
		      text-indent: -5000px; overflow:hidden; display:block; width:97px;
			  height:15px; text-decoration: none;
			  background-image:url(/furniture/images/headings/advice-centre.gif);
			  background-repeat:no-repeat;
  			  background-position: 0px 0px;
			  }
			  
#headinghome_advice:hover  {
			  background-position: -99px 0px;
			  }			  


/* 
END HEADINGS
- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.myaccounttable {
width: 100%;
}

.myaccounttable td{
	border-bottom:1px solid #f2f2f2;
	list-style-type:none;
    height: 30px;
    padding-right: 5px;
	}	
	
	
	
	.bannerAbout
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/image9.jpg);
		background-repeat:no-repeat;
		}
		
		
    .bannerServices
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/image2.jpg);
		background-repeat:no-repeat;
		}
    	
    .bannerClients
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/image3.jpg);
		background-repeat:no-repeat;
		}
		
    .bannerCandidates
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/image10.jpg);
		background-repeat:no-repeat;
		}
		
    .bannerSearch
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/image5.jpg);
		background-repeat:no-repeat;
		}
		
    .bannerAdviceCentre
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/image6.jpg);
		background-repeat:no-repeat;
		}
		
    .bannerTestimonials
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/image7.jpg);
		background-repeat:no-repeat;
		}
		
    .bannerPress
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/image8.jpg);
		background-repeat:no-repeat;
		}
		
    .bannerContact
{
    	height:291px;
		background-image:url(/furniture/images/backgrounds/image11.jpg);
		background-repeat:no-repeat;
		}
		
 

html { /* Stop background flicker in IE 6 Bug: http://evil.che.lu/2006/9/25/no-more-ie6-background-flicker */

  filter: expression(document.execCommand("BackgroundImageCache", false, true));

}