html,body {
	margin:0 auto;
	margin: 0 auto; 
	height:100%;
	background-position: center top;
	background-repeat: repeat-y; 
		background-color: #e1e1e1;}
 

	
	#container {
	text-align: center;
	width: 999px;
	margin: 10px auto;
	padding: 0px;
	background-color: #FFFFFF;
	

	}
	
 
 
	 
.main, a,h1,h2,h3,div,input{
font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #242424;
	text-transform: none;
	text-decoration:none;
	}

a{ color:#000066}
 
a:hover{ text-decoration:underline;}
a.pagetitles:hover {text-decoration:underline;}


img { border:0;}
 
h1,h2,h3,p,div{
	margin: 0;
	padding:0;
	font-weight: normal;
 }

ul,li{
	margin: 0;
	padding:0;
	list-style:none;
 }
 
form {margin: 0; padding:0; } 
 
 
  

 
  

form {
	margin: 0;
	padding: 0;
}

#contentRight p,p{ margin:0; padding:2px 0px;}  
 

 

#top {
	background-position: right 10px;
	background-repeat: no-repeat;
	position: relative;
	height: 170px;
	background-image: url(images/top.png);
 
}

#top #logo
{
	position: absolute;
	top: 11px;
	left: 17px;

}


  
 
 
#topNavigation{
	border: 0px;
	position: relative;
	text-align: center;
	margin-right: 40px;
	padding-top: 4px;
}


#topNavigation ul{
	margin: 0 auto;
	text-align: right;
}

#topNavigation ul li{
	display: inline;
}

#topNavigation ul li a{
	color: #000000;
	font-size: 11px;
	text-transform: capitalize;
	padding: 0px 4px 0px 4px;
	border-right: 1px solid #e1e1e1; text-decoration:none
}

#topNavigation ul li #contact-us {
	border:0px;
	padding-right: 0px;
}

#topNavigation ul li #call-us {
	float:left;
	border: none;
	padding: 0px;
	font-size:16px;
	font-weight: bold;
}
 

#topNavigation ul li a:hover{
 background:#ccc

}



	
#mainNav {
	padding:0;
	margin: 0;
	list-style:none;
	clear: both;
	display: block;
	height: 28px;
	background-image: url(images/navBgOff.png);
	background-position: left;
}

#mainNav li {
	padding: 0px;
	margin:0px;
	display: inline;
	text-align: center;
	
}

#mainNav a {
	text-decoration:none;
	display: block;
	text-align: center;
	text-transform: uppercase;
	letter-spacing: 0px;
	font-weight: bold;
	width: 110px;
	padding: 0;
	float: left;
	line-height: 28px;
	background-image: url(images/navBgOff.png);
	color: #FFFFFF;
	background-position: right top;
	height: 28px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
}
 
#mainNav a:hover ,#mainNav .selected{
	background-image: url(images/navBgOn.png);
}
 
#mainNav #mainNavLast{background-position:left top}

 /* eo top */
 
 


#midSection{
	background-repeat: no-repeat;
	background-position: center top;
	margin-top: 0px;
	clear: both;
	position: relative;
	height: 310px;
	z-index: 1;
	background-color: #FFFFFF;
	text-align: left;
	border-bottom: 0px solid #333;
	}
 
.bannerImage{
	position:absolute;
	left:0;
	top:0;
	z-index: 1;
} 

#strapLine{
	position:absolute;
	top:25px;
	left:60px;
	width:573px;
	z-index: 5;
	font-style: italic;
	font-size:36px;
	color:#000000;
	font-weight: normal;
	letter-spacing: -1px;
	
}
#strapLine span {
 
}

#contentWrapper
{
	clear: both;
	margin:0px auto 0px auto;
	text-align:left;
	background-color: #FFFFFF;
	border-top: 3px solid #fff;

}
 
 
 

#contentLeft{
	float:left;
	width: 210px;
	text-align: left;
	color: #333333;
	font-size: 11px; 
}
 
#contentRight{
	border:0;
	float: left;
	text-align:left;
	width: 725px;
	margin-left: 15px;
}

 


 


#contentRight td {padding:5px}

#contentRight table {
	text-align: left;  
	margin-right:12px;margin-left:12px;
	margin-bottom:12px; 
	 }
	 
#contentRight td {border:0px solid #f1f1f1;}
 
