/* CSS Document */

/************************************************************************

	Site:		Key Recruitment

	Author:		Future Media Solutions

	Listing Order:
	==============

	1 - Universal
	2 - Structure/Layout
	3 - Main Navigation
	4 - Left Navigation
	5 - Content Layout
	6 - Footer Navigation
	7 - Page Elements
	8 - Text
	9 - Contact Form

************************************************************************/

/***********************************************************************
	1 - UNIVERSAL STYLES
************************************************************************/

body { 
	background:#cccccc;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:62.5%;
	color: #666666;
	margin:0 auto;
	}
p {
	
	color:#666666;
	font-family:Tahoma, Verdana, Arial, Helvetica, san-serif;
	}
a{
	color:#000000;
	font-family:Tahoma, Verdana, Arial, Helvetica, san-serif;
	}
a:hover{
	color:#993333;
	font-family:Tahoma, Verdana, Arial, Helvetica, san-serif;
	}
h1 {
	color:#993333;
	font-size:3em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	line-height:25pt;
	padding:0;
	}
h2 {
	color:#993333;
	font-size:2.4em;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	padding:0;
	}
/*h3 {
	color:#993333;
	font-size:1.5em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	padding:0;
	}*/
h4 {
	color:#666;
	font-size:1.9em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	margin:6px 0;
	}
ul {
	
	}
.left{
	float:left;
}
/***********************************************************************
	2 - STRUCTURE/LAYOUT
************************************************************************/

#container{
	width:955px;
	margin:0 auto;
	margin-top:35px;
	background-color:#ffffff;
	
	}
#containerInner,.containerInner{
	width:955px;
	float:left;
	background-color:#FFF;
}
#contentcontainer{
	width:810px;
	float:left;
	margin:0;
	padding:0;
	}
#header{
	width:955px;
	height:125px;
	background-image:url(../../images/construction/top.gif);
	background-repeat:no-repeat;
	clear:both;
	}
.bottom{
	float:left;
	width:955px;
	}
#footer{
	width:955px;
	float:left;
	background-color:#CCC;
	}
#logo{
	position:relative;
	width:144px;
	height:125px;
	left:0px;
	float:left;
	top:-28px;
	border:none;
}
#contact-number{
	float:left;
	width:100%;
	clear:left;
	}
#breadcrumb{
	height:41px;
	width:779px;
	clear:left;
	font-size:1.1em;
	background:url(/images/construction/seperator.gif) no-repeat bottom left;
	}
	
.standardVertSpacer{
	float:left;
	width:10px;
}
/***********************************************************************
	3 - MAIN NAVIGATION
************************************************************************/

#top-menu{
	position:relative;
	float:left;
	top:-7px;
	margin:0 0 0 5px;
}
ul.menu {
	list-style-type:none;
	margin:0;
	padding:0;
}
ul.menu li{
	float:left;
	padding-right:3px;
	margin:0 auto;
	}
ul.menu li a{
	color:#666;
	text-decoration:none;
	
}

ul.menu li a:hover{
	color:#FFF;
	text-decoration:underline;
	
}

#top-menu .navItemContainer{
	float:left; 
	cursor:pointer;
}

#top-menu .itemLeft1, #top-menu .itemLeft2, #top-menu .itemLeft3, #top-menu .itemLeft4{
float:left; width:6px;
background: url(/images/header/hdr_item1LOff.png) no-repeat;
}

#top-menu .itemRight1,#top-menu .itemRight2,#top-menu .itemRight3,#top-menu .itemRight4{
float:left; width:6px;
background: url(/images/header/hdr_item1ROff.png) no-repeat;
}

#top-menu .itemMid1,#top-menu .itemMid2,#top-menu .itemMid3,#top-menu .itemMid4{
float:left; 
background:#FFF url(/images/header/hdr_item1BGOff.png) repeat-x;
}

#top-menu .lineSpacer{
	height:10px;
	width:25px;
}

