img, div { behavior: url(iepngfix.htc) }

body{font-family:Arial, Helvetica, sans-serif;font-size:84%;color:#fff;background-color:#010101;margin:0;padding:0;}
a { color:#FF0000; text-decoration:none; }
a:hover {text-decoration:underline;}
a img{border:0;}

.sml {font-size:76%; margin-top:5px;}

select{font-size:11px;color:#384D5E;width:165px;background-color:#FFF;}
form{margin:0;padding:0;}
.head a{color:#FFF;}
.head a:hover{color:#FFF;text-decoration:underline;background-color:#324962;}
.head{height:28px; background:url(../images/header.gif) repeat-x left top;}

.wrap {width:990px; margin:0 auto; position:relative;}

.header{height:279px;background-color:#000;color:#FFF; position:relative;}
.subheader{height:160px;background-color:#000;color:#FFF; position:relative;}

.logo{position:absolute;left:0;top:28px; z-index:2;}
.newsside{color:#FFF; background:url(/images/awards_bkg.pn) repeat-y left top;padding-top:0px;padding-left:20px; padding-right:10px;line-height:15px;width:190px;  float: left; left:0; top:0;height:270px; color:#999999;  margin-right: 0px; margin-left: 0px;}
.newsside ul{ margin:0; padding:0; list-style:none;}
.newsside ul li{ margin:0; padding:10px 0px; font-size:12px; list-style:none; border-bottom:solid 1px #CCCCCC;}
.newsside a{color:#FFF;}
.newsside a:hover{color:#FFF;text-decoration:underline;}
.newsside h3{font-size: 13px; margin: 0; margin-bottom:0px; color:#CCC;}
.navigation{padding-left:230px;background:url(../images/nav_gradient.gif) repeat-x left bottom;height:85px;}
.readmore {font-size:10px; margin: 0px;}

.navcol{padding-left:20px; padding-right:10px;line-height:17px;width:165px; float:left; margin-right:30px; background:url(../images/line.png) repeat-y right top;}
.maincontent{ background:url(../images/content_gradient.gif) repeat-x left top; _height:156px; min-height:156px; padding:10px 0px;}
.subpagecontent{ width:710px;  float:left;}

.footer{padding-left:20px; padding-right:20px; padding-top:10px; background: #131313 url(../images/footer.gif) repeat-x left top; height:28px; text-align:right;color:#CCCCCC; font-size:0.7em;}
.footer a{font-weight:700; color:#CCCCCC;}

.awardsbottom{ width: 780px;margin-top: 15px; margin-bottom: 10px;padding-left:200px; padding-right:0px; padding-top:3px;  height: 100px; float: left; background-repeat:no-repeat;}
.awardsbottomtext{ margin: 0; padding: 0;height:107px; width: 754px; float: left; font-size:12px; color:#999; margin-bottom: 10px; padding-top:20px; margin-left: 16px;}
.awardsbottomtext ul li{ margin:0; padding:0; list-style:none; float: left; margin-right: 10px; margin-left: 0px;  margin-bottom: 40px;}
.awardsbottomtext ul{list-style:none;  margin:0; padding:0; margin-left:20px; margin-top: 0px;}
.awardstitle{margin: 0; padding:0; text-indent:5px; font-size:14px;}
.wrapawards{width: 100%; padding:0; margin: 0; background-color: #;}
.wrapawardsfront{margin-right: 10px;}


h1{font-size:100%;margin:0;padding:0;}

.homebox{width:110px; height:155px; margin-left:16px; float:left;}
.productbox{width:230px; background-color:#FFFFFF; padding:5px;margin-right:20px; margin-left: 60px; margin-bottom:20px; float:left; color:#666666;}
.productboxright{width:230px; background-color:#FFFFFF; padding:5px; margin:15px 0 20px 20px; float:right; color:#666666;}
.last{margin-right:0px; margin-left: 0px;}

.gallerybox{ float:right; width:300px; padding:5px;}
.gallerybox span img{margin-top:5px; margin-left: 5px; border: 5px solid #FFFFFF;}
.gallerytext{ float:left; width:350px;} 
.gallerytext ul{ margin:0; padding:0; list-style:none;}
.gallerytext ul li{ margin:0; padding: 0px; font-size:12px; list-style:none;}
.gallerytext h3{ display: inline; margin-bottom:3px; font-size:14px; color:#FF0000; l}

.tableh3{ display: inline; margin-bottom:3px; font-size:14px; color:#FF0000; margin: 0; padding: 0;}


.gallerybox2{ float:left; width:150px; height:185px; background-color:#FFFFFF; padding:5px; color:#666666; margin-left: 30px; margin-bottom: 15px;}
.gallerybox2 span img{margin-top:5px;}
.gallerytext2{ float:left; width:350px; color:#666666;} 

.gallerybox3{ float:right; width:150px; background-color:#FFFFFF; padding:5px; color:#666666; margin-right:30px; margin-bottom: 15px;}
.gallerybox3 span img{margin-top:5px;}
.gallerytext3{ float:left; width:350px; color:#666666;} 
.gallerybox3 last { margin-right: 0px; margin-left: 0px;}


hr {
	color: #000000;
	border-top-width: 1px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: dotted;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #c3c3c3;
	margin-top: 0.5em;
	margin-right: 0em;
	margin-bottom: 0.5em;
	margin-left: 0em;
}



/* Navigation */
#navbar {background:url(../images/nav_gradient.gif) repeat-x left bottom;height:85px;}
#navbar ul li{ margin:0; padding:0; list-style:none;}
#navbar li{float:left;list-style:none;}
#navbar li#home{background-image:url(../images/menuh_hi.png);list-style:none;}
#navbar li#about{background-image:url(../images/menu1_hi.png);list-style:none;}
#navbar li#projects{background-image:url(../images/menu2_hi.png);list-style:none;}
#navbar li#products{background-image:url(../images/menu3_hi.png);list-style:none;}
#navbar li#enquire{background-image:url(../images/menu4_hi.png);list-style:none;}
#navbar li#contact{background-image:url(../images/menu5_hi.png);list-style:none;}

.submenu a, .submenu a:visited {text-decoration:none; color:#fff;  display:block;  width:165px;  height:10px;  padding:10px 10px 10px 0px; font-weight:700; font-size:0.8em; }
.submenu a:hover { color:#FF3300; text-decoration:none; }
.submenu a.current { color:#FF3300; text-decoration:none; }

.googlemap {width: 480px; height: 100%; float:right; margin-left: 20px;}

.contacttop {width: 700px; height: 90px; float:left; margin:0; padding:0; }
.contactleft {width: 200px; height: 100%; float:left; margin:0; padding:0; } 

.notop {margin-top: 0;}

form
{
float: none; height: 100%; width: 500px; margin-top: 20px;
}

#formLeft 
{
	width: 150px;
	float: left;
}
	
#formLeft input 
{
		width: 150px;
		margin: 0 0 0px 0;
		text-align: left;
		margin: 5px 0 0 0px;
		font-size: 12pt;
}

#formLeft .input-bg 
{
		height: 25px;
		margin-bottom: 15px;
		position: relative;
}

#formLeft .active 
{
}

#formRight 
{
	width: 300px;
	float: right;
}
	
#formRight textarea 
{
		width: 300px;
		height: 193px;
		display: block;
		margin: 5px 0 0 0px;
		padding: 0px 0 0px 0;
		font-family: Helvetica, sans-serif;
		font-size: 12pt;
}
	
#formRight .message-bg 
{
		height: 100px;
}
	
#formRight .active 
{

}

label 
{
	display: block;
	font-size: 10pt;
	font-weight: bold;
	color: #ff0000;
}

label.error 
{
	position: absolute;
	top: -16px;
	right: 49px;
	padding: 3px;
	color: #fff;
	font-size: 1.0em;
	text-align: right;
	font-style: italic;
	font-weight: normal;
}

input.submit-button 
{
	float: right;
	padding-right: 31px;
	margin-top: 90px;
	display: block;
	font-size: 10pt;
	font-weight: bold;
	color: #ff0000;
}

.noborder
{
border: none;
margin: 0 auto;
}

.right {margin-right: 10px; margin-bottom: 10px;}
.left {margin-left: 10px; margin-bottom: 20px;}


#pscroller1{
width: 80%;
height: 45%;
padding-left: 5px;
padding-top: 10px;
}

.someclass{ //class to apply to your scroller(s) if desired
}

.startbutton {
	background-image: url(/images/buttons/start.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#000000;
	display: inline-block;
	height: 36px;
	width: 31px;
	border:0;
	margin-top: 10px;
}

.startbutton:hover {
	background-image: url(/images/buttons/start.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#000000;
	display: inline-block;
	height: 36px;
	width: 31px;
	border:0;
	margin-top: 10px;
}

.backbutton {
	background-image: url(/images/buttons/back.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#000000;
	display: inline-block;
	height: 36px;
	width: 31px;
	border:0;
	margin-top: 10px;
}

.backbutton:hover {
	background-image: url(/images/buttons/back.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#000000;
	display: inline-block;
	height: 36px;
	width: 31px;
	border:0;
	margin-top: 10px;
}

.forwardbutton {
	background-image: url(/images/buttons/forward.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#000000;
	display: inline-block;
	height: 36px;
	width: 31px;
	border:0;
	margin-top: 10px;
}

.forwardbutton:hover {
	background-image: url(/images/buttons/forward.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#000000;
	display: inline-block;
	height: 36px;
	width: 31px;
	border:0;
	margin-top: 10px;
}

.endbutton {
	background-image: url(/images/buttons/end.gif);
	background-repeat: no-repeat;
	background-position: left top;
	background-color:#000000;
	display: inline-block;
	height: 36px;
	width: 31px;
	border:0;
	margin-top: 10px;
}

.endbutton:hover {
	background-image: url(/images/buttons/end.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	background-color:#000000;
	display: inline-block;
	height: 36px;
	width: 31px;
	border:0;
	margin-top: 10px;
}

h2.searchheader {
	background-image: url(/images/searchbg.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin: 0px;
	padding: 3px 0 0 35px;
	height: 30px;
	font-size: 17px;
}

h3.advanced {
	background-image: url(/images/buttons/advanced.gif);
	background-repeat: no-repeat;
	background-position: left top;
	width:208px;
	height:15px;
	margin:0;
	margin-top: 10px;
	padding:5px 5px 5px 35px;
}

h3.advanced a{font-size: 13px;}

.Grid td
{
	text-align: left;
	vertical-align: top;
	padding:3px;
}
.Grid th {}

.GridHeader {background-color:#333333; color:#ffffff;padding:3px;}
.GridItem {background-color:#e8e8e8; color:#000000;}
.GridAltItem {background-color:#d5d5d5; color:#000000;}