/* CSS Document */

/* 29.08.07 Changes made as follows:
						- New <span> class to colour link for WBS Developments
						- .iconWrap 'width' reduced to fit extra image link*/

body {
	padding: 0;
	margin: 10px 0 0 1px;
	font-size: 71%;
	text-align: center;
	background: #323232 url(../images/header_bg.gif) top left repeat-x;
	font-style:normal !important;
	font-family:  Verdana, Arial, Helvetica, sans-serif;
	
}

h1, h2, h3, h4, h5, h6, p, a, li, dt, dd, label, address, input, textarea, td {
	font-family:  Verdana, Arial, Helvetica, sans-serif;
}

.tabletext {
font-size: 1em !important;
}


address {
font-style: normal;

}


h1, h2, h3, h4, h5, h6 {
	margin: 0;
}




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


/* div widths */

#bgWrap {
	margin: 0 auto; /* center in page */
	padding: 0;
	width: 820px;
	text-align: left;
}

#mainWrap {
	width: 800px;
	text-align: center;
	margin: 0 0 2px 0;
	padding: 0;
	float: left;

	
}




#headWrap {
	width: 800px;
	padding: 0;
	margin:   0;
	float: left;
	text-align: left;	
	background: #323232;
	
}




#headWrap h1 {
	padding: 0;
	margin: 15px 0 0 0;
	display: inline; /* prevents IE double-margin bug */
	width: 407px;
	height: 60px;
	float: right;
	background: url(../images/logo.gif) no-repeat;
	font-size: 1px;
	text-decoration: none !important;
	text-indent: -5000px; /* hide text from css enabled browsers */
}









#contentWrap { 
	width:500px;
	margin:  10px 0 20px 0;
	padding: 0;
	float:left;
	padding: 0;	
	text-align: left; 
	color: white;
}












#contentWrap h3{
	color: #c2d841;
	font-size: 1.4em !important;
	padding: 0;
	margin: 10px 0 5px 0;
	
}


#contentWrap h4{
	color: #ffffff;
	font-size: 1.1em !important;
	padding: 0;
	margin: 10px 0 5px 0;
	
}




#contentWrap p{
	padding: 0;
	margin: 0 0 8px 0;
	font-style: normal !important;	
	width: 480px;
}


#contentWrap ul{ 
	margin:  0 60px 30px 20px;
	padding: 0 0 0 5px;	
	
	
}


#contentWrap li{ 
	padding: 0 0 0 25px;
	margin: 8px 0 8px 0;
	font-size: 1.0em;
	list-style-type: none;
	background: url(../images/smalltick.gif) no-repeat left top;
	}
	
#contentWrap li a {
color: white;
text-decoration: none;

}	


.table_intro {
margin: 0 0 0 30px;
padding: 5px;
line-height: 2em !important;
}

.table_form {
margin: 0 0 0 30px;
padding: 5px;
}
	
	#contentWrap li a:hover {
color: #c2d841;
text-decoration: none;
}	

.bigtext {
font-size: 1.2em;
font-weight: bold;
}


.smalltext {
font-size: 0.9em;
}

.grntext {
color: #c2d841 !important;
}


#navWrap {
width: 300px;
padding: 0;
margin: 0;
float: left;
color: #c2d841;
text-align: right;

}


#navWrap h2 {
	padding: 0;
	margin: 15px 0 90px 0;
	display: inline; /* prevents IE double-margin bug */
	width: 248px;
	height: 25px;
	float: right;
	background: url(../images/simplefastefficient.gif) no-repeat;
	font-size: 1px;
	text-decoration: none !important;
	text-indent: -10000px !important; /* hide text from css enabled browsers */
	color: #333333;
}


#navWrap p {
font-size: 1.1em;
font-weight: bold;
margin: 0 0 0 20px!important;
float:right;
line-height: 1.6em;
}


.nav {
margin: 20px 0 0 0 !important;
padding: 0;
}


.callus {
background: url(../images/callus.gif) no-repeat right top; 
padding:  15px 0 0 0;
width: 173px;
margin: 0 0 20px 0!important;
}

.emailus {
background: url(../images/emailus.gif) no-repeat right top; 
padding:  15px 0 0 0;
margin: 0 0 20px 0!important;
}

#navWrap img {

