/*	
***************		RAPID RAIL						****************	
***************		master css file					****************
***************		Author: Pete Eveleigh			****************
***************		Last change 20/11/2008 10:23	****************
*/
	
	* {
		margin:0;
		padding:0;
	}
	
	html {
	}
	
	body {
		background:url(/images/bodybg.gif) top left repeat-x #d7d7d7;
		font-family:helvetica, arial, sans-serif;
		font-size:13px;
		line-height:1.3;
		color:#333;
	}
	
	body>*{
		opacity:0.99999; /* fix mac text fattening issue */
		
	}
	
	
	address {
		font-style:normal;
	}
	
	blockquote {
		font-style:italic;
		padding:0 50px 0 30px;
		text-align:justify;
	}
	
	blockquote.shout {
		padding:0;
	}
	
	blockquote.shout p {
		text-align:center;
		font-size:120%;
		font-style:italic;
		display:block;
		padding:8px;
		background-color:#efefef;
		border:1px dotted #ababab;
	}
	
	
	
	div.projectlist.shout {
		display:block;
		float:right;
		margin-left:15px;
		font-size:90%;
		padding:8px;
		margin-bottom:20px;
		width:183px;
		background-color:#efefef;
		border:1px dotted #ababab;
	}

	
/*** links ***/		

	a:link, a:visited {
		color:#000;
	}
	
	a:hover, a:active {
		color:#D72932;
	}

	a img {
		border:none;
	}

	
/*		#############	SPECIFIC DIVS	#############		*/
	
	#wrapper {
		background:url(/images/wrapbg800.png) top left repeat-y transparent;
		width:788px;
		margin:0 auto;
		padding:10px 20px 0 20px;
	}
	
	
/*** header ***/

#header {
	float:left;
	margin-bottom:5px;
	width:788px;
}

	#header h1 {
		float:left;
		width:635px;
	}
	
	
	#header #offices {
		float:right;
		width:120px;
		margin-top:28px;
		padding-left:10px;
		margin-left:10px;
		border-left:1px dotted #ababab;
	}
		
		#header #offices h3 {
			font-weight:normal;
			font-size:90%;
			color:#ababab;
		}
	
		#header #offices ul {
			list-style:none;
			color:#ababab;
			font-size:90%;
			font-weight:bold;
		}
	
	
/*** nav bar ***/

#nav {
	width:785px;
	margin-top:10px;
	margin-bottom:10px;
	clear:left;
	float:left;
	background-color:transparent;
	font-size:13px;
	-moz-border-radius:6px;
	-webkit-border-radius:6px;
}

#nav ul {
	list-style:none;
	float:left;
}

#nav li {
	float:left;
	display:block;
}

#nav li a {
	float:left;
	display:block;
	padding:8px 7px;
	text-align:center;
	text-decoration:none;
	border-right:1px solid #ABABAB;
	border-left:1px solid #fff;
	background:url(/images/navbg.gif) bottom left repeat-x #F0F0F0;
}

	#nav li a:hover, #nav li a:active, #nav li a:focus {
		border:none;
		background:url(/images/navbg_over.gif) bottom left repeat-x #D72932;
		color:#fff;
		border-right:1px solid #AA1F00;
		border-left:1px solid #E04040;
	}

#nav li img {
	display:block;
}



#nav_home a {
	border-left:0px !important;
	width:45px;
	-moz-border-radius-topleft:6px;
	-moz-border-radius-bottomleft:6px;	
	-webkit-border-top-left-radius:6px;
	-webkit-border-bottom-left-radius:6px;
}

	#nav_home a:hover {
		-moz-border-radius-topleft:6px;
		-moz-border-radius-bottomleft:6px;	
		-webkit-border-top-left-radius:6px;
		-webkit-border-bottom-left-radius:6px;
	}

#nav_clientarea a {
	border-right:0px !important;
	width:66px;
		-moz-border-radius-topright:6px;
		-moz-border-radius-bottomright:6px;	
		-webkit-border-top-right-radius:6px;
		-webkit-border-bottom-right-radius:6px;
}

	#nav_clientarea a:hover {
		-moz-border-radius-topright:6px;
		-moz-border-radius-bottomright:6px;	
		-webkit-border-top-right-radius:6px;
		-webkit-border-bottom-right-radius:6px;
	}




/*** sub nav ***/