#contentRight ul{ 	margin: 0; padding:10px 15px; }
	
#contentRight li{
margin:0;  padding:3px; 
list-style:  inside;
list-style-type:square;

}




/* home elements  */ 
.iconText{
	position: absolute;
	width: 164px;
	top: 139px;
	left: 0px;
	text-align: center;
	text-transform: uppercase;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
}

 
#homePage {
}

#homePage ul{  margin:0; padding:0; list-style:none}
#homePage li { display:inline}
#homePage li a{
	display:block;
	float:left;
	height:220px;
	width:164px;
	background-position: left top;
	background-repeat: no-repeat;
	position: relative;
	text-decoration: none;
} 
 
#homePage li #home_labour{
	background-image: url(images/icons/labour-solutions.png);
	 border-right:3px solid #fff;
}

#homePage li #home_labour:hover{
	background-image: url(images/icons/labour-solutionsON.png);
}

#homePage li #home_personnel{
	background-image: url(images/icons/personnel.png);
	 border-right:3px solid #fff;
}

#homePage li #home_personnel:hover{
	background-image: url(images/icons/personnelON.png);
}


#homePage li #home_projects{
	background-image: url(images/icons/rail-projects.png);
	 border-right:3px solid #fff;
}
#homePage li #home_projects:hover{
	background-image: url(images/icons/rail-projectsON.png);
}



#homePage li #home_construction{
	background-image: url(images/icons/construction.png);
	 border-right:3px solid #fff;
}
#homePage li #home_construction:hover{
	background-image: url(images/icons/constructionON.png);
}

#homePage li #home_training{
	background-image: url(images/icons/training.png);
	 border-right:3px solid #fff;
}
#homePage li #home_training:hover{
	background-image: url(images/icons/trainingON.png);
}

#homePage li #home_coleHire{
	background-image: url(images/icons/cole-hire.png);
	 border-right:0px ;
}

#homePage li #home_coleHire:hover{
	background-image: url(images/icons/cole-hireON.png);
	 border-right:0px ;
}

.preLoad{ display:none}

 

.contentPage{
	min-height:220px;
	height:auto !important;
	height:220px;
	background-color: #A0A0A0;
}
.contentPageLeft{
	float: left;
	width:164px;
	position: relative;
}

.contentPageLeft img{
}

 
.contentPageRight{
 
	color:#fff;
	float: left;
	width: 750px;
	border-left: 3px solid #fff;
	padding-left: 20px;
    min-height:220px;
	height:auto !important;
	height:220px;
	background-color: #A0A0A0;
}

/* main  page layouts*/







 
/*   gallery sidebar    */
#sidebar {
	width:200px;
	position:relative;
	border:1px solid #001133;
	margin:0; padding:0;
 }
 
 #sidebar h1{
	font-size:18px;
	color:#FFFFFF;
	text-align: left;
	margin-top:0px;
	font-weight: bold;
	background-color: #001133;
	padding: 8px;
}

#sidebar ul {
	padding: 8px 0px 15px 0px;
}
#sidebar ul li { border-bottom:1px dotted #ccc;  padding:3px 0px 3px 8px; margin:1px 8px}
#sidebar ul li a{
	display: block;
	padding: 2px 0px 2px 12px ;
	background-image:url(images/subMenuOff.png);
	background-position:left 50%;
	background-repeat:no-repeat; 
	font-size: 12px;
	color:#000033
}
#sidebar ul li a:hover{background-image:url(images/subMenuOn.png);}





/* enq form


#formWrapper{
	text-align:left;
	margin:0;
	padding:0;
	margin-top: 7px;

}

#enqForm{
	padding:5px;
	padding-top:5px;
	margin:0 0 0 0px;
	width: 400px;
	background-color: #FFFFFF;
	border: 1px solid #ccc;
	text-align:left;
	margin-left: 6px;
 
}

.rows{
	clear: both;
	margin-left: 20px;
	margin-bottom: 3px;
}

.labels{
	clear: both;
	color: #333333;
	font-size:10px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	display: block;
} 
.inputs{
	width: 345px;
	clear: both;
	border: 1px solid #e3e3e3;
	margin-bottom:8px;
	font-size: 11px;
	padding:1px;
	margin-top: 2px;
	height:20px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #818181;
	background:#fff;
}

.inputsDD{ 
	clear: both; 	border: 1px solid #e3e3e3;
	margin-bottom:8px;
	font-size: 11px;
	padding: 0;
	margin-top: 5px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #818181;
	background:#fff;
}
 


*/

