/* LAYOUT */

/* --------------------------
Global whitespace reset
--------------------------*/
* {
	margin:0;
	padding:0;
}

div.clear{
clear:both;
}

/*----------------------------------
H Tags
----------------------------------*/
h3 {
padding-top: 10px;
}



/*----------------------------------
Wrapper 
----------------------------------*/
#wrapper {
	width: 779px;	
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	background:  url(../images/pageBg.gif) repeat-y;
}

/*----------------------------------
Masthead
----------------------------------*/

#masthead{
width: 779px;
text-align: left;
height: 112px;
background:  url(../images/mastheadBg.gif) no-repeat top left;
margin-left: auto;
margin-right: auto;
}

#masthead img {
margin: 15px 0px 0px 13px;
float: left;
}

#masthead p {
float: right;
margin: 5px 18px 0px 0px;
}



#mastheadInner{
width:500px;
text-align:right;
float:right;
height: 25px;
margin: 10px 0px 0px 0px;
}

#mastheadInner img {
border:0px;
margin: 3px 7px 0px 3px;
float:none;
}

#mastheadInner p {
padding: 25px 28px 0px 0px;
margin: 0px;
height: 25px;
text-align:right;
}


/*----------------------------------
Nav
----------------------------------*/

#nav {
width: 562px;
background:  url(../images/navBar.gif) no-repeat right top;
height: 23px;
margin-left: 190px;
margin-right: 27px;
margin-bottom:0px;
}

/*----------------------------------
Home page
----------------------------------*/


#banner {

background:  url(../images/bannerBg.jpg) no-repeat top left;
margin-left: 14px;
padding: 5px 0px 0px 182px;
width: 750px; voice-family: "\"}\"";
voice-family: inherit;
width: 565px;

}

/* for Mozilla/Safari */
*>#banner {
 min-height: 210px;
}
/* for IE */
* html #banner {
 height: 210px;
}

#banner p{
width: 365px;
}

#homeFeatures {
padding-left: 15px;
margin-bottom: 10px;
width: 759px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 744px;
}

#services ul,
#homes ul{
list-style: none;
padding: 8px;
font-size: 0.9em;
color: #75787b;
line-height: 1.5em;
margin-bottom: 18px;

}
#news ul{
list-style: none;
font-size: 0.9em;
color: #75787b;
line-height: 1.3em;
margin-bottom: 18px;
}
#news li{
padding: 2px 8px 8px 8px;
}
#services li{
padding: 2px 8px 8px 8px;
}

#homeFeatures ul a{
font-size: 1.1em;
color: #005ac3;
}
#homeFeatures p{
color: #007F50;
padding: 2px 10px 0px 60px;
line-height: 1.2em
}


#homeFeatures div {
background:  url(../images/homeFeaturesBg.gif) no-repeat bottom left;
width: 186px;
float: left;
}

/* for Mozilla/Safari */
*>#homeFeatures div {
 min-height: 250px;
}
/* for IE */
* html #homeFeatures div {
	height: 250px;
}

div#siteLinks {
background: none;
width: 184px;
}

#news h2,
#services h2,
#homes h2 {
color: #fff;
font-size: 1.1em;
padding: 3px 0px 10px 6px;
}

#news h2 {
background:  url(../images/featureHeaderBg.jpg) top left no-repeat;
}

#services h2 {
background:  url(../images/keyDocsHeader.jpg) top left no-repeat;
padding-bottom: 60px;
}

#homes h2 {
background:  url(../images/recruitmentHeader.jpg) top left no-repeat;
padding-bottom: 60px;
}
#services a,
#homes a {
padding: 8px 14px 8px 0px;
color: #505050;
}

#homeFeatures div {
position:relative;
}

#services li {
background:  url(../images/pdf.gif) left 2px no-repeat;
padding-left: 20px;
}
#services p {
padding: 8PX 12px 0px 8px;
margin-bottom: 18px;
}

#homes p {
padding: 8PX 12px 0px 8px;
margin-bottom: 18px;
}
#homeFeatures .full {
	position:absolute;
	bottom: 14px;
	left: 8px;
	font-weight: bold;
	width: 165px;
	color: #007F50;
	padding-right: 5px;
	padding: 0px 5px 0px 0px;
}