#subnav {
	/*border-top:1px dotted #ababab;*/
	padding-top:0;
}

	#subnav ul {
		list-style:none;
		margin:0 0 1.5em 0;
	}
	
	#subnav ul ul {
		margin-bottom:0;
	}
	
		#subnav ul li {
			margin-bottom:3px;
		}
		
			#subnav ul li a {
				display:block;
				background-color:#bbb;
				padding:2px 8px;
				color:#fff;
				text-decoration:none;
			}
			
				#subnav ul li.active {
					background-color:#ccc;
				}
				
				#subnav ul li.active li a {
					background-color:#ababab !important;
					padding-left:22px;
				}
							
			
			#subnav ul li a:hover, #subnav ul li ul li a:hover {
				background-color:#D72932 !important;
			}
			
			#subnav ul li.active a {
				background-color:#787878 !important;
			}
			
		
			
			#subnav ul li.active ul li a {
				font-weight:normal !important;
			}
			
				#subnav ul li.active a, #subnav ul li.active ul li.active a {
					font-weight:bold !important;
				}
			
				#subnav ul li.active ul li.active a {
					background-color:#888 !important;
				}
			
			
	
			
	
	
			
			
/*** side text area ***/
	#copy{
		width:220px;
		margin-right:15px;
		margin-bottom:20px;	
		padding:0 0 10px 0;
		float:left;
	}
	
	
		#copytop {
			padding:15px 12px 0 12px;
		}
		
		
		/* SPECIFIC FOR HOME PAGE */
		body.home #copy {
			/*background:url(/images/copybottombg.gif) bottom left repeat-y #fff;*/
			/*width:320px;*/
			width:500px;
		}
		
		body.home #copytop {
			background:url(/images/copytopbg.gif) top left no-repeat transparent;
		}
	
		/* END SPECIFIC FOR HOME PAGE */
		
		
		#copytop p, body.home p {
			margin-bottom:0.5em;
		}
		
		body.home p.intro {
			color:#757575;
			font-size:120%;
			line-height:1.3;
		}
		

		
		
		body.inner #copy h4 {
			background-color:#787878;
			padding:2px 8px;
			color:#fff;
			font-weight:normal;
			font-size:1em;
			margin-bottom:1em;
		}
		
		body.inner p.intro {
			color:#D72932;
			font-size:125%;
			line-height:1.4;
			border:none;
		}
		
		#copytop p.intro span.rr {
			color:#000;
		}
		
		#copybottom {
			margin:0px 12px;
			padding-top:10px;
			border-top:1px dotted #ababab;
		}
		
		
		
		#main {
			float:left;
			width:550px;
			color:#333;
			line-height:1.4;
		}
		
		#main h3 {
			text-align:left;
			font-size:120%;
			padding:2px 4px;
			margin-bottom:0.6em;
			color:#fff;
			background-color:#787878;
		}
		
		#main h4 {
			font-size:110%;
			font-weight:bold;
			color:#333;
			margin-bottom:0.5em;
		}
		
		#main h5 {
			font-size:105%;
			margin-top:0;
		}
		
		#main p {
			margin-bottom:1em;
		}
		
		#main ul, #main ol {
			margin:0.5em 1.5em 1em 1.5em;
		}
		
		
/**** Case studies/downlads panel on home page ***/
		/*
		#homepanel {
			width:262px;
			float:right;
			background:url(/images/homepanelbottom.jpg) bottom center no-repeat #ba1d1b;
			color:#fff;
			padding-bottom:5px;
			margin-bottom:1em;
		}
		
		#homepanel h3 {
			padding:1.5em 1.6em 0.5em 1.6em;
			font-weight:normal;
		}
		
		#homepanel #brochuredownloads h3 {
			background:url(/images/homepaneltop.jpg) top left no-repeat transparent;
		}
		
		#homepanel a {
			color:#fff;
			text-decoration:none;
			font-weight:bold;
		}
		
			#homepanel a:hover {
				color:#ff9900;
			}
		
		#homepanel ul {
			padding:0 2em 2em 2em;
			list-style-position:inside;
		}
		
			#homepanel li {
				line-height:1.1;
				margin-bottom:0.1em;
			}
			
			
		#homepanel hr {
			border:none;
			height:1px;
			background-color:#fff;
			margin:1em 24px 1em 24px;
		}
		
		*/
		

		
		#homepanel {
			width:235px;
			border:1px solid #ccc;
			padding:8px;
			float:right;			
			color:#fff;
			margin-bottom:1em;
			margin-right:2px;
			font-size:95%;
			-moz-border-radius:12px;
			-webkit-border-radius:12px;
		}
		
		
		#homepanel div.inner {
			padding:10px;
			background:url(/images/homepanelbg.jpg) bottom center repeat-x #ba1d1b;
			-moz-border-radius:6px;
			-webkit-border-radius:6px;
		}
		
		#homepanel h3 {
			padding:1em 0 0.5em 0;
			font-weight:normal;
		}
		
		
		#homepanel a {
			color:#fff;
			text-decoration:none;
			font-weight:bold;
		}
		
			#homepanel a:hover {
				color:#ff9900;
			}
			
		#homepanel img {
			float:right;
			margin-top:0.5em;
		}
		
		#homepanel ul {
			padding:0 2em 2em 1em;
			margin:0;
		}
		
			#homepanel li {
				line-height:1.1;
				margin-bottom:0.2em;
			}
			
			
		#homepanel hr {
			border:none;
			height:1px;
			background-color:#fff;
			margin:2em 24px 1em 24px;
		}
	
		
		#casestudies h3 {
			padding-top:0;
		}
	
	
