body 
{
	margin: 0;
	font-family: Tahoma, Arial, Helvetica;
	font-size: 62.5%;
}

/* IE 6 PNG Fix */
a { behavior: url(/htc/iepngfix.htc) }

/* Backgrounds */
.homepage
{
	background: #0194c8 url('/images/backgrounds/homepage.jpg') no-repeat center top;
	color: #ffffff;	
}

	.homepage h1 a
	{
		background: url('/images/esl_blue.png') no-repeat left top;
	}

	.homepage a
	{
		color: #ffffff;
	}
	
	.homepage h3
	{
		color: #02668c;
	}

.content
{
	background: #cdced0 url('/images/backgrounds/content.jpg') no-repeat center top;
	color: #838383;
}

	.content h1 a
	{
		background: url('/images/esl_grey.png') no-repeat left top;
	}

	.content a
	{
		color: #838383;
	}
	
	.content h3
	{
	}

/* Remove all spacing/padding */
h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{
	margin: 0;
	padding: 0;
}

/* Remove border from images */
img
{
	border: 0;
}

/* Links */

a:hover
{
	text-decoration: none;
}

/* Break */
.break
{
	clear:both;
	height: 0px;
	line-height: 0px;
	font-size:1px;
}

/* Headers */
h1
{
	float: left;
	width: 429px;
	font-size: 2em;
}

	h1 a
	{
		width: 429px;
		height: 101px;
		float: left;
		text-indent: -5000px;
		cursor: pointer;
	}
	
h2
{
	font-size: 1.3em;
	padding-top: 4px;
}

h3
{
	float: left;
	font-family: Franklin Gothic Medium, Arial, Helvetica;
	font-size: 3.4em;
	line-height: 0.8em;
	letter-spacing: -0.05em;
	display: inline;
	width: 100%;
	padding-bottom: 5px;
}

h4
{
	font-size: 1.4em;
}

#wrapper
{
	width: 780px;
	margin: auto;
}

/* Header */
#header
{
	float: left;
	width: 740px;
	border-bottom: solid 1px #ffffff;
	margin: 0 20px;
	padding: 10px 0;
	font-size: 1.1em;
	display: inline;
}

	#header #header-1
	{
		float: left;
		width: 200px;
	}
	
	#header #header-2
	{
		float: right;
		width: 450px;
		text-align: right;
	}

/* Logo & search */
#logo-search
{
	float: left;
	width: 740px;
	margin: 0 20px;
	padding: 10px 0;
	display: inline;
}

	#logo-search #search
	{
		float: right;
		width: 150px;
	}

		#logo-search #search input
		{
			width: 130px;
		}

		#logo-search #search .search-button
		{
			float: right;
			padding-top: 5px;
		}
	
/* Navigation */
#navigation
{
	float: left;
	width: 780px;
	padding: 10px 0 20px 0;
}

	#navigation ul
	{
		float: left;
		width: 762px;
		height: 20px;
		padding: 9px 9px 0 9px;
		margin: 0;
		list-style-type: none;
		background: url('/images/backgrounds/nav.png') no-repeat left top;
	}
	
	#navigation ul.Home
	{
		background: url('/images/backgrounds/nav_home.png') no-repeat left top;
	}
	
	#navigation ul.About-Us
	{
		background: url('/images/backgrounds/nav_about.png') no-repeat left top;
	}
	
	#navigation ul.Products---Services
	{
		background: url('/images/backgrounds/nav_products.png') no-repeat left top;
	}
	
	#navigation ul.News
	{
		background: url('/images/backgrounds/nav_news.png') no-repeat left top;
	}
	
	#navigation ul.Resource-Centre
	{
		background: url('/images/backgrounds/nav_resource.png') no-repeat left top;
	}
	
	#navigation ul.Contact-Us
	{
		background: url('/images/backgrounds/nav_contact.png') no-repeat left top;
	}

	#navigation ul.Our-Clients
	{
		background: url('/images/backgrounds/nav_clients.png') no-repeat left top;
	}
	
	#navigation li
	{
		float: left;
	}
	
	#navigation a
	{
		float: left;
		height: 13px;
		text-indent: -5000px;
	}
	
	#navigation a.home
	{
		width: 68px;
		background: url('/images/navigation/home.gif') no-repeat left top;
	}

	#navigation ul.Home a.home
	{
		width: 68px;
		background: url('/images/navigation/home_white.gif') no-repeat left top;
	}
	
	#navigation a.about
	{
		width: 99px;
		background: url('/images/navigation/about.gif') no-repeat left top;
	}
	
	#navigation a.products
	{
		width: 163px;
		background: url('/images/navigation/products.gif') no-repeat left top;
	}
	
	#navigation a.news
	{
		width: 81px;
		background: url('/images/navigation/news.gif') no-repeat left top;
	}
	
	#navigation a.resource
	{
		width: 143px;
		background: url('/images/navigation/resource.gif') no-repeat left top;
	}
	
	#navigation a.contact
	{
		width: 111px;
		background: url('/images/navigation/contact.gif') no-repeat left top;
	}
	
	#navigation a.clients
	{
		width: 96px;
		background: url('/images/navigation/clients.gif') no-repeat left top;
	}