/*----------------------------------
Hub  
----------------------------------*/

#bannerHubInformation {
background:  url(../images/hub_banners/information.jpg) no-repeat top left;
}
#bannerHubOurHomes{
background:  url(../images/hub_banners/our_homes.jpg) no-repeat top left;
}
#bannerHubServices{
background:  url(../images/hub_banners/services.jpg) no-repeat top left;
}
#bannerHubInvolvement{
background:  url(../images/hub_banners/involvement.jpg) no-repeat top left;
}
#bannerHubCustomers{
background:  url(../images/hub_banners/customers.jpg) no-repeat top left;
}
#bannerHubSuppliers{
background:  url(../images/hub_banners/suppliers.jpg) no-repeat top left;
}

#bannerHubKeyDocs{
background:  url(../images/hub_banners/keydocs.jpg) no-repeat top left;
}

#bannerHubInformation,
#bannerHubOurHomes,
#bannerHubServices,
#bannerHubInvolvement,
#bannerHubCustomers,
#bannerHubSuppliers{
margin-left: 14px;
padding: 5px 0px 0px 182px;
width: 565px; 
voice-family: "\"}\"";
voice-family: inherit;
width: 565px;

}

/* for Mozilla/Safari */
*>#bannerHubInformation,
#bannerHubOurHomes,
#bannerHubServices,
#bannerHubInvolvement,
#bannerHubCustomers,
#bannerHubSuppliers{
 min-height: 120px;
}
/* for IE */
* html #bannerHubInformation,
#bannerHubOurHomes,
#bannerHubServices,
#bannerHubInvolvement,
#bannerHubCustomers,
#bannerHubSuppliers{
 height: 120px;
}

#bannerHubInformation p,
#bannerHubOurHomes p,
#bannerHubServices p,
#bannerHubInvolvement p,
#bannerHubCustomers p,
#bannerHubSuppliers p{
width: 395px;
margin-top: -2px;
}


#hubFeatures {
width: 190px;
padding-left: 15px;
margin-bottom: 10px;
float:left;
}

#hubContent {
width: 240px;
padding-left: 5px;
padding-right: 8px;
margin-bottom: 10px;
float:left;
}

#hubContent p {
display: block;

margin-top: -6px;
}


#hubSection h2 {
background: none;
float: left;
}
#hubFeatures img {
float: left;
padding-right: 10px;
}

#hubSection p {
display: block;
float: left;
}

.floatleft  {
float:left;
}

#hubFeatures ul{
	list-style: none;
	padding: 8px;
	font-size: 0.9em;
	color: #75787b;
	line-height: 1.3em;
	margin-bottom: 18px;
	margin-right: 10px;
}

#hubFeatures ul a{
	font-size: 1.1em;
	color: #007F50;
}

#hubFeatures li{
padding: 0px 0px 8px 14px;
background: url(../images/arrow.gif) no-repeat top left;
position: relative;
}

#hubFeatures div {
background:  url(../images/homeFeaturesBg.gif)  no-repeat bottom left;
width: 186px;
float: left;
}

/* for Mozilla/Safari */
*>#hubFeatures div {
 min-height: 220px;
}
/* for IE */
* html #hubFeatures div {
	height: 220px;
}

#hubFeatures div {
position:relative;
}



#hubFeatures .full {
position:absolute; 
bottom: 14px; 
left: 8px;
font-weight: bold;
}



#Contentsection,
#pdfFeatures {
width: 200px;
margin-bottom: 10px;
float:left;
background-image:  url(../images/homeFeaturesBg.gif);
background-repeat: no-repeat;
background-position: 0px bottom;
}



#Contentsection ul a{
font-size: 1em;
color: #007F50;
}

#Contentsection li{
padding: 0px 0px 10px 16px;
background: url(../images/arrow.gif) no-repeat 0px 3px;
}

#pdfFeatures ul{
list-style: none;
padding: 8px;
color: #75787b;
line-height: 1.3em;
margin-bottom: 18px;
}

#pdfFeatures ul a{
font-size: 1em;
color: #007F50;
}

