/* ================================================================================
Fastline main stylesheet
Author: Peter J Lambert
Version: 27th June 2005
================================================================================ */

/* ================================================================================
Contents:

0: Imported Styles
1: Global Reset
2: XHTML Elements
3: Core Layout
4: Header
5: Search
6: Content Area
7: Content
8: Navigation
9: Footer
10: Homepage Specific Styles
11: Level 2 Specific Styles
12: Level 3 Specific Styles
13: Miscellaneous Styles


================================================================================ */


/* ================================================================================
0: Imported Styles
================================================================================ */
/* IE only styles */
@import url(ie-styles.css);


/* ================================================================================
1: Global Reset
================================================================================ */
*{
	font-size: 100%;
	margin: 0;
	padding: 0;
}

/* ================================================================================
2: XHTML Elements
================================================================================ */
body{
	font: 82%/150% Arial, Helvetica, sans-serif;
	background: #333 url(../images/i_body-bg-top.png) top repeat-x;
	color: #fff;
	text-align: center;
}
p, ul, ol, blockquote, table{
	margin-bottom: 1em;
}
h3, h4, h5{
	/*clear: both;*/
}
a, a:visited{
color: #fc0;
/*	color: #937B18;*/
	text-decoration: none;
	font-weight: 600;
}
/*a:hover{
	border-bottom: 1px solid #fc0;
}*/
ul, li{
    margin-left: 1em;
/*	list-style-type: square;*/
}
ul ul{
margin-bottom: 0;
margin-top: 0;
}
fieldset{
    border: 0;
}
input, textarea{
	border: 1px solid #999;
}
input.checkbox{
	border: 0;
}
img{ border: 0;}

/* ================================================================================
3: Core Layout
================================================================================ */

#wrap{
	width: 770px;
	margin: 0 auto;
	text-align: left;
	background: #fff;
	color: #333;
}

/* ================================================================================
4: Header
================================================================================ */

#header{
	height: 151px;
	background: #fc0 url(../images/i_header-bg.jpg) repeat-x;
}
#header h1{
	display: block;
	width: 500px;
	float: left;
	height: 151px;
	line-height: 151px;
}
#header h1 a{
	display: block;
	line-height: 152px;
	width: 500px;
	text-indent: -999999px;
	overflow: hidden;
	background: url(../images/i_logo.png) 20px 40px no-repeat;
	border: none;
}

#wrap.freight #header h1 a{background: url(../images/i_logo_freight.png) 20px 40px no-repeat;}
#wrap.transport #header h1 a{background: url(../images/i_logo_transport.png) 20px 40px no-repeat;}
#wrap.small-plant #header h1 a{background: url(../images/i_logo_smallplant.png) 21px 40px no-repeat;}
#wrap.otm #header h1 a{background: url(../images/i_logo_otm.png) 20px 40px no-repeat;}
#wrap.specialist-plant #header h1 a{background: url(../images/i_logo_specialist.png) 20px 40px no-repeat;}
/* ================================================================================
5: Search
================================================================================ */

form#frmSearch{
	display: block;
	width: 250px;
	float: right;
	margin: 100px 10px 0 0;
}
form#frmSearch label{
	color: #fff;
}
form#frmSearch label{
	width: 135px;
	height: 20px;
	float: left;
	background: url(../images/i_rounded-txt.png) left no-repeat;
}
form#frmSearch input#txtSearch{
	margin: 0 0 0 5px;
	width: 130px;
	height: 20px;
	line-height: 20px;
	color: #333;
	border: 0;
	background: url(../images/i_rounded-txt.png) right no-repeat;
}
form#frmSearch span{
	display: block;
	float: right;
	width: 100px;
	height: 20px;
	background: url(../images/i_rounded-btn.png) left no-repeat;
}
form#frmSearch span input#btnSearch{
	width: 95px;
	height: 20px;
	margin:  0 0 0 5px;
	border: 0;
	color: #fff;
	background: url(../images/i_rounded-btn.png) right no-repeat;
}

/* ================================================================================
6: Content Area
================================================================================ */