/* Homepage */	
#homepage
{
	float: left;
	width: 740px;
	padding: 0 20px;
}

	#homepage #homepage-1, #homepage #homepage-3
	{
		float: left;
		width: 360px;
		margin: 0 20px 30px 0;
		border-top: solid 1px #ffffff;
	}
	
	#homepage #homepage-2, #homepage #homepage-4

	{
		float: left;
		width: 360px;
		margin: 0 0 30px 0;
		border-top: solid 1px #ffffff;
	}
	
	#homepage #homepage-1 p
	{
		float: left;
		font-size: 1.4em;
		padding: 15px 0 5px 0;
	}
	
	#homepage #homepage-1 select
	{
		font-size: 1.2em;
		font-weight: bold;
		color: #5a5b5b;
	}

	#homepage #homepage-2 .form-fields
	{
		float: left;
		width: 360px;
	}
		
		#homepage #homepage-2 .form-field
		{
			float: left;
			width: 180px;
			padding-top: 10px;
		}

		#homepage #homepage-2 .input
		{
			width: 150px;
		}
		
		#homepage #homepage-2 .form-field label
		{
			float: left;
			width: 180px;
			font-size: 1.2em;
			font-weight: bold;
			padding: 2px 0;
		}

	
	#homepage #homepage-2 p, #homepage #homepage-3 p
	{
		float: left;
		font-size: 1.2em;
		padding: 10px 0 0 0;
	}

	#homepage #homepage-4 .news-article
	{
		float: left;
		width: 160px;
		padding: 10px 20px 0 0;
		font-size: 1.3em;
		font-weight: bold;
	}

	#homepage #homepage-4 .news-article a
	{
		color: #02668c;
	}
	
/* About */
#about
{
	float: left;
	width: 740px;
	padding: 0 20px;
}

	#about #about-1
	{
		float: left;
		margin-right: 20px;
		width: 550px;
		border-top: solid 1px #ffffff;
	}
	
	#about #about-2
	{
		float: left;
		width: 170px;
		border-top: solid 1px #ffffff;
	}
	
	#about #about-3
	{
		float: left;
		margin: 20px 20px 0 0;
		width: 360px;
	}
	
	#about #about-4
	{
		float: left;
		width: 360px;
		margin: 20px 0 0 0;
	}
	
		#about #about-4 h4, #about #about-3 h4
		{
			color: #0093c6;
		}
	
		#about #about-4 p, #about #about-3 p
		{
			font-size: 1.2em;
		}

/* Products */
.blue a, a.blue, h4.blue
{
	color: #0093c6;
}

.yellow a, a.yellow
{
	color: #faa61b;
}

.red a, a.red
{
	color: #c42e1c;
}

.purple a, a.purple
{
	color: #b64a9b;
}

.green a, a.green
{
	color: #79ae37;
}