#top-menu  .itemtext{
	color:#666; font-weight:bold; 
	font-size:1.1em; 
	padding:2px 2px 2px 1px;
}
/***********************************************************************
	4 - LEFT NAV
************************************************************************/

.menutop{
	margin-bottom:8px;
	}

.clear{
clear:both;
}
#leftcontainer{
	float:left;
	width:145px;
	/*height:700px;*/
	/*margin-top:-16px;*/
	margin:0;
	}
#leftnav{
	width:123px;
	margin-left:15px;
	height:300px;
	background-color:#000333;
	padding:0;
	}
ul.leftmenu{
	list-style-type:none;
	
	font-size:1.2em;
	color:#993333;
	margin:0;
	padding:0;
	}
ul.leftmenu a{
	color:#993333;
	text-decoration:none;
	}
ul.leftmenu a:hover{
	color:#000000;
	text-decoration:none;
	}
li.menuspace{
	background:url(/images/construction/menu-splitter.gif) left center no-repeat;
	}

/***********************************************************************
	5 - CONTENT LAYOUT
************************************************************************/

#contentone, .contentone{
	float:left;
	width:810px;
	}
.contentoneInner{
	float:left;
	width:800px;
	}
	#contentone-a,.contentone-a{
		width:367px;
		float:left;
	}		
		.content-a-outer{
			float:left; 
			background:url(/images/construction/vert-seperator.gif) right repeat-y; 
			width:377px;;
		}
		
		.bodyTextDiv-a{
		font-size:1.1em;
		line-height:140%;
		color: #666666;
		float:left;
		/*text-align:justify;*/
		width:367px;
	}
	#contentone-a-third{
		width:505px;
		float:left;
	}
	.contentone-a-third{
		width:505px;
		float:left;
	}
	.bodyTextDiv-third{
		font-size:1.1em;
		line-height:140%;
		color: #666666;
		float:left;
		/*text-align:justify;*/
		width:505px;
	}
		#contentone-b-quarter{
		width:245px;
		float:right;
		}
		#contentone-b{
		width:385px;
		padding-bottom:10px;
		float:left;
		}
		.contentone-b{
		width:385px;
		padding-bottom:10px;
		float:left;
		}
		#testimonials{
		width:375px;
		padding-left:10px;
		padding-bottom:10px;
		float:right;
		}
	.rightSide275{
		float:left; 
		width:275px
	}
	
	.rightSide265{
		float:left; 
		width:265px
	}

		
		
#contenttwo{
	float:left;
	background-image:url(/images/construction/seperator.gif);
	background-repeat:no-repeat;
	background-position:top left;
	width:778px;
	margin-bottom:10px;
	padding-top:10px;
	padding-bottom:0px;

	}
	
	
	.contenttwo{
		float:left;
		width:778px;
	}
		#contenttwo-a{
		padding-top:10px;
		width:375px;
		float:left;
		padding-right:5px;
		}
		#contenttwo-b{
		padding-top:10px;
		width:375px;
		padding-left:15px;
		float:right;
		}
#contentthree{
	background-image:url(../../images/construction/seperator.gif);
	background-repeat:no-repeat;
	background-position:top left;
	float:left;
	padding-top:0px;
	width:778px;
	/*border-top:dashed #CCCCCC thin;*/
	}
		#contentthree-a{
		background-image:url(/images/construction/vert-seperator.gif);
		background-repeat:repeat-y;
		background-position:right;
		/*padding-top:10px;*/
		width:387px;
		/*border-right:dashed #CCCCCC thin;*/
		float:left;
		margin-bottom:10px;
		}
		#contentthree-b{
		width:372px;
		/*padding-top:10px;*/
		float:right;
		padding-left:15px;
		}
#contentfour{
	float:left;
	background-image:url(../../images/construction/seperator.gif);
	background-repeat:no-repeat;
	background-position:top left;
	/*border-top:dashed #CCCCCC thin;*/
	width:778px;
	height:80px;
	padding-top:20px;
	text-align:right;
	}

