/*--------------------------------GENERAL LAYOUT--------------------------------*/
            
#page{
	width:840px;
	position:relative;
	margin:0 auto;
	margin-top:0px;
}	

body  {
	margin-top:0px;
	background-image:url(../images/bg.jpg);
	background-position:top;
	background-repeat:repeat-x;
}

#content {
	float:left;
	width:100%;
	margin-right:-100%;
}

.column {
float:left;
}
            
#content-inner {
	float:none;
	margin-left: 190px;   /* LEFT Sidebar width */
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
	height:auto;
}       

.left {
	width: 190px;         /* LEFT Sidebar width */
	margin-right:242px;   /* RIGHT Sidebar width */
}                       

#content-inner-right-column {
	float:none;
	margin-left: 190px;   /* LEFT Sidebar width */
	margin-right: 242px;  /* RIGHT Sidebar width */
	padding-left:10px;
	padding-right:20px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:11px;
}                       


.right{                 
	float:right;          
	width: 242px;         /* RIGHT Sidebar width */
}

 #footer, #header{
	clear:both;
	text-align:center;
	font-size:2em;
}
            
.bg{
	position:absolute;
	bottom:0;
	height:100%;
}

#bgleft{left:0;}
#bgright{right:0;}
#bgcenter{
	right:0;
	width:100%;
}
#content, #left, #right, #header, #footer{
	position:relative;
	z-index:2;
}

#marginCenter{	
	margin-top:10px;
	margin-left:15px;
	margin-right:15px;
	margin-bottom:10px;
	font-size:90%;
	color:#666666;
}

.contactDetails {
	bottom:85px;
	position:absolute;
}

/*--------------------------------BACKGROUNDS--------------------------------*/
#header{background-color:#FFFFFF; height:204px;}

#headerMain{background-color:#FFFFFF; height:100px; background-image:url(../images/headers/headerMain.jpg);  background-position:top; background-repeat:no-repeat;}

#headerBlue{background-color:#FFFFFF; height:100px; background-image:url(../images/headers/headerBlue.jpg);  background-position:top; background-repeat:no-repeat;}
#headerRed{background-color:#FFFFFF; height:100px; background-image:url(../images/headers/headerRed.jpg);  background-position:top; background-repeat:no-repeat;}
#headerPurple{background-color:#FFFFFF; height:100px; background-image:url(../images/headers/headerPurple.jpg);  background-position:top; background-repeat:no-repeat;}
#headerOrange{background-color:#FFFFFF; height:100px; background-image:url(../images/headers/headerOrange.jpg);  background-position:top; background-repeat:no-repeat;}
#headerGreen{background-color:#FFFFFF; height:100px; background-image:url(../images/headers/headerGreen.jpg);  background-position:top; background-repeat:no-repeat;}
#headerLine {background-color:#FFF; height:4px;}

#footerRed{background-color:#FFF; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10px; height:89px; color:#999; border: 1px solid #CC0000;clear:both; text-align:center; font-size:2em;position:relative;z-index:2;}
#footerBlue{background-color:#FFF; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10px; height:89px; color:#999; border: 1px solid #0099FF;clear:both; text-align:center; font-size:2em;position:relative;z-index:2;}
#footerPurple{background-color:#FFF; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10px; height:89px; color:#999; border: 1px solid #990099;clear:both; text-align:center; font-size:2em;position:relative;z-index:2;}
#footerOrange{background-color:#FFF; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10px; height:89px; color:#999; border: 1px solid #FF9900;clear:both; text-align:center; font-size:2em;position:relative;z-index:2;}
#footerGreen{background-color:#FFF; text-align:center; font-family:Verdana, Geneva, sans-serif; font-size:10px; height:89px; color:#999; border: 1px solid #87BF3E;clear:both; text-align:center; font-size:2em;position:relative;z-index:2;}

#footerLine {background-color:#FFFFFF; height:4px; width:840px;}

#bgleft{background-color:#CDCDCD;}
#bgright{background-color:#EEEEEE;}
#bgcenter{background-color:#FFFFFF;}
#main, #page{ height:1%; }

.bg{ height:1000em; }    
  