#pdfFeatures li{
padding: 0px 0px 8px 0px;!important
}

#pdfFeatures div {
background:  url(../images/homeFeaturesBg.gif)  no-repeat bottom left;
width: 186px;
float: left;
}

/* for Mozilla/Safari */
*>#pdfFeatures div {
 min-height: 180px;
}
/* for IE */
* html #pdfFeatures div {
 height: 180px;
}

#pdfFeatures div {
}

#pdfFeatures .full {
position:absolute; 
bottom: 14px; 
left: 8px;
font-weight: bold;
}


#section h3 {
color: #fff;
font-size: 1.1em;
padding: 3px 0px 4px 6px;
}

#section h3 {
background:  url(../images/featureHeaderBg.jpg) top left no-repeat;
}
/*----------------------------------
news listing
----------------------------------*/

.news-column,
.list-column,
.docs-column {
	float: left;
	width: 550px;
	text-align: left;
	padding: 6px 10px 10px 0px;

}
.news-column,{
	height: 65px;
}
.news-column img {
	float: left;
	background: url(../images/news-thumb-bg.jpg) left top no-repeat;
	padding: 8px 8px 8px 0px;
	margin-top: -5px;

}

.newsSection p {
display: block;
padding: 2px 0px 3px 0px;
color:#000000;
}
.newsSection span {
	padding: 2px 0px 3px 0px;
	color: #666666;
}
.newsSection{
	padding: 0px 0px 3px 8px;
	float: left;
}
/*----------------------------------
 listing
----------------------------------*/

.listSection h2 a{
	background:  url(../images/arrow.gif ) no-repeat left center;
	padding-left: 20px;
}
.listSection p {
display: block;
padding: 2px 0px 3px 20px;
color:#000000;
}
.listSection{
	padding: 0px 0px 3px0px;
	float: left;
}
/*----------------------------------
 docs listing
----------------------------------*/
.pdfHead{
	background:  url(../images/pdf.gif) no-repeat left center;
	padding-left: 20px;
}
.WordHead{
	background:  url(../images/word.gif) no-repeat left center;
		padding-left: 20px;
}
.ExcelHead{
	background:  url(../images/excel.gif) no-repeat left center;
		padding-left: 20px;
}
.notepadHead{
	background:  url(../images/notepad.gif) no-repeat left center;
		padding-left: 20px;
}
.htmlHead{
	background:  url(../images/ie.gif) no-repeat left center;
		padding-left: 20px;
}
.docsSection span {
	padding: 2px 0px 3px 20px;
	color: #666666;
}

.docsSection{
	padding: 0px 0px 3px 0px;
	float: left;
}

/*----------------------------------
Content  
----------------------------------*/
#content form{
padding: 20px 0px;
}

#promoBox {
width: 184px;
background:  url(../images/btnPromotion.gif) no-repeat bottom left;
height:79px;
}

#promoBox p{
padding: 2px 8px 0px 63px;
}



#bannerContent {
background:  url(../images/bannerBgContent.jpg) no-repeat top left;
margin-left: 14px;
padding: 5px 0px 0px 182px;
width: 750px; voice-family: "\"}\"";
voice-family: inherit;
width: 565px;

}

/* for Mozilla/Safari */
*>#bannerContent {
 min-height: 60px;
}
/* for IE */
* html #bannerContent {
 height: 60px;
}

#bannerContent p{
width: 365px;
}

#mainContent {
width: 340px;
padding-left: 0px;
margin-bottom: 10px;
float:left;
}
#mainContent img{
padding: 2px 10px 0px 0px;
}

#content img{
float: left;
margin: 12px 8px 4px 0px;
border: 1px solid #007F50;
}

#ContentRight {
float:right;
width:210px;
padding-right:8px;}

#ContentFeatures {
width: 200px;
padding-left: 15px;
margin-bottom: 10px;

}

#ContentFeatures ul{
list-style: none;
padding: 8px;
font-size: 0.9em;
color: #75787b;
line-height: 1.3em;
margin-bottom: 18px;
}

#ContentFeatures ul a{
font-size: 1.1em;
color: #005ac3;
}

