/*
Main area's of the website are:

Containers
Header
Sidebar
Testimonial
Newsletter
RSS
Main
Frequently Asked Questions
Footer
*/

/* Containers */
	body {
		background-color: white;
	}

	#container {
		width: 1000px;
		margin: 0px auto 0px auto;
		background-color: white;
		color: #333;
		line-height: 130%;
	}

/* Header */
	#banner {
		height: 89px;
		background-color: white;
	}

	#banner2 {
		height: 153px;
		width: 512px;
		background-color: black;
		margin: 2px 0 0 0;
		float: left;
	}	
	
	.tagline {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 150%;
		color: white;
		text-decoration: none;
		font-weight: bold;
		text-align: justify;
		margin-top: 50px;
		padding: 0 10px 0 10px;
	}		
	
	#logo {
		width: 290px;
		height: 84px;
		background-image: url(/site/static/images/logo.jpg);
		background-repeat: no-repeat;
		float: left;		
	}

	#menutop {	
		height: 40px;
		background-image: url(/site/static/images/menurepeat.jpg);
		background-repeat: repeat-x;		
	}
	
	#menuleft {
		background-image: url(/site/static/images/menuleft.jpg);
		background-repeat: no-repeat;
		width: 6px;	
		height: 40px;
	}
	
	#menuright {
		background-image: url(/site/static/images/menuright.jpg);
		background-repeat: no-repeat;
		width: 7px;	
		height: 40px;
	}	

	#menu {
		text-align: center;
	}
	
	#basket {
		width: 170px;
		color: black;
		margin: 2px 0 10px 12px;		 
		background-color: white;
		border: 1px solid #b9b9b9;			
	}	
	
	#consultancybuttons {
		height: 153px;
		float: left;
		margin-top: 2px;
	}
	
	.thumbpic a {
		text-decoration: none;
	}

	.thumbtitle a {
		text-decoration: none;
		color: white;
	}		
	
	.thumbtitle a:hover {
		text-decoration: none;
		color: white;
	}					
	
	.thumb {
		float: left;
		margin-left: 1px;
	}
	
	.thumbpic {
		height: 115px;
		width: 120px;
		background-color: black;
	}
	
	.thumbtitle {
		background-color: black;
		color: white;
		width: 120px;
		height: 38px;
	}	
	
	
		#training {
			width: 207px;
			margin: 2px 0 2px 0px;
		}	
		
		.trainingthumb {
			width: 102px;
			margin-bottom: 2px;
			margin-right: 1px;
			float: left;
		}			
		
		.trainingpic {
			height: 80px;
			width: 102px;
			background-color: black;
		}	
		
		.trainingtext {
			width: 102px;
			height: 32px;
			background-color: black;	
			padding-top: 2px;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 90%;	
			color: white;				
		}	
	

/* Sidebar */
	#sidebar {
		float: left;
		width: 207px;
		margin: 0;
		padding: 5px;
	}

	#sidemenutitle a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: black;
		background-color: #ddd;
		text-decoration: underline;
		text-align: justify;
		padding: 2px 10px 2px 10px;
	}

	#sidemenutitle a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: white;
		text-decoration: none;
		text-align: justify;
		background-color: #89b8d2;
		padding: 2px 10px 2px 10px;
	}
	
	/* Testimonial */
		#testimonial {
			clear: left;
			width: 610px;
			background-color: #a30234;
			color: white;
			margin-left: 209px;
			margin-top: 2px;
		}

		#ttop {
			width: 148px;
			height: 17px;
			background-color: #ddd;
			background-repeat: no-repeat;
		}

		#trepeat {
			width: 620px;
			background-repeat: repeat-y;
		}

		#testimonialtext {
			padding: 10px;
			font-size: 85%;	
		}

		#tbottom {
			width: 148px;
			height: 15px;
			background-color: #ddd;
			background-repeat: no-repeat;
		}

	/* Newsletter */
		.newsletter {
			width: 170px;
			margin: 10px 0 10px 12px;
			background-color: white;
			border: 1px solid #b9b9b9;				
		}

		.newsletter p {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 90%;
			color: black;
			text-decoration: none;
			padding: 2px 0 0 0;
		}

		.ntop {
			width: 148px;
			height: 17px;
			background-color: #ddd;
		}

		.nrepeat {
			width: 148px;
			background-color: 0range;
			background-repeat: repeat-y;
		}

		.newslettertext {
			padding: 0px 9px 0 9px;
			background-color: white;
		}

		.nbottom {
			width: 148px;
			height: 15px;
			background-color: #ddd;
		}

	/* RSS */
		#rss {
			margin-bottom: 10px; 
			text-align: center; 
			padding-left: 20px;
			color: black;
		}

		#rss a {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 90%;
			color: #414141;
			text-decoration: underline;
			text-align: justify;
			padding: 2px;
		}

		#rss a:hover {
			font-family: Arial, Helvetica, sans-serif;
			font-size: 90%;
			color: #414141;
			text-decoration: underline;
			text-align: justify;
			padding: 2px;
		}
		
	#accreditors {
		background-image: url(/site/static/images/accreditors.jpg);
		background-repeat: no-repeat;
		width: 172px;	
		height: 62px;
		text-align: center;
		margin-left: 12px;
	}
	
	#edi {
		background-image: url(/site/static/images/edi.jpg);
		background-repeat: no-repeat;
		width: 172px;	
		height: 81px;
		text-align: center;
		margin-left: 12px;
	}			
		