#products
{
	float: left;
	width: 740px;
	margin: 0 20px;
	display: inline;
}

	#products #products-1
	{
		float: left;
		margin-right: 20px;
		width: 550px;
		border-top: solid 1px #ffffff;
	}
		
		#products #product-overviews a
		{
			font-size: 1.4em;
			font-weight: bold;
		}
		
		#products #product-overviews p
		{
			font-size: 1.2em;
		}
		
		#products .product-overview
		{
			float: left;
			width: 170px;
			margin-right: 20px;
			padding-top: 30px;
		}
		
		#products .product-overview-final
		{
			float: left;
			width: 170px;
			padding-top: 30px;
		}
		
		#products #product-content
		{
			float: left;
			width: 360px;
			margin: 50px 20px 0 0;
		}
		
		#products #product-content p
		{
			font-size: 1.2em;
		}
		
		#products #product-image
		{
			float: left;
			width: 170px;
		}
		
		#products #product-download
		{
			float: left;
			width: 170px;
			border-top: solid 1px #ffffff;
			margin-top: 10px;
		}
	
	#products #products-2
	{
		float: left;
		width: 170px;
		border-top: solid 1px #ffffff;
	}
	
		#products #products-2 ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 1.4em;
			font-weight: bold;
		}

		#products #products-2 li
		{
			padding-bottom: 3px;
		}

		#products #products-2 ul ul
		{
			margin: 0;
			padding: 0 0 0 10px;
			font-size: 0.9em;
		}

/* News */
#news
{
	float: left;
	width: 740px;
	margin: 0 20px;
	display: inline;
}

	#news #news-1
	{
		float: left;
		margin-right: 20px;
		width: 550px;
		border-top: solid 1px #ffffff;
	}
		
		#news #news-content
		{
			float: left;
			width: 360px;
			margin: 50px 20px 0 0;
			padding-bottom: 20px;
			border-bottom: solid 1px #ffffff;
		}
		
		#news #news-content p
		{
			font-size: 1.2em;
		}
		
		#news #news-navigation
		{
			float: left;
			width: 170px;
			padding-top: 10px;
		}
		
		#news #news-navigation select
		{
			font-size: 1.4em;
			color: #5a5b5b;
			margin: 10px 0;
		}
		
		#news #news-navigation ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		#news #news-navigation li
		{
			padding-bottom: 10px;
		}
		
		#news #news-navigation a
		{
			color: #0093c6;
		}
		
		#news #news-download
		{
			float: left;
			width: 360px;
			padding-top: 5px;
		}
	
	#news #news-2
	{
		float: left;
		width: 170px;
		border-top: solid 1px #ffffff;
	}
	
		#news #news-2 ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 1.4em;
			font-weight: bold;
		}

		#news #news-2 li
		{
			padding-bottom: 3px;
		}

/* Resource */
#resource
{

	float: left;

	width: 740px;
	padding: 0 20px;
}

	#resource #resource-1
	{

		float: left;

		margin-right: 20px;
		width: 550px;
		border-top: solid 1px #ffffff;
	}
	
	#resource #resource-2
	{
		float: left;
		width: 170px;
		border-top: solid 1px #ffffff;
	}

		#resource #resource-2 ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 1.4em;
			font-weight: bold;
		}

		#resource #resource-2 li
		{
			padding-bottom: 3px;
		}
	
	#resource #resource-3
	{
		float: left;
		margin: 20px 0 0 0;
		width: 550px;
	}
	
		#resource #resource-3 .resource-list
		{
			float: left;
			width: 170px;
			margin-right: 20px;
			border-top: solid 1px #ffffff;
		}
		
		#resource #resource-3 .resource-list-final
		{
			float: left;
			width: 170px;
			border-top: solid 1px #ffffff;
		}
		
		#resource #resource-3 ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 1.2em;
			font-weight: bold;
		}
		
		#resource #resource-3 li
		{
			padding-top: 20px;
		}
		
		#resource #resource-3 a
		{
			color: #0093c6;
		}