margin: 5px 0 20px 0;
padding: 0;
}


.pwidth {
width: 300px;
}


#legalWrap { 
	margin: 20px 0 50px 0!important;
	float:left;
	padding: 0 0 6px 0;	
	text-align: left;
	background: #676565;
	color: white !important;
	
	
}

#legalWrap h1{
font-size: 1.1em;
margin: 0;
padding: 6px;

}

#legalWrap p{

margin: 0 0 6px 0;
padding: 6px 6px 0 6px !important;
line-height: 1em;
width: 300px;
}



 div.hr {
  height: 4px;
  background:  url(../images/hr.gif) no-repeat scroll center;
  margin: 2px  0 2px 0!important;
  padding: 0;
 width: 300px;
 
}




div.hr hr {
  display: none;
}

 div.hr2 {
  height: 1px;
  background:  url(../images/hr2.gif) no-repeat scroll right;
  margin: 6px  0 6px 0!important;
  padding: 0;
  float: right;
}



div.hr2 hr {
  display: none;
}


.iconWrap {
width: 83px; /*Edited from 100px to 83px to fit additional page image*/                      
color: #fff !important;
text-align: left;
float: left;
margin: 20px 0 0 0;
padding: 0;
}

.iconWrap h5 {
font-weight: normal;
font-size: 0.9em !important;
margin: 0 0 5px 0 !important;
padding: 0;
width: 70px;
}


.iconWrap a {
	text-decoration: none !important;
	color: #fff;
}

.iconWrap a:hover {
	text-decoration: underline !important;
}


.sectors {
	color: white;
	margin: 10px 0 10px 0;
	padding: 0;
}


.sectors h2{
	color: white;
	font-size: 1em;
	margin: 10px 0 6px 0;
	padding: 0;
}


.sectors ul{ 
	margin:  0 20px 10px 0;
	padding: 0 0 0 5px;	
}


.sectors li{ 
	padding: 0 0 0 25px;
	margin: 8px 0 8px 0;
	font-size: 0.9em;
	list-style-type: none;
}





 a {
	text-decoration: none !important;
	color: #c2d841;
}

 a:hover {
	text-decoration: underline !important;
}



#footerWrap {
	width: 100%;
	margin:  25px 0 0 0;
	padding:  0;
	float: left;
	font-size: 0.9em;
	background: #c2d841;
	color: #676565;
}


#footerWrap p {
	margin:  0;
	padding: 0;
	text-decoration: none !important;
	line-height: 1.2em;
	text-align: left;
}


#footerWrap a {
	
color: #676565;
}


#footerWrap a:hover {
	text-decoration: underline !important;
}




#copy {
float: left;
padding: 4px 0 10px 10px;
margin: 0;

}


#design{
float: right;
padding: 4px 10px 0 10px;
margin: 0;
text-align: right;
}

.clear {
clear: both;
}


.input_txt_big {
width: 200px;
font-size: 1.0em!important;
margin: 2px 0!important;
border: solid white 1px !important;
background: #484848!important;
color: #bab7b7!important;
padding: 2px;
}

.input_txt_med {
width: 150px;
font-size: 1.0em!important;
margin: 2px 0!important;
border: solid white 1px !important;
background: #484848!important;
color: #bab7b7!important;
padding: 2px;
}

.input_txt_smll {
width: 100px;
font-size: 1.0em!important;
margin: 2px 0!important;
border: solid white 1px !important;
background: #484848!important;
color: #bab7b7!important;
padding: 2px;
}

.button {
	border: 0px;
	background: #111;
	color: #fff;
	font-weight: bold;
	padding: 2px 10px;
}

td.green1 {
	padding: 2px;
	background: #BFD83F;
	color: #333;
	font-size: 10px;
	text-align: center;
}

td.green2 {
	padding: 2px;
	background: #EAF1C7;
	color: #333;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
}

td.green3 {
	padding: 2px;
	background: #F6F8EA;
	color: #333;
	font-size: 10px;
	text-align: center;
}

td.green4 {
	padding: 2px;
	background: #FFFFFF;
	color: #333;
	font-size: 10px;
}


/*This class added to allow for the use of a <span> to change link colour from 
white to green/yellow*/
.hyperlink{
  color: #c2d841;
}