/*
Website Style for: http://www.bec.uk.com/
Description: 
Version: 1
Author: Integris Solutions
Author URI: http://www.integris.uk.com/

*/
html { height: 100%; margin-bottom: 1px; }

body, div, h1, h2, h3, h4, h5, h6, p, ul, ol, li, dl, dt, dd, img, form, fieldset, blockquote {
	margin: 0; padding: 0; border: 0;
}

body {
	font-family: Century Gothic, Arial, Helvetica, Sans-Serif; color: #000166;
}

h1{
	font-size: 12pt; margin: 0 10px 10px 5px; line-height: 24px;
}

h2{
	font-size: 10pt; margin: 5px 5px 10px 5px;
}

blockquote{
	margin: 0px 15px 0 15px;
}
	blockquote p {
		font-style: italic;
	}

#outer {
	background: url(images/bg-vert-repeat.png) center repeat-y; min-width: 800px;
}

#container {
	background: url(images/main-header.jpg) center top no-repeat; min-width: 800px;	
}

#header {
	width: 800px; margin: 0 auto; position: relative;
}

#menu {
	display: inline; text-align: center; font-size: 10pt;
}
	#menu li {
		display: block; width: 160px; height: 26px; float: left;		
		background: url(images/buttonbanner2.jpg);
	}	
	#menu li a.About {	
			display: block; width: 160px; height: 26px; float: left;			
			background: url(images/menusprite.jpg) 0px 0px no-repeat; text-indent: -9999px;
		}
			#menu li a.About:hover {
				background-position: 0px -27px;
			}
	#menu li a.References {	
		display: block; width: 160px; height: 26px; float: left;			
		background: url(images/menusprite.jpg) -160px 0px no-repeat; text-indent: -9999px;
	}
		#menu li a.References:hover {
			background-position: -160px -27px;
		}
	#menu li a.Products {	
		display: block; width: 160px; height: 26px; float: left;			
		background: url(images/menusprite.jpg) -320px 0px no-repeat; text-indent: -9999px;
	}
		#menu li a.Products:hover {
			background-position: -320px -27px;
		}		
	#menu li a.Export {	
		display: block; width: 160px; height: 26px; float: left;			
		background: url(images/menusprite.jpg) -480px 0px no-repeat; text-indent: -9999px;
	}
		#menu li a.Export:hover {
			background-position: -480px -27px;
		}
	#menu li a.ContactUs {	
		display: block; width: 160px; height: 26px; float: left;			
		background: url(images/menusprite.jpg) -640px 0px no-repeat; text-indent: -9999px;
	}
		#menu li a.ContactUs:hover {
			background-position: -640px -27px;
		}		
	#menu a {
		text-decoration: none; color: #000000;
	}
	
	#menu a:hover {
		padding-left: 4px; color: #333333;
	}
	
#content {
	width: 800px; margin: 0 auto; padding: 10px 0 0 0; overflow: hidden; text-align: justify; height: 100%;
	/*background: url(images/top.png) -60px -200px no-repeat;*/
	background: url(images/right.png) repeat-y top right;
}
		#content p {
			font-size: 12px; line-height: 18px; margin: 0 0 15px 0; padding: 0 10px 0 5px;
		}		
		#content a {
			color: #0066d5; text-decoration:underline; font-weight: bold;
		}
		#content hr { 
			margin: 0 5px 0 5px; border: 0; border-top: 1px solid #cb0000; height: 1px;
		}
		
#maintext {
	width: 640px; float: left;
}
	#maintext ul {
		padding: 0 0 0 55px; font-size: 12px; line-height: 18px;
	}
#rightcolumn {
	width: 160px; float: left; 	
}
	#rightcolumn img {
		margin-bottom: 20px; border: 1px solid #cb0000;
	}
	
#productcolumn {
	float: left; margin: 0 0 20px 0; border: 1px solid #cb0000; background-color: #cb0000;
}		
	#productcolumn .textlink {
		background-color: #cb0000; color: #FFFFFF; text-align: center; display: block; font-size: 12px; line-height: 20px;
	}
	
#contenttable {
	width: 100%; padding: 0;
}
	#contenttable .promolink {
		font-weight: bold; font-size: 18px; color: #FFFFFF; background-color: #FF0000; border-bottom: 1px solid #FF0000;	
	}
	#contenttable img {
		border: 1px solid #cb0000;
	}

#contentbottom {
	width: 800px; height: 145px; margin: 0 auto; padding: 0; overflow: hidden; 
	/*background: url(images/bottom.png) left bottom no-repeat;*/
	position: relative; bottom: 100px;
}		

#footer {
	width: 800px; margin: 0 auto; padding: 10px 0 0 0; overflow: hidden; font-size: 7pt; margin-top: 10px;
}
		#footer a {
			color: #0066d5; text-decoration:underline; font-weight: bold;
		}
		
#textbullets {
	margin: 0 0 0 60px; font-size: 12px;
}

.clear {
	clear: both;
}

.contacttable {
	padding: 0; width: 70%;
	font-size: 12px; line-height: 18px; padding: 0 10px 0 5px;
}

.contenttable td{
	width: 50%;
}

.redbg {
	background-color: #cb0000; padding: 0 0 3px 0; border: 1px solid #FFFFFF;
}

.largeimage {
	text-align: center; width: 100%;
}

strong {
	font-size: 12px;
}

#categorylinks {
	padding: 0; width: 100%; text-align: right; font-size: 12px;
}
	#categorylinks ul{
		margin-right: -10px;
	}
	#categorylinks  li{
		margin: 0 10px 0 10px; display: inline;
	}

#ProductsThin {
	width: 100%; font-size: 12px; padding-top: 14px; color: #FFFFFF;
}
	#ProductsThin a {
		color: #FFFFFF;
	}
	#ProductsThin td{
		width: 100px; text-align: center; border: 1px solid #cb0000; padding: 3px 0 0px 0;
	}
	#ProductsThin li{
		display: inline; font-size: 10px;
	}

#ProductsMedium {
	width: 100%; font-size: 12px; padding-top: 14px; color: #FFFFFF;
}
	#ProductsMedium a {
		color: #FFFFFF;
	}
	#ProductsMedium td{
		width: 190px; text-align: center; border: 1px solid #cb0000; padding: 3px 0 0px 0;
	}
	#ProductsMedium li{
		display: inline; font-size: 11px;
	}
	
#Products {
	width:450px; padding: 0; color: #FFFFFF; border: 1px solid #000166; background-color: #cb0000;
}	
	#Products .image{
		text-align: center;
	}
	#Products td {
		padding: 15px;
	}
	#Products p {
		font-size: 12px; line-height: 20px; margin: 0 5px 0 5px;
	}
	#Products a {
		color: #FFFFFF; font-size: 12px; font-weight: bold;
	}
	#Products ul{
		text-align: center; margin: 5px 5px 0 5px;
	}
	#Products li{
		display: inline; 
	}
	#Products hr { 
			margin: 10px 5px 5px 5px; border: 0; border-top: 1px solid #FFFFFF; height: 1px;
	}