/**** home page top ****/
#top {
	float:left;
	width:788px;
}	

/**** home page bottom ****/
#bottom {
	float:left;
	width:788px;
}



/**** home page main image ****/

#mainimage {
	float:left;
}



/**** home page panels ***/	
					
	#panels {
	
	}
	
	div.panel {
		position:relative;
		float:left;
		width:255px;
		margin-right:10px;
	
		overflow:hidden;
		margin-bottom:6px;
	}
	
	div.panel a {
		color:#fff;
		font-weight:bold;
	}
	
	.panel img {
		height:150px;
		width:255px;
	}
	
	
	.panel.lube {
		
	}
	
		.panel.lube h3 {
			background-color:#01ad4e;
		}
		
		.panel.lube p {
			background-color:#01ad4e;
		}
	
	.panel.safety {
		margin-right:0;
	}
	
			.panel.safety h3 {
				background-color:#027abb;
			}
			
			.panel.safety p {
				background-color:#027abb;
			}
			

	
	
	#addressinfo {
		margin-bottom:1em;
	}
	
		#addressinfo address {
			margin-bottom:1em;
		}
		
		#addressinfo ul {
			list-style:none;
			margin-bottom:1em;
		}
		
		
		
/*** login box ***/
/*** also see forms.css ***/

#loginbox {
	float:left;
}


#loginbox p {
	width:110px;
	float:left !important;
}

#loginbox input {
	width:100px;
	border:1px dotted #ababab;
	padding:2px;
}

#loginbox input.button {
	font-size:90%;
	padding:2px;
	margin-top:0.5em;
	width:auto;
	border:1px solid #ababab;
	border-right-width:2px;
}
	
/*** data tables ***/

table.data {
	width:100%;
	margin:1em 0;
	border:1px solid #ababab;
	background-color:#eaeaea;
	border-collapse:collapse;
	font-size:90%;
}

table caption {
	
}

thead {
	background-color:#ababab;	
}

tbody {
	
}

tr {
	
}

th, td {
	border:1px solid #ababab;
	padding:2px;
	width:40px;
}

td.type {
	width:80px !important;
	text-align:left;
}

th {
	background-color:transparent;
	color:#fff;
	border:1px solid #999;;
}

td {
	text-align:center;
}



/*** map directions ***/

div.googledir td {
	text-align:left;
	border:none;
}

div.googledir td a {
	text-decoration:none;
	color:#ababab;
}

/*** footer ***/

#footer {
	clear:both;
	width:788px;
	margin:0 auto;
	padding:0px 20px 20px 20px;
	font-size:90%;
	color:#ababab;
	background:url(/images/footerbg800.png) bottom left no-repeat transparent;
}

	#footer p {
		padding-top:10px;
		padding-bottom:15px;
		border-top:1px dotted #ababab;
	}
	
	#footer span {
		float:left;
	}
	
	#footer span.tel {
		float:right;
		font-size:120%;
		font-weight:bold;
		color:#ababab;
	}

	#footer a:link, #footer a:visited {
		color:#ababab;
		text-decoration:none;
	}
		
	#footer a:hover, #footer a:active {
		color:#ba0000;
	}



/*		#############	GENERIC CLASSES	  #############		*/	
	
	hr.clearer {
		clear:both;
		visibility:hidden;
	}


	img.left, div.left {
		float:left;
		margin-right:0.5em;
	}
	
	img.right, div.right {
		float:right;
		margin-left:0.5em;
	}

	img.border, div.border {
		padding:3px;
		border:1px dotted #ababab;
		background-color:#efefef;
	}
	
	div.right img, div.left img {
		display:block;
	}
	
	p.caption {
		font-size:85%;
		padding-top:0.25em;
	}
	
	div.diagram {
		margin:4px 0;
		padding:4px 0;
		font-size:90%;
	}
	
		div.diagram ol {
			margin:0 1.5em;
		}
		
		
	a.permalink {
		font-size:85%;
		padding:2px 16px;
		background:url(/images/permalinkicon.gif) left center no-repeat transparent;
	}
		
	span.alert {
		display:block;
		float:left;
		padding:4px 8px 4px 20px !important;
		margin-left:8px !important;
		width:100px;
		color:#D72932;
		background:url(/images/alert_icon.gif) center left no-repeat #fff;
		font-weight:normal;
		font-size:80%;

	}
	
	.highlight {
		background-color:yellow;
		border:1px solid red;
	}