#ContentFeatures li{
padding: 0px 0px 8px 14px;
background: url(../images/arrow.gif) no-repeat top left;
}

#ContentFeatures div {
background:  url(../images/homeFeaturesBg.gif)  no-repeat bottom left;
width: 186px;
float: left;
}

/* for Mozilla/Safari */
*>#ContentFeatures div {
 min-height: 120px;
}
/* for IE */
* html #ContentFeatures div {
 height: 120px;
}

#ContentFeatures div {
position:relative;
}


#pdfFeatures h3, 
#Contentsection h3 {
color: #fff;
padding: 3px 0px 4px 6px;
}
#pdfFeatures h3, 
#Contentsection h3 {
background:  url(../images/featureHeaderBg.jpg) top left no-repeat;
}

.novacancies{
margin-left: 5px;
padding-bottom: 20px;
}
.novacancies{
margin-left: 5px;
padding-bottom: 20px;
}
/*----------------------------------
Columns
----------------------------------*/

#left-column {
	float: left;
	width: 190px;
	text-align: left;
	padding: 0px 0px 10px 15px;
}
#left-column ul{
list-style: none;
padding: 8px;
color: #75787b;
line-height: 1.3em;
margin-bottom: 18px;
}

#left-column ul a{
font-size: 1em;
color: #007F50;
}

#left-column li{
padding: 0px 0px 8px 16px;
background: url(../images/arrow.gif) no-repeat 0px 3px;
}

#left-column div {
	background:  url(../images/homeFeaturesBg.gif)  no-repeat bottom left;
	width: 186px;
	float: left;
}

/* allows you to add different values for Mozilla/Safari and IE */

/* for Mozilla/Safari */



#left-column,
#right-column {
 min-height: 500px;
	padding-left: 15px;
}
/* for IE */

* html #left-column ul,
#right-column ul{
	list-style: none;
	padding: 6px 8px 10px 10px;
	color: #75787b;
	line-height: 1.3em;
	margin-bottom: 18px;
	margin-right: 10px;
}

#form-column {
width: 500px;
margin-bottom: 10px;
float: left;
text-align: left;
}

#central-column {
width: 355px;
margin-bottom: 10px;
float: left;
text-align: left;
}

#hub-column {
float: left;
width: 550px;
text-align: left;
padding: 6px 10px 0px 0px;
}


#right-column {
float: left;
width: 186px;
text-align: left;
padding: 6px 0px 10px 15px;
}

#right-column div {
	width: 186px;
	float: left;
}
*/
/*----------------------------------
Hub page 
----------------------------------*/
/*
.hub-left,
.hub-right {
width: 174px;
margin-top: 12px;
border-bottom: 1px dotted #a43f34;
padding-bottom: 6px;
height: 55px;
}

.hub-left img,
.hub-right img {
float: left;
margin-right: 6px;
}

.hub-left {
float: left;
}

.hub-right{
float: right;
}

/*----------------------------------
Content
----------------------------------*/

#content ul{
	/*list-style-type: none!important;*/
	padding: 8px 0px;
	margin-right: 10px;
}

#content li{
padding: 0px 0px 4px 14px;
background: url(../images/bullet.gif) no-repeat top left;
background-position: 0px 4px;
list-style-type: none!important;
}

#content ol{
	padding: 10px 0px 8px 22px;
	margin: 5px 10px 10px 0px;
	list-style: outside decimal;
}

#content ol li{
background: none;
margin: 0px;
padding: 2px 10px 2px 2px;
list-style: outside decimal;
}

/*----------------------------------
Footer
----------------------------------*/

#footer {
clear: both;
width: 779px;	
text-align: center;
margin-left: auto;
margin-right: auto;
background:  url(../images/footerBg.gif) no-repeat left top;
padding-bottom: 10px;

}

#footer p{
text-align: right;
padding: 6px 38px 0px 0px;
}

#accreditations {
width: 779px;	
text-align: center;
margin-left: auto;
margin-right: auto;
background:  url(../images/accreditationBg.gif) no-repeat top left;

}

#accreditations img{
margin-bottom: 35px;
padding: 0px 24px;
}