/***********************************************************************
	7 - PAGE ELEMENTS
************************************************************************/

.anchorNavigationDiv{
	padding:5px; 
	border:1px solid #933; 
	text-align:center;
	margin-bottom:20px;
	background-color:#993333;
}

.anchorNavigationDiv a{
	text-decoration:none;
}
.anchorNavigationDiv a:hover{
	color:silver;
}
.latestJob{
	width:183px;
	float:left;
	background-image:url(/images/construction/menu-splitter.gif);
	background-position:bottom;
	background-repeat:repeat-x;
	margin-bottom:5px;
}

.singleJobLine{
	float:left;
	width:173px;
	display:block;
	text-overflow:ellipsis;
	overflow:hidden;
	white-space: nowrap;
	
}

.searchtext{
	padding:10px;
	}
.searchtext a{
	color:#CC3333;
	} 
.searchtext a:hover{
	color:#000000;
	} 
.searchbox{
	width:230px;
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	font-size:1.1em;
	color:#333;
	}
.searchbutton{
	font-size:100%;
	color:#993333;
	text-decoration:underline;
	font-weight:bold;
	}

.searchtextheader{
	padding:10px;
	font-weight:bold;
	
	}

.employerbox{
	width:195px;
	background-image:url(../../images/construction/shadow-back.jpg);
	background-position:left;
	padding-left:8px;
	}
.employerbox2{
	width:220px;
	background-image:url(../../images/construction/shadow-back.jpg);
	background-position:left;
	}
	
.boxheader{
	font-weight:bold;
	margin-top:5px;
	}
.quickLinks{
	width:370px; float:left; font-size:1.0em;
	}
	
.quickLinksRe{
	width:370px; 
	float:left; 
	background: url(/images/global/quickLinksBgRed.png) repeat-x; font-size:1.0em;
	color:#FFF;

	}
	
.quickLinksOr{
	width:370px; 
	float:left; 
	background: url(/images/global/quickLinksBgOrange.png) repeat-x; font-size:1.0em;
	color:#FFF;
	float:left; 

	}
	
.quickLinksGr{
	width:370px; 
	float:left; 
	background: url(/images/global/quickLinksBgGrey.png) repeat-x; font-size:1.0em;
	color:#666;

	}	
	
.quickLinksTallRe{
	width:245px; 
	float:left; 
	background: url(/images/global/quickLinksBgRed.png) repeat-x;
	font-size:1.1em;
	line-height:140%;
	color: #FFF;
	}
.quicklinksTallGr{
	width:245px;
	 float:left; 
	background: url(/images/global/quickLinksBgGrey.png) repeat-x;
	font-size:1.1em;
	line-height:140%;
	color: #666;
	}		
.quickLinksLeft{
	float:left; 
	width:175px;
}
.quickLinksRight{
	float:left; 
	width:195px;
}
.cquickLinksRight{
	float:left; 
	width:210px;
}
.quickLinksTexDiv{
	margin:5px 0 0 0; 
	width:185px; 
	float:left;
}
.cquickLinksTexDiv{
	margin:5px 0 0 0; 
	width:200px; 
	float:left;
}
.quickLinksTallTextDiv{
	float:left; 
	width:225px
}
.quickLinksTall{
	width:245px; float:left
}
.quicklinks-employer{
	background-image:url(/images/construction/quick-links-shadow-b.gif);
	background-position:left;
	background-repeat:no-repeat;
	padding-left:8px;
	}
	
.spacer5px{
	width:5px;
	float:left;
}
.spacer10px{
	width:10px;
	float:left;
}

.spacer20px{
	width:20px;
	float:left;
}

.spacer33px{
	width:33px;
	float:left;
}
.informationbutton{
	width:18px;
	float:right;
	}
.candidateregisterbox{
	width:359px;
	height:94px;
	padding-left:8px;
	padding-right:10px;
	padding-top:4px;
	background-image:url(../../images/global/candidate-register.gif);
	background-repeat:no-repeat;
	}
