﻿body 
{
    margin-bottom:-310px;
}

#Wrapper
{
    width:100%;
}

#ContentWrapper
{
    width:1010px;
	margin: 0 auto; /* centre the container */       
    background-image:url(../images/DUMMY-TOP.jpg);
    background-repeat:no-repeat;
    min-height:500px;
    height:auto;	
}

#ContentHeader
{
}

#ContentWrapper #Logo
{
    position:relative;
    left:706px;
    top:5px;
    width:206px;
    height:90px;
}

#ContentHeader
{
    background-image:url(../images/Content-Header.png);
    background-repeat:no-repeat;
    width:1010px;
    height:203px;
	position:relative;
	top:52px;
}

#ContentBody
{
    background-image:url(../images/Content-Middle.png);
    background-repeat:repeat-y;
    width:1010px;
    height:auto;   
    float:left;  
    position:relative;
    z-index:300;
}

#ContentMain
{
    width:540px;
    height:auto; 
    position:relative;
    left:115px;
    top:-80px;
    float:left;
}

#ContentMain p
{
    position:relative;
    left:65px;
    width:475px;
}

#ContentMain img
{
    position:relative;
    left:62px;
}

#TeaBag
{
    float:left;
    
}
#TeaBag img
{
    position:relative;
    left:0;
}

#TeaBagText
{
    width:340px;
    float:left;
    padding-bottom:20px;
}
#TeaBagText p
{
    position:relative;
    left:0;
    width:340px;
}

#ContentMain h1 img
{
    position:relative;
    left:0px;
}

#ContentMain input, textarea, select
{
	font-size: 1em;
	line-height: 1.4em;
	font-family: Arial, verdana, tahoma, helvetica;
	color:#666;        
}

#ContentMain #TodaysDate
{
    display:block;
    width:540px;
    color:#a4c2e4;
    font-size:0.9em;
    border-bottom:1px solid #6893c6;
}

#ContentMainFooter
{
	margin: 0 auto; /* centre the container */        
    position:relative;
    z-index:300;   
    width:540px;
}

#ContentMainFooter #Reach
{
	margin: 0 auto; /* centre the container */      
    position:relative;    
    width:417px;
    height:78px;
    float:left;
    left:50px;
    top:30px;
}

#ContentMainFooter #Bookmark
{
    clear:both;
	margin: 0 auto; /* centre the container */      
    position:relative;    
    width:127px;
    height:17px;
    float:left;
    left:-10px;
    top:70px;

}

#ContentMainFooter #Bookmark a
{
    float:left; 
    width:400px;
}

#ContentMainFooter #Bookmark img
{
    float:left;
}

#ContentSide
{
    width:200px;
    height:auto;
    position:relative;
    float:left;
    left:150px;
    top:-63px;
}

#ContentSide h2
{
    padding:0;
    margin:0;
    padding-bottom:15px;
}


#ContentSide #ContentSideMainStrip
{
    width:6px;
    height:590px;
    background-image:url(../images/sidebar-Back.jpg);
    background-repeat:no-repeat;
    overflow:hidden;
    float:left;
}

#ContentSide #ContentSideMain
{
    width:190px;
    height:415px;
    float:left;
    background-color:#aec9e8;
    position:relative;
    top:41px;
}

#ContentSide #SideBox
{

}

#ContentSide #SideBox .H2-Login
{
    position:relative;
    top:10px;
    left:11px;
}

#ContentSide #SideBox .LoginText
{
    position:relative;
    left:11px;    
    color:#fff;
    font-size:0.8em;
}

#ContentSide #SideBox .LoginTextbox
{
    margin-left:11px;
    padding:3px;
    width:158px;
    color:#1d5da7;   
    font-size:0.9em; 
}

#ContentSide #SideBox a
{
    color:#1d5da7;
    background-image:url(../images/a-arrow.png);
    background-repeat:no-repeat;
    background-position:left;
    padding-left:12px;
    font-weight:bold;
    font-size:0.86em;
}

#ContentSide #SideBox .btnLogin
{
    float:right;
    position:relative;
    top:15px;
}

#ContentSide #SideBox .hr
{
    background-image:url(../images/HR-Sidebar.jpg);
    background-repeat:no-repeat;
    width:190px;
    height:10px;

}



