@charset "utf-8";
/* CSS Document */
/*=======  Colour Palette  =========

	light blue 		#005595
	dark blue		#404e66
	grey			#fff
==================================*/
body{
	background: #fefaf8;
}
a {outline: none;}
*{margin:0; padding:0;}
#skip {
	font-size: .65em;
	color: #4a4a4a;
	text-decoration: none;
	margin-top: 0;
	font-family:Arial, Helvetica, sans-serif;
	margin-left: 95px;
	z-index:100;
	width:70px;
}
#skip a {
	color: #4a4a4a;
	text-decoration: none;
	z-index:10;
}
#outer{
	margin: 20px auto;
	width: 966px;
	background:url(../images/outer/outer-repeat.png) repeat-y;
}
#outer-top{
	height: 33px;
	background:url(../images/outer/outer-header.png) no-repeat top;
	font-family:Arial, Helvetica, sans-serif;
	font-size: .9em;
}
#outer-top ul{
	display: inline;
	float: right;
	margin: 14px 30px 0 0;
}
#outer-top li{
	display: inline;
	border-right: solid 1px #4a4a4a;
	padding: 0 10px;
}
#outer-top li.last {border-right: none;}
#outer-top a, #outer-top a:link, #outer-top a:visited {color: #4a4a4a; text-decoration: none;}
#outer-top a:hover {color: #e2383f; text-decoration: none;}
#header{
	height: 128px;
	width:904px;
	margin: auto;
}
#header h1{
	float: left;
}
#header img{
	border-style: none;
}
#inner{
	width:904px;
	margin: auto;
}
#left{
	width: 244px;
	float: left;	
	font-family:Arial, Helvetica, sans-serif;
}
#left h1{
	padding: 32px 0;
	text-align: center;
}
#left h2{
	padding: 8px 0;
	color: #fff;
	font-size: 2.1em;
	font-family: "Times New Roman", Times, serif;
	text-align: center;
}
#left p{
	font-size: .9em;
	padding: 10px 35px 0 35px;
	color: #fff;
	font-weight: bold;
	line-height: 1.2em;
	text-align: center;
}
#left img{
	border-style: none;
}
#left ul{
	margin-left: 35px;
	padding: 5px 0 15px 0;
}
#left li{
	padding: 5px 25px 5px 0;
	color: #fff;
	font-size: .85em;
	line-height: 1.2em;
	font-weight: normal;
}
#left a, #left a:link, #left a:visited{
	color: #fff;
	text-decoration: none;
}
#left a:hover{
	text-decoration: underline;
}
#content{
	width: 578px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	color: #fff;
	margin-left: 1px;
	padding: 0 40px;
}
#content h1{
	font-family: "Times New Roman", Times, serif;
	color: #fff;
	font-size: 2em;
	padding: 25px 0 0 50px;
	height: 45px;
	font-weight: normal;
	margin-top: 231px;
}
#content h2{	
	font-size: 1.4em;
	padding: 10px 0;
	font-weight: normal;
	line-height: 1.4em;
}
#content h3{
	font-size: 1.2em;
	padding: 10px 0;
	font-weight: normal;
	line-height: 1.4em;
}
#content h4{

}
#content h5{

}
#content h6{

}
#content p,#content li{
	font-size: 1em;
	padding: 10px 0;
	line-height: 1.3em;
}
#content a, #content a:link, #content a:visited{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dashed #fff;
}
#content a:hover{
	color: #fff;
	text-decoration: none;
	border-bottom: 1px dashed #fff;
}
#content ul{
	margin-left: 15px;
}
#content li{
	padding: 5px 0;
	font-weight: normal;
}
#content img{

}
#inner-bottom{
	height: 10px;
}
.spacer{clear: both; display: block; height: 1px;}

#footer{
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	background:url(../images/outer/outer-footer.png) no-repeat bottom;
	height: 30px;
}
#footer p{
	font-size: .7em;
	padding: 5px 0;
}
#footer a, #footer a:link, #footer a:visited{
	color: #4A4A4A;
	text-decoration: none;
}
#footer a:hover{
	text-decoration: underline;
	color: #e2383f;
}
/*=======  Menu  =========*/
#menu{
	float: right; 
	font-family: "Times New Roman", Times, serif;
	font-weight: bold;
	text-align: center;
}
#menu ul {
	border: 0;
	margin: 8px 0 0 0;
	padding: 0;
	list-style-type: none;
}
#menu ul li {
	display: block;
	float: right;
}
#menu ul li a {
	display: block;
	width: 109px;
	height: 30px;
	padding: 90px 0 0 0;
	margin: 0 0 0 1px;
	text-decoration: none;
}
#menu a, #menu a:link, #menu a:visited{
	color: #fff;
	text-decoration: none;
}
#menu a:hover{
	color: #4A4A4A;
	text-decoration: none;
}
.fire{background:url(../images/buttons/fire.png) top no-repeat; font-size: 1.3em; line-height: .95em;}
.water{background:url(../images/buttons/water.png) top no-repeat; font-size: 1.3em; line-height: .95em;}
.wind{background:url(../images/buttons/wind.png) top no-repeat; font-size: 1.3em; line-height: .95em;}
.duct{background:url(../images/buttons/duct.png) 0 10px no-repeat; font-size: 1.2em; line-height: .95em; margin: -10px 0; padding: 0 0 10px 0;}
.other{background:url(../images/buttons/other.png) 0 10px no-repeat; font-size: 1.2em; line-height: .95em; margin: -10px 0; padding: 0 0 10px 0;}
.vehicle{background:url(../images/buttons/vehicle.png) 0 10px no-repeat; font-size: 1.2em; line-height: .95em; margin: -10px 0; padding: 0 0 10px 0;}