/*--------------------------------FONTS--------------------------------*/
h1.Blue {font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#0099FF;}
h2.Blue {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#0099FF;}

h1.Red {font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#CC0000;}
h2.Red {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#CC0000;}

h1.Purple {font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#990099;}
h2.Purple {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#990099;}

h1.Orange {font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#FF9900;}
h2.Orange {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#FF9900;}

h1.Green {font-family:Verdana, Geneva, sans-serif; font-size:15px; color:#87BF3E;}
h2.Green {font-family:Verdana, Geneva, sans-serif; font-size:13px; color:#87BF3E;}

.footerFont {font-family:Verdana, Geneva, sans-serif; font-size:9px; color:#333;}

/*--------------------------------LINKS--------------------------------*/
a {text-decoration:none;}

/*-------------------------------TABLES-------------------------------*/
table.shop, table.shop th, table.shop td {
	border: 1px solid #888888;
	border-collapse:collapse;
	font-family:Arial, Helvetica, sans-serif;
	color: #444;
}

table.shop caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

table.shop td, th {
	padding: 4px;
}

table.shop thead th {
	text-align: center;
	background: #E6EDF5;
	color: #4F76A3;
	font-size: 100% !important;
}

table.shop tbody th {
	font-weight: bold;
}

table.shop tbody tr { background: #FCFDFE; }

table.shop tbody tr.odd { background: #F7F9FC; }

table.shop a:link {
	color: #444;
	text-decoration: underline !important;
}

table.shop a:visited {
	color: #444;
	text-decoration: underline !important;
}

table.shop a:hover {
	color: #444;
	text-decoration: underline !important;
}

table.shop tfoot th, table.shop tfoot td {
	font-size: 85%;
}
/*--------------------------------FORMS--------------------------------*/
label {display: block; width: 150px; float: left; margin: 2px 4px 6px 4px; text-align: right; font-size:10px;}


/*--------------------------------TABLES--------------------------------*/
table.list, table.list th, table.list td {
	border: 1px solid #BBB;
	border-collapse: collapse;
	font-family: "Trebuchet MS", Arial, sans-serif;
	color: #333;
	text-decoration:none;
}

table.list caption {
	font-size: 150%;
	font-weight: bold;
	margin: 5px;
}

table.list td, th {
	padding: 4px;
}

table.list thead th {
	text-align: center;
	color: #333;
	font-size: 100% !important;
}


#menuBGHome {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgHome.jpg); 
	 background-position:top;
	 background-repeat:no-repeat;
}


#menuBGHighLevel {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgHighLevel.jpg); 
	 background-position:top;
	 background-repeat:no-repeat;
}

#menuBGMaintenance {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgMaintenance.jpg);
	 background-position:top;
	 background-repeat:no-repeat;
}

#menuBGInspection {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgInspection.jpg);
	 background-position:top;
	 background-repeat:no-repeat;
}

#menuBGEnviromental {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgEnviromental.jpg);
	 background-position:top;
	 background-repeat:no-repeat;
}

#menuBGGeotechnical {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgGeotechnical.jpg);
	 background-position:top;
	 background-repeat:no-repeat;
}

#menuBGRail {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgRail.jpg);
	 background-position:top;
	 background-repeat:no-repeat;
}

#menuBGTraining {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgTraining.jpg);
	 background-position:top;
	 background-repeat:no-repeat;
}

#menuBGSales {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgSales.jpg);
	 background-position:top;
	 background-repeat:no-repeat;
}

#menuBGContact {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgContact.jpg);
	 background-position:top;
	 background-repeat:no-repeat;
}

#menuBGNews {
	 float:left;
	 width:55px;
	 height:374px;
	 background-image:url(../images/buttons/bgNews.jpg);
	 background-position:top;
	 background-repeat:no-repeat;
}



/*--------------------------------MENU--------------------------------*/
.menu {
	font-size:11px;
	vertical-align:top;
	margin-left:55px;
	margin-top:14px;
}
 
.menu ul {
	position:relative;
	z-index:500;
	padding:0;
	margin:0;
	list-style-type:none;
	width:135px;
	height:405px;
}

.menu li {
	height:32px;
	/* for IE7 */
	float:left;
}
.menu li.sub {background:#CDCDCD;} 
 
/* get rid of the table */
.menu table {position:absolute; border-collapse:collapse; top:0; left:0; z-index:100; font-size:1em;}
 
/* style the links */
.menu a, .menu a:visited {
	font-family:Arial, Helvetica, sans-serif;
	display:block; 
	text-decoration:none;
	height:32px;
	line-height:32px;
	width:135px;
	color:#555;
	border:0px solid #FFF;
}

/* style the sub links */
.sub a, .sub a:visited {
	font-family:Arial, Helvetica, sans-serif;
	display:block; 
	text-decoration:none;
	height:32px;
	line-height:32px;
	width:100px;
	color:#222;
	text-indent:5px;
	border:0px solid #FFF;
}

/* hack for IE5.5 */
* html .menu a, * html .menu a:visited {width:135px; background-color:#CDCDCD;}

* html .menu a:hover {color:#FFF; background-color:#CDCDCD; position:relative;}
 
.menu li:hover {position:relative; background-color:#D6D6D6}
 
.menu a:active, .menu a:focus {color:#FFF; background-color:#D6D6D6}
 
.menu li:hover > a {color:#FFF;background-color:#D6D6D6}

.menu li.sub:hover > a {background-color:#CDCDCD} 

li:hover > a {color:#FFF; background-color:#CDCDCD;}

.menu li ul {
	visibility:hidden;
	position:absolute;
	top:-15px;
	left:120px;
	padding:15px;
	background:transparent url(images/transparent.gif);
}

.menu li:hover > ul {visibility:visible;}

.menu ul a:hover ul ul{
visibility:hidden; background-color:#CDCDCD;
}
.menu ul a:hover ul a:hover ul ul{
visibility:hidden; background-color:#CDCDCD 
}
.menu ul a:hover ul a:hover ul a:hover ul ul{
visibility:hidden; background-color:#CDCDCD
}
.menu ul a:hover ul {
visibility:visible; background-color:#CDCDCD
}
.menu ul a:hover ul a:hover ul{ 
visibility:visible; background-color:#CDCDCD
}
.menu ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}
.menu ul a:hover ul a:hover ul a:hover ul a:hover ul { 
visibility:visible;
}

/* style the sub links */
.blueSub a, .blueSub a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block; 
	text-decoration:none;
	height:32px;
	line-height:32px;
	width:130px;
	color:#666;
	text-indent:5px;
	border:0px solid #FFF;
	background-color:#D6D6D6;
}

.menu li.blueSub:hover {position:relative;}
.menu li.blueSub:hover > a {background-color:#0099FF; color:#FFF}

/* style the sub links */
.redSub a, .redSub a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	display:block; 
	text-decoration:none;
	height:32px;
	line-height:32px;
	width:130px;
	color:#666;
	text-indent:5px;
	border:0px solid #FFF;
	background-color:#D6D6D6;
}

.menu li.redSub:hover {position:relative;}
.menu li.redSub:hover > a {background-color:#CC0000;}

/* style the sub links */
.purpleSub a, .purpleSub a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	display:block; 
	text-decoration:none;
	height:32px;
	line-height:32px;
	width:130px;
	color:#666;
	text-indent:5px;
	border:0px solid #FFF;
	background-color:#D6D6D6;
}

.menu li.purpleSub:hover {position:relative;}
.menu li.purpleSub:hover > a {background-color:#990099;}

/* style the sub links */
.orangeSub a, .orangeSub a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	display:block; 
	text-decoration:none;
	height:32px;
	line-height:32px;
	width:130px;
	color:#666;
	text-indent:5px;
	border:0px solid #FFF;
	background-color:#D6D6D6;
}

.menu li.orangeSub:hover {position:relative;}
.menu li.orangeSub:hover > a {background-color:#FF9900;}

/* style the sub links */
.orangeHighSub a, .orangeHighSub a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	display:block; 
	text-decoration:none;
	height:32px;
	line-height:32px;
	width:130px;
	color:#666;
	text-indent:5px;
	border:0px solid #FFF;
	background-color:#D6D6D6;
	margin-top:-64px;
}

.menu li.orangeHighSub:hover {position:relative;}
.menu li.orangeHighSub:hover > a {background-color:#FF9900;}

/* style the sub links */
.orangeVeryHighSub a, .orangeVeryHighSub a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	display:block; 
	text-decoration:none;
	height:32px;
	line-height:32px;
	width:130px;
	color:#666;
	text-indent:5px;
	border:0px solid #FFF;
	background-color:#D6D6D6;
	margin-top:-128px;
}

.menu li.orangeVeryHighSub:hover {position:relative;}
.menu li.orangeVeryHighSub:hover > a {background-color:#FF9900;}


/* style the sub links */
.greenSub a, .greenSub a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;	
	display:block; 
	text-decoration:none;
	height:32px;
	line-height:32px;
	width:130px;
	color:#666;
	text-indent:5px;
	border:0px solid #FFF;
	background-color:#D6D6D6;
}

.menu li.greenSub:hover {position:relative; background-color:#000}
.menu li.greenSub:hover > a {background-color:#87BF3E;}

.menu li.blue:hover {position:relative;}
.menu li.blue:hover > a {color:#0099FF;} 

.menu li.red:hover {position:relative; background-color:#000;}
.menu li.red:hover > a {color:#CC0000;} 

.menu li.purple:hover {position:relative;}
.menu li.purple:hover > a {color:#990099;} 

.menu li.orange:hover {position:relative;}
.menu li.orange:hover > a {color:#FF9900;} 

.menu li.green:hover {position:relative;}
.menu li.green:hover > a {color:#87BF3E;}