#content{
	width: 730px;
	margin: 20px;
	float: left;
}
#c1{
	width: 500px;
	float: right;
	margin-left: 20px;
}	
#c2{
	width: 210px;
	float: left;
}

/* ================================================================================
7: Content
================================================================================ */

#content h2, span.highlight{
	color: #fc0;
	font-size: 180%;
	line-height: 170%;
	font-weight: 400;
}	
span.highlight{
	color: #333;
}
#content h2 a{
	font-weight: 400;	
}
#content h3, #content h3 a{
	color: #444;
	font-size: 110%;
clear: both;
}



/* ================================================================================
8: Navigation
================================================================================ */

#nav dt{
	font-size: 110%;
	font-weight: 600;
	line-height: 180%;
}
#nav dt a{
	padding-right: 20px;
	background: url(../images/i_nav-arrow.png) 100% 50% no-repeat;
	color: #333;
	border: none;
}
#nav dd{
	font-size: 80%;
	line-height: 110%;
}
#nav dd li{
	font-size: 115%;
	line-height: 140%;
	color: #999;
	list-style-type: square;
}

/* ================================================================================
9: Footer
================================================================================ */

#footer{
	width: 770px;	
	clear: both;
	background: #ffec9f;
	margin: 40px 0 0 0;
	font-size: 70%;
	color: #666;
}	
#footer p{
	text-align: right;
        margin: 20px;
        padding: 20px 0;

}


/* ================================================================================
10: Homepage specific styles
================================================================================ */

#sectornav, #sectornav li{
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sectornav{
	margin: 0 0 10px 0;
	height: 202px;
}
#sectornav li{
	display: block;
	width: 98px;
	height: 202px;
	float: left;
	border-right: 2px solid #fff;
}
#sectornav li a{
	display: block;
	height: 202px;
	border: none;
	text-indent: -999999px;
	overflow: hidden;
	}
#sectornav li#sec1 a{background: url(../images/i_sector_nav_r1_c1.jpg) left no-repeat;}
#sectornav li#sec2 a{background: url(../images/i_sector_nav_r1_c2.jpg) left no-repeat;}
#sectornav li#sec3 a{background: url(../images/i_sector_nav_r1_c3.jpg) left no-repeat;}
#sectornav li#sec4 a{background: url(../images/i_sector_nav_r1_c4.jpg) left no-repeat;}
#sectornav li#sec5 a{background: url(../images/i_sector_nav_r1_c5.jpg) left no-repeat;}

p.read{
	margin-top: -1em;
}

/* ================================================================================
11: Level 2 template specific styles
================================================================================ */

ul#catlist, ul#catlist li{
	margin: 0;
	padding: 0;
	list-style: none;
}
ul#catlist{
	border: 1px solid #ddd;
	clear: both;
}
ul#catlist li{
	margin: 0;
	padding: 0;
	border-bottom: 1px solid #fff;
}
ul#catlist li a{
	display: block;
	padding: .1em 1em;
	border: none;
}
ul#catlist li.on{
	background: #f9f9f9;
}

/* ================================================================================
12: Level 3 template specific styles
================================================================================ */

table.prodlist{
	width: 500px;
}
table.prodlist thead{
	background: #ffec9f;
}
table.prodlist td, table.prodlist th{
	padding: 0 1em;
}
table.prodlist th{
	width: 80%;
}
table.prodlist th.pdf{
	width: 20%;
}
table.prodlist td a{
	display: block;
	font-size: 90%;
	border: none;
}

/* ================================================================================
14: Contact Form Styles
================================================================================ */
#frmContact label{
	display: block;
}
#frmContact textarea{
	width: 400px;
	height: 300px;
}

/* ================================================================================
13: Miscellaneous Styles
================================================================================ */

div.articleimage{
	float: right;
}
div.articleimage img{
	margin: 0 0 1em 1em;
}

a.pdf{
	padding-left: 24px;
	background: url(../images/i_pdf.png) left no-repeat;
}
div#c2 a.pdf{
        padding-left: 0;
        background: none;
}
p.teaser{
	font-size: 120%;
	line-height: 150%;
}
p.date{
	font-size: 80%;
	color: #999;
}