.candidateuploadbox{
	width:359px;
	padding-top:4px;
	margin-top:4px;
	padding-left:8px;
	padding-right:10px;
	height:94px;
	background-image:url(../../images/global/candidate-upload.gif);
	background-repeat:no-repeat;
	}
.employerjobspec{
	width:359px;
	height:94px;
	padding-left:8px;
	padding-right:10px;
	padding-top:4px;
	background-image:url(../../images/global/writingjob.gif);
	background-repeat:no-repeat;
	}
.employertest{
	width:359px;
	padding-top:4px;
	margin-top:4px;
	padding-left:8px;
	padding-right:10px;
	height:94px;
	background-image:url(../../images/global/employertestimonials.gif);
	background-repeat:no-repeat;
	}
.newrightFormRightCol
{
    margin-bottom:12px;
}
/***********************************************************************
	8 - TEXT
************************************************************************/
.standardText{
	font-size:1.1em;
	line-height:140%;
	color: #666666;
}


.boldtext{
	font-weight:bold;
	}
.redtext{
	color:#CC0000;
	}
.whitetext{
	color:#FFFFFF;
	}
.whitetext a{
	color:#FFFFFF;
	}
.whitetext a:hover{
	color:#000000;
	}

.white-silver{
	color:#FFFFFF;
	}
.white-silver a{
	color:#FFFFFF;
	}
.white-silver a:hover{
	color:Green;
	}

.greytext{
	color:#666666;
	}
.whitetextbold{
	color:#FFFFFF;
	padding-top:5px;
	font-weight:bold;
	}
.breadcrumb{
	padding-top:13px;
	padding-left:5px;
	color:#666666;
	}
.footerRight{
	float:right;
	width:180px;
	text-align:right;
	}
.footerRight a{
	text-decoration:none;
	color:#666666;
	}
.footerRight a:hover{
	text-decoration:none;
	color:#000000;
	}
.footerleft {
	float:left;
	width:765px;
	}
.footerleft a{
	text-decoration:none;
	color:#666666;
	}
.footerleft a:hover{
	text-decoration:none;
	color:#000000;
	}
.pageHeader{
	font-size: 3.1em;
}

.pageSubHeader{
	font-size: 2.2em;
}

.subTitleHeader{
	font-size: 1.6em;
	line-height:normal;
}

.subSubTitleHeader{
	font-size: 1.4em;
	font-weight:bold;
	color:#666;
}

.subSubTitleHeader a{
	color:#666;
}
.subSubTitleHeader a:hover{
	color:#933;
}
.sitemapheader{
	color:#666666;
	font-size:1.3em;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	font-weight:lighter;
	padding:13px 0px 15px 0px;
	margin:0;
	}
.sitemapheader a{
	text-decoration:none;
	}
.sitemaplinks a {
	text-decoration:none;
	color: #666666;
	font-size:1.1em;
	}
.sitemaplinks a:hover {
	color:#A6210A;
	}
/***********************************************************************
	9 - CONTACT FORM
************************************************************************/

.formrow1 {
	background: #f2f2f2;
	padding:5px 0 5px 10px;
}
.formrow2 {
	background: #efefef;
	padding:5px 0 5px 10px;
}
.formrow3 {
	background: #e6e6e6;
	padding:5px 0 5px 10px;
}
.contact-header{
	width:400px;
	color:#FFFFFF;
	height:44px;
	padding-left:10px;
	
	background-image:url(../../images/construction/contact-header.jpg); 
	}
.contact-header-employer{
	width:400px;
	color:#FFFFFF;
	height:44px;
	padding-left:10px;
	
	background-image:url(../../images/construction/contact-header2.jpg);
	}
.contact-labels{
	width:150px; 
	font-size:1.0em; 
	color:#333333; 
	font-family:Tahoma, Verdana, Arial, Helvetica, sans-serif;
	}