/* Contact */
#contact
{
	float: left;
	width: 740px;
	padding: 0 20px;
}

	#contact #contact-1

	{
		float: left;
		margin-right: 20px;
		width: 550px;
		border-top: solid 1px #ffffff;
	}
	
	#contact #contact-2
	{
		float: left;
		width: 170px;
		border-top: solid 1px #ffffff;
	}

		#contact #contact-2 p
		{
			font-size: 1.2em;
			padding-top: 4px;
		}
	
	#contact #contact-3
	{
		float: left;
		margin: 20px 0 0 0;
		width: 550px;
	}
	
		#contact #contact-3 .form-fields
		{
			float: left;
			width: 170px;
			margin-right: 20px;
			padding-top: 5px;
			border-top: solid 1px #ffffff;
		}
		
		#contact #contact-3 .form-fields-final
		{
			float: left;
			width: 170px;
			padding-top: 5px;
			border-top: solid 1px #ffffff;
		}

		#contact #contact-3 .form-field
		{
			float: left;
			width: 100%;
			padding-bottom: 10px;
		}

		#contact #contact-3 .input
		{
			width: 150px;
		}
		
		#contact #contact-3 .form-field label
		{
			float: left;
			width: 170px;
			font-size: 1.2em;
			font-weight: bold;
			padding: 2px 0;
		}

		#contact #contact-3 .checkbox-list
		{
			font-size: 1.2em;
		}

.validation
{
	float: left;
	width: 100%;
	font-size: 1.1em;
	padding-top: 10px;
}

.submit-button
{
	float: left;
	padding-top: 10px;
}

/* Search Results */
.search-result
{
	float: left;
	width: 100%;
	padding-top: 10px;
}

.pagination
{
	float: left;
	width: 100%;
	font-size: 1.2em;
	padding-top: 10px;
}

/* Useful Links */
#useful-links
{
	float: left;
	width: 740px;
	padding: 0 20px;
}

	#useful-links #useful-links-1
	{
		float: left;
		margin-right: 20px;
		width: 550px;
		border-top: solid 1px #ffffff;
	}

	#useful-links #useful-links-2
	{
		float: left;
		width: 170px;
		border-top: solid 1px #ffffff;
	}

		#useful-links #useful-links-2 ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
			font-size: 1.4em;
			font-weight: bold;
		}

		#useful-links #useful-links-2 li
		{
			padding-bottom: 3px;
		}
	
	#useful-links #useful-links-3
	{
		float: left;
		margin: 0 20px 0 0;
		width: 550px;
		font-size: 1.2em;
		font-weight: bold;
	}

		#useful-links #useful-links-3 img
		{
			padding-bottom: 10px; 
		}

		#useful-links #useful-links-3 a
		{
			color: #0093c6;
		}

		#useful-links #useful-links-3 .useful-link
		{
			float: left;
			width: 250px;
			padding: 50px 50px 0 0;
		}

		#useful-links #useful-links-3 .useful-link-alternate
		{
			float: left;
			width: 250px;
			padding: 50px 0 0 0;
		}
	
	#useful-links #useful-links-4
	{
		float: left;
		width: 170px;
	}

/* Editable Content */
.editable-content
{
	font-size: 1.2em;
}

.editable-content ul
{
	padding: 0 0 0 10px;
	margin: 10px 0 10px 10px;
}

.editable-content li
{
	padding: 2px 0 2px 10px;
}

/* Footer */
#footer
{
	float: left;
	width: 740px;
	padding: 5px 0;
	margin: 30px 20px 0 20px;
	border-top: solid 1px #ffffff;
	font-size: 1.1em;
	display: inline;
}

	#footer #footer-1
	{
		float: left;
		width: 370px;
	}
	
		#footer #footer-1 ul
		{
			margin: 0;
			padding: 0;
			list-style-type: none;
		}
		
		#footer #footer-1 li
		{
			float: left;
			border-left: solid 1px #ffffff;
			padding: 0 5px;
			line-height: 1.1em;
		}
		
		#footer #footer-1 li.first
		{
			border-left: none;
			padding: 0 5px 0 0;
		}
	
	#footer #footer-2
	{
		float: left;
		text-align: right;
		width: 370px;
	}

/*
 * An obnoxious label to identify dev sites. Not used in production.
 */
.SiteLabel
{
	position:absolute;
	top:5px;
	right:5px;
	background-color: Yellow;
	color: Black;
	padding: 0.25em;
	font-weight: bold;
	width: 150px;

	font-size: 16px;
}