@charset "utf-8";

body {
	margin:0px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:80%;
	background:url(../img/bg.jpg) no-repeat fixed top center;
}
#page {
	position:relative;
	width:900px;
	margin-left:auto;
	margin-right:auto;
	border:2px solid #33465A;
}
#banner {
	width:900px;
	height:130px;
}
.banner1 {background-image:url(../img/bannergates.jpg);}
.banner2 {background-image:url(../img/bannerautomation.jpg);}
.banner3 {background-image:url(../img/bannerrailings.jpg);}
.banner4 {background-image:url(../img/bannercommercial.jpg);}
.banner5 {background-image:url(../img/bannerall.jpg);}
#navbar {
	height:auto;
	width:900px;
	position:relative;
	z-index:5;
}
#content {
	width:896px;
	height:auto;
	padding:0px;
	z-index:0;
}
div.alignright {
	padding:4px 6px 0 0;
	text-align:right;
}
a.anchor1 {/*anchor1*/
	color:#33465A;
}
a:hover.anchor1 {/*anchor1*/
	color:#5A7694
}
a.anchor2 {/*anchor2*/
	color:#FFFFCC;
	text-decoration:underline;
}
a:hover.anchor2 {/*anchor2*/
	color:#FFFF00;
	text-decoration:underline;
}
#lefttext {
	position:relative;
	margin:10px;
	margin-top:0px;
	padding:3px;
	font-size:100%;
	border:2px solid #33465A;
	color:#FFFFFF;
	background-color:#5A7694;
	width:845px;
	height:auto;
	z-index:99;
	float:left;
}
.header1, h1.header1a, .header1a {
	color:#FFFFFF;
	background-color:#465B73;
	width:120px;
	padding:3px;
	margin:5px 4px 5px 5px;
	border:2px solid #33465A;
	font-size:1em;
	font-weight:bold;
	float: left;
	font-weight:bold;
}
h1.header1a {margin:2px 8px 1px 2px;}
.header2 {
	color:#FFFFFF;
	font-size:110%;
	background-color:#465B73;
	width:90px;
	padding:3px 3px 3px 3px;
	margin:0px 0px 5px 0px;
	border:2px solid #33465A;
	font-weight:bold;
	font-size:90%;
}
.header2 a {
	color:#FFFFFF;
	text-decoration:none;
}
.header2 a:hover{
	text-decoration:underline;
	color:#FFFFFF;
}
.headermain h1, h1.headermain2 {
	background-color:#5A7694;
	width:885px;
	padding:0px 0 3px 15px;
	color:#FFFFFF;
	font-size:130%;
	font-weight:700;
	border:solid #33465A;
	border-width:2px 0 2px 0;
	margin-top:5px;
	margin-bottom:0px;
}
h1.headermain2 {
	width:353px;
	border-width:2px 2px 2px 0;
	margin-top:0px;
}
.headersub h2{
	color:#33465A;
	font-size:110%;
	font-weight:600;
	margin-left:15px;
	margin-top:10px;
	margin-bottom:-5px;
	text-align:left;
}
.pagetext {padding:10px 15px;}
#text {
	padding:5px 10px 5px 10px ;
	width:675px;
	float: right;
}
#boxholder {/*boxholder2 css15*/
	width:881px;
	float:left;
	margin:0px;
	padding-left:15px;
}
#box1, #box2, #box3, #box4 {/*css15*/
	position:relative;
	width:150px;
	padding:5px 0px 5px 5px;
	margin:10px 60px 0px 10px ;
	border:2px solid #33465A;
	color:#FFFFFF;
	background-color:#5A7694;
	float:left;
}
#box4 {/*css15*/
	margin-right:0px;
}
.boximg {
	position:absolute;
	top:110px;
	left:95px;
	width:100px;
	height:100px;
	padding:0px;
	margin:0px;
	color:#FFFFFF;
}

.flowright {
	float: right;
	margin: 0px 0px 0px 5px;
}
.flowright1 {
	clear:right;
	float:right;
	width:5px;
	height:80px;
}
.flowright2 {
	clear:right;
	float:right;
	width:62px;
	height:120px;
}
.flowleft {
	float: left;
	clear: left;
	margin: 0px;
}
.clear {
	width:850px;
	height:5px;
	clear:both;
}
#spacer {
	float:left;
	width:30px;
	height:10px;
}
#bottom {
	bottom:0px;
	font-size:80%;
	border-top:2px solid #33465A;
	color:#FFFFFF;
	background-color:#5A7694;
	width:896px;
	padding:2px;
	min-height:15px;
	clear:both;
	text-align:center;
}
.bottom2 {
	position:relative;
}
#nav, #nav ul { /* all lists */
	padding: 0;
	margin: 0;
	list-style: none;
	width:900px;
	height:20px;
	margin-bottom:15px;
 /* margin and height needed because mozilla is stupid and can't seem to see nav bar when applying padding or margin to below block elements, results in the block element appaering higher on the page than in IE */
}