/* Sidebar Right */		
	#sidebarright {
		float: right;
		width: 180px;
		margin: 0;
		padding: 5px;	
	}		

/* Main */
	#main {
		margin-left: 209px;
		padding: 10px;
		margin-right: 176px;
		margin-top: 5px;
		background-color: #f4f4ec;		
	}
	
	#main1 {
		margin-left: 209px;
		padding: 10px;
		margin-right: 176px;
		margin-top: 5px;
		background-color: #f4f4ec;
		background-image: url(/site/static/images/backgroundman.jpg);
		background-repeat: no-repeat;
		background-position: bottom right;		
	}	
	
	.interest a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: white;
		background-color: black;
		text-decoration: none;
		text-align: justify;
		padding: 7px;
	}

	.interest a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: white;
		background-color: #414141;
		text-decoration: underline;
		text-align: justify;
		padding: 7px;
	}
	
	#viewbasket a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: white;
		background-color: black;
		text-decoration: none;
		text-align: justify;
		padding: 2px;
	}

	#viewbasket a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: white;
		background-color: #414141;
		text-decoration: underline;
		text-align: justify;
		padding: 2px;
	}
	
	.titleleft {
		background-image: url(/site/static/images/titleleft.jpg);
		background-repeat: no-repeat;
		width: 160px;
		height: 32px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: white;	
		text-align: center;	
		padding-top: 6px;		
	}
	
	.titleright {
		background-image: url(/site/static/images/titleright.jpg);
		background-repeat: no-repeat;
		width: 170px;
		height: 32px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: white;				
		text-align: center;		
		padding-top: 6px;		
	}	
	
	#trainingbar {
		background-image: url(/site/static/images/trainingbar.jpg);
		background-repeat: no-repeat;
		width: 204px;
		height: 26px;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: white;				
		text-align: center;		
		padding-top: 6px;
		border: 1px solid #b9b9b9;				
	}	

	#trainingbar a {
		width: 204px;
		height: 26px;
		font-family: Arial, Helvetica, sans-serif;
		color: white;				
		text-align: center;		
		text-decoration: none;
	}
	
	#trainingbar a:hover {
		width: 204px;
		height: 26px;
		font-family: Arial, Helvetica, sans-serif;
		color: white;				
		text-align: center;		
		text-decoration: underline;
	}	
	
	
/* Frequently Asked Questions */
	.answer a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: black;
		text-decoration: none;
		text-align: justify;
		padding: 2px 0 0 0;
	}

	.answer a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 90%;
		color: black;
		text-decoration: none;
		text-align: justify;
		padding: 2px 0 0 0;
	}

/* Footer */
	#contactinfo p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;
		color: gray;
		text-decoration: none;
		text-align: center;
	}

	#footermenu {
		margin-top: 10px;
		padding: 12px 10px 0 0;
	}

	#footermenu p {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;		
		color: black;
		text-decoration: none;
		text-align: center;
	}

	#footermenu a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;
		color: black;
		text-decoration: none;
		text-align: justify;
	}

	#footermenu a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;		
		color: black;
		text-decoration: underline;
		text-align: justify;
	}

	#footer {
		clear: both;
		margin: 0;
		height: 40px;
		color: black;
		background-color: #e7e7e7;
	}

	#tel {
		margin: 20px 15px 0 0;
		float: right;
	}

	#fax {
		margin: 20px 20px 0 0;
		float: right;
	}

	#bpfooter {
		text-align: center;
		background-color: white;
		background-repeat: no-repeat;
		margin-top: 5px;
	}

	#bpfooter a {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;
		color: gray;
		text-decoration: none;
		text-align: justify;
	}

	#bpfooter a:hover {
		font-family: Arial, Helvetica, sans-serif;
		font-size: 85%;
		color: gray;
		text-decoration: underline;
		text-align: justify;
	}