#ContentSide #SideBox #LoginMembership
{
    padding-top:5px;
}

#ContentSide #SideBox #LoginMembership p
{
    padding:0;
    margin:0;
    padding-bottom:9px;
}

/*******************************************************************************
News Sidebar
********************************************************************************/
#ContentSide #SideBox .H2-News
{

    position:relative;
    top:10px;
    left:11px;    
}

#ContentSide #SideBox p
{
    padding:0;
    margin:0;
    padding-top:5px;    
    padding-bottom:2px;
}


#ContentSide #SideBox .NewsDate
{
    clear:both;
    padding:0;
    margin:0;
    color:#fff;
    font-size:0.8em;
    padding-left:11px;
}









#ContentFooter
{
    background-image:url(../images/Content-Footer.png);
    background-repeat:no-repeat;
	margin: 0 auto; /* centre the container */        
    width:1010px;    
    height:246px;
    float:left;
    position:relative;
    top:-194px;
    z-index:200;

}

#ContentFooterBackWrapper
{
    float:left;    
    width:100%;  
    margin-top:-434px;
}
#ContentFooterBack
{
    background-image:url(../images/Footer-Background.jpg);
    background-repeat:no-repeat;
	margin: 0 auto; /* centre the container */        
    width:1010px;    
    height:223px;  
    position:relative;
    top:0px;
    z-index:100;
}



#FooterWrapper
{
    float:left;
    width:100%;
    margin-top:-190px;    
    position:relative;
    z-index:300;    
}


#Footer
{
    width:1010px;   
	margin: 0 auto; /* centre the container */      
}

#Footer p
{
    color:#b6b6b6;
}

#Footer a
{
    color:#f57b21;
}

#FooterLeft
{
    float:left;
    position:relative;
    left:115px;
}

#FooterRight
{
    float:right;
    position:relative;
    right:115px;
}

.HR-Orange
{
    margin-top:7px;
    clear:both;
    background-image:url(../images/Footer-Orange.jpg);
    background-repeat:repeat-x;
    width:100%;
    height:7px;
    border:none;
    border:hidden;
    border-style:none;
    border-style:hidden;
}

#SiteCredits
{
    float:left;
    position:relative;
    left:115px;    
}


/*------------------------------------------------------------------
Section:     Navigation
-------------------------------------------------------------------*/


#nav
{
    position:relative;
    top:-160px;
    left:110px;
	width:580px;
	height:33px;
}


#nav-one
{

}

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
}
.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited 
{
  font-family:Arial;
  font-weight:700;
  font-size:1em;
  color: #ac972b;
  display: block;
  padding: 0 12px;
  text-decoration: none;
}


#nav-one li:hover a, 
#nav-one li.sfHover a {
  color: #ac972b;
}
#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
	text-align:left;
	color: #fff;	
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {

  color: #ac972b;	
}

.nav ul {

  list-style: none;
  margin: 0;
  width: 115px;
  position: absolute;
  top: -999em;
  left: 0px;
}
.nav li:hover ul,
.nav li.sfHover ul {
  top: 39px;

}
.nav ul li {
  border: 0;
  float: none;
  height:18px;  
  width:134px;  
}
.nav ul a {
  border-bottom: 0;
  white-space: nowrap;
}
.nav ul a:hover {
  color: #000;
}


#Nav_Home strong{
	visibility:hidden;
}
#Nav_Home a{
	text-decoration:none;
	width:71px;
	height:33px;
	background:none;
}
#Nav_Home{
	background-image:url(../images/nav/Home-0.png);
	background-repeat:no-repeat;
	width:71px;
	height:33px;
}
#Nav_Home:hover{
	background-image:url(../images/nav/Home-1.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:71px;
	height:33px;	
}


#Nav_About strong{
	visibility:hidden;
}
#Nav_About a{
	text-decoration:none;
	width:88px;
	height:33px;
	background:none;
}
#Nav_About{
	background-image:url(../images/nav/about-us-0.png);
	background-repeat:no-repeat;
	width:88px;
	height:33px;
}
#Nav_About:hover{
	background-image:url(../images/nav/about-us-1.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:88px;
	height:33px;	
}