#footer {
	text-align: left;
	margin: 0px auto;
	background-color: #272425;
	height: 125px;
	border-top: 3px solid #fff;
	border-bottom: 0;
	background-image: url(images/footerBg.png);
	background-repeat: repeat-x;
	background-position: left;
	position: relative;
	}

#footerSearch{
	position:absolute;
	left: 363px;
	top: 16px;
	font-size: 18px;
	color: #FFFFFF;
}

 
#footerOfficeLocations{
	position:absolute;
	left: 30px;
	top: 96px;
	font-size: 11px;
	color: #FFFFFF;
	font-weight: bold;
}

#footerRegister{
	position: absolute;
	width: 300px;
	height: 58px;
	left: 32px;
	top: 16px;

	display: block;
	background-image: url(images/footerRegister.png);
	background-position: 240px 2px;
	background-repeat: no-repeat;
	border-right: 3px solid #ccc;
}

#footerRegister #regLabel{
	color: #EE3224;
	font-size: 14px;
	font-weight: bold;
}

#footerRegister #emailR {
	width: 185px;
}

#footerRegister #regButton{
}


#footerNavigation  {
	position:absolute;
	list-style: none;
	width: 274px;
	left: 710px;
	top: 97px;
}

 
#footerNavigation LI {
	DISPLAY: block;
	LIST-STYLE-TYPE: none;
	text-transform: uppercase;
	text-align: left;
	float: left;
}



#footerNavigation A {
	font-size: 11px;
	color: #FFFFFF;
	text-transform: capitalize;
	padding-right: 14px;

}
 
 
#footerNavigation A:hover  {
}

#site{ text-align:right; padding:5px;}
#site a {
	color: #E1E1E1;
	font-size:10px;
}



/*######## universal ########### */
.floatLeft{ float:left}
.floatRight{ float:right}
.clearFloat{ clear:both;}
.TAR{ text-align:right}
.TAC{ text-align:center}
.TAL{ text-align:left}

.centred , .centered{margin:0 auto}

.m3{margin:3px}
.m5{margin:5px}
.m10{margin:10px}

.mT3{margin-top:3px}
.mT5{margin-top:5px}
.mT10{margin-top:10px}
.mT15{margin-top:15px}
.mT20{margin-top:20px}
.mT25{margin-top:25px}
.mT30{margin-top:30px}

.mB3{margin-bottom:3px}
.mB5{margin-bottom:5px}
.mB10{margin-bottom:10px}
.mB25{margin-bottom:25px}

.mL3{margin-left:3px}
.mL5{margin-left:5px}
.mL10{margin-left:10px}
.mL15{margin-left:15px}
.mL20{margin-left:20px}
.mL50{margin-left:50px}
.mL75{margin-left:75px}
.mL100{margin-left:100px}

.mR3{margin-right:3px}
.mR5{margin-right:5px}
.mR10{margin-right:10px}
.mR15{margin-right:15px}
.mR20{margin-right:20px}
.mR25{margin-right:25px}
.mR30{margin-right:30px}
.mR50{margin-right:50px}


.p3{padding:3px}
.p5{padding:5px}
.p10{padding:10px}

.pT3{padding-top:3px}
.pT5{padding-top:5px}
.pT10{padding-top:10px}

.pB3{padding-bottom:3px}
.pB5{padding-bottom:5px}
.pB10{padding-bottom:10px}

.pL3{padding-left:3px}
.pL5{padding-left:5px}
.pL10{padding-left:10px}
.pL15{padding-left:15px}
.pL20{padding-left:20px}

.pR3{padding-right:3px}
.pR5{padding-right:5px}
.pR10{padding-right:10px}
.pR15{padding-right:15px}
.pR20{padding-right:20px}
.b0{border:none; border:0px;}




