/* CSS Document */

div#moving_image {
	position: absolute;
	top: 50px;
	left: 50%;
	border: 10px solid #fff;
	margin-left: -300px;
	width: 600px;
	z-index: 100;
	}

div#moving_wrapper{
	position: absolute;
	width: 100%;
	height: 1000px;
	top: 0;
	left: 0;
	background-color: #000;
	z-index: 90;
	background-color: #000;
	filter:alpha(opacity=60);
	-moz-opacity: 0.6;
	opacity: 0.6;
	}


p.caption {
	margin-top: 0;
	text-align: right;
	font-size: 10px;
	}

#customers #block_1 ul {
	margin: 0;
	padding: 0;
}

#new_build {
	padding: 10px;
}

#new_build h1 {
		padding-bottom: 10px;
}

#img_design {

}

#customers #block_1 li {
	margin: 3px;
	padding: 3px;
	list-style-type: none;
	border: 1px solid #999;
	color: #999;
	font-size: 1.2em;
	font-weight: bold;
}
#customers #block_1 h1 {
	margin: 3px ;
}

#banner {
	font-weight: normal;
	margin: 2px 0;
	padding: 8px 0;
	background-color: #5088bb;
}

#banner h1 {
	font-family: helvetica, "trebuchet ms", arial, sans;
	color: #fff;	
	margin-left: 5px;
}

#banner p {
	color: #fff;
	margin: 3px;
	margin-left: 5px;
	font-size: 14px;
}

#about #block_1 h2 {
	padding: 5px 0;
}
#products #block_1 ul {
	margin: 0;
	padding: 0;
}
#products #block_1 li {
	margin: 3px;
	padding: 4px;
	border: 2px solid #4C598F;
	list-style-type:none;
}
#products #block_1 li a {
	color: #fff;
	text-decoration: underline;
	font-weight: bold;
}
h4 {
	margin: 3px;
	padding: 4px;
	border: 2px solid #4C598F;
	background-color: #5D6DAF;
	color: #fff;

}
.shade_1 {
background-color: #5D6DAF;
}
.shade_2 {
background-color: #6677BF;
}
.shade_3 {
background-color: #6E81CF; 
}
.shade_4 {
background-color: #778BDF;
}
.shade_5 {
background-color: #7F95EF;
}
#spec_table {
	border: 2px solid #DCECA6;
	width: 100%;
}
#spec_table td {
	border: 1px solid #DCECA6;
	background-color: #F1F7DA;
	margin: 0;
	color: #535353;
}
#products #block_1 ul#note {
	font-size: .8em;
	padding: 0;
	margin: 5px;
}
#products #block_1 ul#note li {
	margin: 0;
	padding: 0;
	margin-left: 20px;
	border-width: 0;
	list-style-type: square;
}
#block_1 ul#customers li{
	border-width: 0;
}
#block_1 ul#downloads {
	
}
#block_1 ul#downloads li {
	border-style: none;
	list-style: none;
	padding: 0;
	margin: 2px 5px;
	float: left;
	width: 70px;
	
}
#block_1 ul#downloads a {
	color: #333;
	background-image:url(images/pdf_button.png);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 20px;
}

#downloads {
	float: left;
	/* NB. possibly only IE 5.01 needs to get this float value - otherwise 5.5 sometimes 
	(I saw it happen many moons ago) makes the width of wrapper too small 
	the float: none with the comment is ignored by 5.01,
	5.5 and above see it and carry on about their business
	It's probably fine to just remove it, but it's left here 
	just in case that many moons ago problem rears its head again */
	float/**/: none;
	}

#downloads:after
	{
	content: '[DO NOT LEAVE IT IS NOT REAL]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}
#downloads
	{
	display: inline-block;
	}
/*\*/
#downloads
	{
	display: block;
	}
/* end easy clearing */

.product, .home {
	float: left;
	float/**/: none;
	}
	
.product:after, .home:after {
	content: '[clear]'; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
	}

.product, .home
	{
	display: inline-block;
	}
/*\*/
.product, .home
	{
	display: block;
	}
	
.product img {
	border: 0;
	}

#contact_image {
	width:350px;
	
	}
	
#block_1 ul.outline {
	
	}
	
#block_1 ul.outline li {
	list-style-type: decimal;
	}	

#block_1 ul.outline li ul li {
	list-style-type: none;
	}

#block_1 img.text {
	width: 290px;
	height: 91px;
	}

#block_1 ul li {
	list-style-type: none;
}
.super {
vertical-align:super;
font-size: 9px;
}
.info-highlights div{background-color:#5088ab;text-transform:capitalize;width: 290px; float: right;margin: 0 0 6px 8px;}
.info-highlights p{color: #fff;font-size: 20px;margin: 10px 20px;;}