#nav a {
	display: block;
	width: 150x;
	text-decoration:none;
}

#nav li { /* all list items */
	float: left;
	width: 150px;
	text-align:center;
}
#button a {
	border:2px solid #33465A;
	color:#FFFFFF;
	background-color:#5A7694;
}
#button a:visited {
	border:2px solid #33465A;
	color:#FFFFFF;
	background-color:#5A7694;
}
#button a:hover{
	color:#FFFFFF;
	background-color:#465B73;
	border:2px solid #33465A;
}
#gthumb a{
	display:block;
	background-image:url(../img/indexthumbg.gif);
	width:100px;
	height:100px;
}
#gthumb a:hover{
	background-position: 0px -100px;
}

#gathumb a{
	display:block;
	background-image:url(../img/indexthumbga.gif);
	background-position: 0px 0px;
	width:100px;
	height:100px;
}
#gathumb a:hover{
	background-position: 0px -100px;}

#rthumb a{
	display:block;
	background-image:url(../img/indexthumbr.gif);
	width:100px;
	height:100px;
}
#rthumb a:hover{
	background-position: 0px -100px;}
#cthumb a{
	display:block;
	background-image:url(../img/indexthumbc.gif);
	width:100px;
	height:100px;
}
#cthumb a:hover{
	background-position: 0px -100px;}

.floatleft1 {
	float:left;
	width:440px;
}
.floatright1 {
	float:right;
	width:435px;
}
.floatleft2 {
	float:left;
	width:218px;
}
.floatright2 {
	float:right;
	width:218px;
}
.floatleft3 {
	float:left;
	width:600px;
}
.floatright3 {
	float:right;
	width:228px;
}
.image200150 {
	width:200px;
	height:150px;
	margin:0 3px 10px 15px;
	border:0px;
}
.image200310 {
	width:200px;
	height:310px;
	margin:0 3px 10px 15px;
	border:0px;
}
.image415150 {
	width:415;
	height:150;
	border:0;
}
.image400310 {
	width:400px;
	height:310px;
	margin:0 3px 10px 15px;
	border:0px;
}
#address {
	float:left;
	width:300px;
	margin-left:20px;
}
#centeralign {
	text-align:center;
}
#form {
	float:right;
	width:490px;
}
.formitemneeded {
	color:#FF0000;
	font-size:large;
}
/*								CSS Updated From 06/05/2009 Onwards				*/
#leftcol {
	width:370px; /*370px if padding is included*/
	float:left;
}
#rightcol {
	width:510px;
	padding:0px 8px 0px 0px;
	float:right;
}
#leftcolpad {padding:10px 0px 10px 15px;}
#scrollbox {
	width:351px;
	height:308px;
	overflow:auto;
	border:2px solid #33465A;
	margin-top:10px;
	padding-top:5px;
	background-color:#5A7694;
	cursor:default;
}
#scrollbox h2 {
	background-color:#35465A;
	font-size:130%;
	color:#FFF;
	padding:3px 10px 4px;
	margin:0 0 10px;
}
#bigpic {
	width:507px;
	height:440px;
	border:2px solid #33465A;
	margin-bottom:10px;
}
iframe {
	border:0px;
	margin:0px;
	overflow:hidden;
}
.thumbholder {

}
a.sbthumb {
	width:55px;
	height:55px;
	float:left;
	margin:0px 0px 10px 10px;
	display:block;
	display:inline;/*ie6 fix*/
	border:0px;
}
a.sbthumb img {border:0px;}
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
html[xmlns] .clearfix {
	display: block;
}
* html .clearfix {
	height: 1%;
}
.clear2 {
	height:1%;
	clear:both;
}

.scrollboxtext1{
	background-color:#35465A;
	font-size:80%;
	color:#FFF;
	padding:3px 10px 4px;
	margin:0 0 10px;
}

img.pdfdownload, .pdfdownload2 img{
border:0;
}

.pdfdownload{
margin-left:0px;
padding-left:20px;
margin-top:3px;
margin-bottom:-3px;
}

.pdfdownload2 {
margin-left:295px;
padding:0px;
}