.bfs{border:1px solid  #D6D6D6;}
.bfd{border:1px dotted #D6D6D6;}
.bfdd{border:1px dashed #D6D6D6;}

.bfdd{border:1px dashed #D6D6D6;}
.bbd{ border-bottom : 1px dotted #D6D6D6;}
.bbs{ border-bottom : 1px solid #D6D6D6;}
.bbdd{ border-bottom : 1px dashed #D6D6D6;}

.bts{ border-top : 1px solid #D6D6D6;}
.btd{ border-top : 1px dotted #D6D6D6;}
.btdd{ border-top : 1px dashed #D6D6D6;}
 
 
.bbr{border:1px solid #ff0000;}
.bfr{border:1px dotted #ff0000;}
.bfrdd{border:1px dashed #ff0000;}

.w10{ width:10px}
.w20{ width:20px}
.w25{ width:25px}
.w50{ width:50px}
.w75{ width:75px}
.w100{ width:100px}
.w150{ width:150px}
.w175{ width:175px}
.w200{ width:200px}
.w250{ width:250px}
.w275{ width:275px}
.w300{ width:300px}
.w325{ width:325px}
.w350{ width:350px}
.w400{ width:400px}
.w425{ width:425px}
.w450{ width:450px}
.w500{ width:500px}
.w525{ width:525px}
.w550{ width:550px}
.w600{ width:600px}
.w625{ width:625px}
.w650{ width:650px}
.w675{ width:675px}
.w700{ width:700px}
.w725{ width:725px}
.w750{ width:750px}
.w800{ width:800px}
.w850{ width:850px}
.w900{ width:900px}
.w950{ width:950px}


.h0{ height:0px}
.h1{ height:1px}
.h5{ height:5px}
.h10{ height:10px}
.h15{ height:15px}
.h20{ height:20px}
.h25{ height:25px}
.h50{ height:50px}
.h75{ height:75px}
.h100{ height:100px}
.h150{ height:150px}
.h200{ height:200px}
.h250{ height:250px}

.bgcCCC  {background-color:#999999}
.bgcWHITE  {background-color:#fff}
.bgcF1  {background-color:#f1f1f1}
.bgcF7 {background-color:#f7f7f7}
.bgcBLACK  {background-color:#000}
.bgcRED  {background-color:RED}
.bgc999  {background-color:#999}

 
.button1{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 0;
	background-color: #272425;
	margin:0;
	padding:5px;
	height:22px;
	color: #CCCCCC;
	font-weight: bold;
} 


/* forms for login and register etc - check all forms for change effects*/

.formWrapper { /* div*/
	text-align:left;
	margin:0;
	padding:0;
	margin-top: 6px;  

}

.formWrapper form, .loginWrapper form { /* form */
	padding:5px;
	margin:0px;
	background-color: #FFFFFF;
	text-align:left;
	margin-left: 6px;
	font-family: Arial, Helvetica, sans-serif;	font-size: 11px;	color: #333333;
 
}

.rows {
height:30px; margin:3px; clear:both
}



.formWrapper .headers , .loginWrapper .headers{
	line-height:30px;
	border-bottom:6px solid;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 6px;
	border-color: #999999;
	text-transform: uppercase;
}

.labels{
	clear: both;
	color: #333333; 
	font-weight:bold;
	text-transform: uppercase;
	display: block;
	float: left;
	width: 170px;	font-size: 10px;
	line-height: 21px;	margin-right: 10px;margin-left:4px;
} 

.inputs{
	width: 260px;
	border: 2px solid #e3e3e3;
	padding:1px;
	height:17px;
	background:#fff;
	background-color: #FFFFFF;color:#333
  }
  
.inputsErr{ border-color:#ff0000}
.inputsOver { border-color:#ccc; background:#f1f1f1} 


.inputsDD {
	width: 266px;
	border: 2px solid #e3e3e3;
	margin-bottom:2px;
	padding:2px;
	background:#fff;
	background-color: #FFFFFF;
	color:#333333;
	font-size: 12px;
}

.darkGray { color:#33333}

.inputsDDErr  {
	border: 2px solid #ff0000;
	background-color: #FF0000;
	color: #333333;
} 
.inputsDDOver {
 border: 2px solid #e3e3e3; 
	background-color: #fff;
	color: #333;
	} 



.formWrapper .lastRow {
	clear: both;
	margin-bottom: 10px; line-height:55px;
	text-align:right;
	height: 55px;
	margin-top: 10px; border-top:2px solid #ccc;
}
 

 


  
/*######## eo forms ########### */ 

.block { display:block}