#Nav_Clients strong{
	visibility:hidden;
}
#Nav_Clients a{
	text-decoration:none;
	width:74px;
	height:33px;
	background:none;
}
#Nav_Clients{
	background-image:url(../images/nav/clients-0.png);
	background-repeat:no-repeat;
	width:74px;
	height:33px;
}
#Nav_Clients:hover{
	background-image:url(../images/nav/clients-1.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:74px;
	height:33px;	
}


#Nav_Candidates strong{
	visibility:hidden;
}
#Nav_Candidates a{
	text-decoration:none;
	width:104px;
	height:33px;
	background:none;
}
#Nav_Candidates{
	background-image:url(../images/nav/candidates-0.png);
	background-repeat:no-repeat;
	width:104px;
	height:33px;
}
#Nav_Candidates:hover{
	background-image:url(../images/nav/candidates-1.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:104px;
	height:33px;	
}



#Nav_Vacancies strong{
	visibility:hidden;
}
#Nav_Vacancies a{
	text-decoration:none;
	width:97px;
	height:33px;
	background:none;
}
#Nav_Vacancies{
	background-image:url(../images/nav/vacancies-0.png);
	background-repeat:no-repeat;
	width:97px;
	height:33px;
}
#Nav_Vacancies:hover{
	background-image:url(../images/nav/vacancies-1.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:97px;
	height:33px;	
}



#Nav_ContactUs strong{
	visibility:hidden;
}
#Nav_ContactUs a{
	text-decoration:none;
	width:82px;
	height:33px;
	background:none;
}
#Nav_ContactUs{
	background-image:url(../images/nav/contact-0.png);
	background-repeat:no-repeat;
	width:82px;
	height:33px;
}
#Nav_ContactUs:hover{
	background-image:url(../images/nav/contact-1.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:82px;
	height:33px;	
}





#Nav_Blog strong{
	visibility:hidden;
}
#Nav_Blog a{
	text-decoration:none;
	width:60px;
	height:33px;
	background:none;
}
#Nav_Blog{
	background-image:url(../images/nav/blog-0.png);
	background-repeat:no-repeat;
	width:60px;
	height:33px;
}
#Nav_Blog:hover{
	background-image:url(../images/nav/blog-1.png);
	background-repeat:no-repeat;
	cursor:pointer;
	width:60px;
	height:33px;	
}


.OrangeText
{
    color:#f57b21;
}


/*******************************************************************************
RSSJobs
********************************************************************************/
#RSSJobs img
{
    position:relative;
    top:4px;
    left:-11px;
}


/*******************************************************************************
TAG CLOUD
********************************************************************************/
#tagCloud
{
    padding:0;
    margin:0;
    position:absolute;
    top:420px;
}


#tagCloud
{
    clear:both;
    width:180px;
	font-family: "Lucida Grande", verdana, tahoma, helvetica;    
    font-size:0.6em;	
    text-align:left;
}



#tagCloud a
{
    text-decoration:none;
    margin-left:5px;
    margin-right:5px;
    text-transform:lowercase;
    font-weight:normal;

}

#tagCloud a:hover
{
    color:#00cc00;
    text-decoration:underline;
}

#tagCloud a.weight1
{
    color: #f37521;
    font-size: 1.9em;
    font-weight:bold;
}
#tagCloud a.weight2
{
    color: #f37521;
    font-size:1.5em;
}
#tagCloud a.weight3
{
    color: #3a70a7;
    font-size: 1.4em;
}
#tagCloud a.weight4
{
    color: #97b4d6;
    font-size: 1.2em;
}
#tagCloud a.weight5
{
    color: #cacaca;
    font-size: 1.0em;
}




/*****************************************************
Vacancy Tweask
******************************************************/
#TrisysTable table
{

}

#TrisysTable table tr
{
}
#TrisysTable table td
{
    width:auto;
    float:left;
    display:block;
}

#TrisysTable table tr td span
{
}

#TrisysTable table tr td strong
{
    width:100px;
    float:left;
}

#TrisysTable table tr td p
{
    float:left;
    padding:0;
    margin:0;
    width:300px;
    position:relative;
    left: 0px;
}

#lblDescription
{
    float:left;
    width:390px;
}
