@charset "utf-8";
/* CSS Document */

@import url("common.css");
@import url("lightbox.css");

html,body {
border:0;
margin:0;
padding:0;
background: #e2e2e2 url(../images/bg.jpg) repeat-x;
background-attachment:fixed;
text-align: center;
height: 100%;
} 
 

#container{
	width: 978px !important;
	width: 980px;		  
	position: relative;
	margin: 20px 0px 0px 0px;
	margin-left: auto;
	margin-right: auto;	
	text-align: left;
	overflow: visible !important;
	overflow: auto;
	z-index: 1;
	background: #ffffff url(../images/innercont.gif) 0px 0px repeat-y;
}

#home #container{
 	background: #ffffff url(../images/homebg.jpg) no-repeat 0px -70px;		
} 
 
#mainmenu{
	border-bottom: 17px solid #000000;
	width: 100%;
	clear: both;
	height: 40px; 
	position: relative;
	z-index: 1;
	background: #ffffff; 
}

#mainmenu ul{
	margin: 0px;
padding: 0px 0px 0px 0px;
}

#mainmenu li{
margin: 0px;
padding: 0px;
display:inline;
}

#mainmenu ul li a{ 
	float: left;  
	height: 40px;
	width: 163px;
	background: #ffffff url(../images/menubg.png) no-repeat !important;
	background: #ffffff url(../images/menubg.gif) no-repeat;
	text-align: center;
	line-height: 40px;
	color: #ffffff;
	font-weight: bold;
	position: relative;
	z-index: 3;
}
 #mainmenu ul li a.current,  #mainmenu ul li a:hover{
	background: #ffffff url(../images/orange_menubg.png) no-repeat !important;
	background: #ffffff url(../images/orange_menubg.gif) no-repeat;
 }
 #mainmenu ul li.blue a.current, #mainmenu ul li.blue a:hover{ 
	background: #ffffff url(../images/blue_menubg.png) no-repeat !important;
	background: #ffffff url(../images/blue_menubg.gif) no-repeat;
 }
 
 
#columns{
	width: 100%;	 
	height: 100%;
	clear: both;
	border-top: 3px solid #ffffff;
	position: relative;
	z-index: 40;
	float: left;
}

#blue #columns{
	border-top: 3px solid #EB831D;	
}	

#header{
	background: url(../images/header.png) !important;
	background: url(../images/header.gif);
	height: 70px;
	position: relative;
	z-index: 20;
	border-bottom: 3px solid #ffffff;
} 

#blue #header{
	background: url(../images/blueheader.png) !important;
	background: url(../images/blueheader.gif);
	border-bottom: 3px solid #EB831D;	
}

#header .logo{
	margin: 16px 0px 0px 45px;	 
}

#header .icon{
	position: absolute;
	right: 31px;
	top: -10px;
	z-index: 100;
	float: right;
}

#main{
	float: left;
	width: 590px; 
	height: 100%;
position: relative;	

}


#footer{
	clear: both;
	height: 25px;
	color: #ffffff;
	line-height: 25px;
	background: #333333;
}

#leftcol{
	float: left;
	width: 187px;	
	height: 100%;
	padding-bottom: 0px;
}

#leftcol ul{
	margin: 60px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 175px;
	height: auto;
	overflow: visible;
}
#leftcol ul ul{ 	
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 20px;
	height: 50px;
	overflow: visible;
	clear: left;
}
#leftcol li{
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	height: auto;
	clear: left;
	
}
 
#leftcol li a, #leftcol li span{
	color: #3F3F3F;
	padding: 11px 0px 11px 42px;
	float: left;
	width: 140px;
	font-size: 13px;
	border-bottom: 1px solid #ffffff;
	font-weight: bold;
}

#leftcol li a:hover{ 
	color: #ffffff;
}

#leftcol li a.current{
	color: #ffffff;	
}
#leftcol li span{
	background: transparent;
	
}
#leftcol li.parent a{

}
#leftcol ul .parent  ul{
	background: url(../images/menubg.gif) repeat-x bottom left;
	clear: left;
}


#leftcol ul .parent ul li a{ 
background: url(../images/libutton.gif) no-repeat 10px 5px;
	padding: 0px 0px 0px 20px;
	height: 20px;
}


#leftcol .jerol{
	padding-top: 0px;	
	float: none;
	clear: both;
	position: relative;
	top: 60px;
}


#leftcol .signs{
	float: none;
	clear: both;
	height: 110px;
	width: 440px;
	background: url(../images/white.png);
	position: relative;
	bottom: 50px;
	position: absolute;
	left: 0px;
	z-index: 20;
}


#leftcol .signs .signpost{
	position: absolute;
	top: 11px;
	left: 28px;
	z-index: 25;
}

#leftcol .signs .steel{
	position: absolute;
	top: 11px;
	left: 128px;
	z-index: 25;
}

#leftcol .signs .passive{
	position: absolute;
	top: 11px;
	left: 228px;
	z-index: 25;
}

#leftcol .video{
	padding-top: 0px;	
	float: none;
	clear: both;
	position: relative;
	top: 60px;
}



#footer ul{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	display: inline;
	float: right;
}

#footer li{
	display: inline;	
	margin: 0px 0px 0px 0px;
	padding: 0px 7px 0px 4px;
	font-size: 11px;
}

#footer li a{
	color: #ffffff;	
	font-size: 11px;
	line-height: 15px;
}

#footer p{
	display: inline;
	float: right;
	color: #ffffff;	
	font-size: 11px;
	line-height: 15px;
	padding: 0px 7px 0px 4px;
}




#rightcol{
	float: left;
	width: 201px;
	height: 100%;
margin-top: 50px;	


}

#rightcol .title{
	margin: 25px 0px 20px 30px;
}

#rightcol h2{
	color: #ffffff;
	text-transform:uppercase;
}

#rightcol h3{
	color: #000000;
	text-transform:uppercase;
	font-size: 9px;
	margin-top: 15px;
}

#rightcol .news{
	margin-left: 40px;
	margin-right: 35px;

}

#rightcol .news h2{
	font-family: Arial Black, Arial, Helvetica, sans-serif;
}

#rightcol a{
	color: #ffffff;	
}

#rightcol h1{
	background: #eb831d;
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	margin: 40px 0px 0px 30px;
	line-height: 24px;
	padding: 0 10px 0 10px; 
}

#rightcol .campaign{		
	margin: 10px 0px 0px 45px;
padding-bottom: 20px;
}

#main{
}

.innovative{
	position: absolute;
	left: 220px;
	top: 50px;
} 

.bodytext{
	padding: 30px 38px 30px 33px;
	background: #ffffff;
	color: #3f4040;
}

#home .bodytext{
	margin: 300px 0 0 160px;
	padding: 0px 10px 30px 100px;
	background: transparent;
}

.bodytext h1{
	color: #eb8323;
	font-weight: bold;
	margin-bottom: 20px;
	font-size: 26px;
}


#blue .bodytext h1{
color: #0081C6;
}

.bodytext h2{
	color: #8c8c8c;
	font-weight: normal;
	font-size: 1.4em;
	margin: 15px 0 10px 0;
	line-height: 1em;
}


.bodytext h3{
	color: #526877;
	font-weight: normal;
	font-size: 1em;
	margin: 24px 0 0 0;
	line-height: 1em;
	
}


.bodytext h4{
	color: #eb831d;
	font-weight: bold;
	font-size: 1em;
	margin: 24px 0 4px 0;
	line-height: 1em;
	font-family: Arial Black, Arial, Helvetica, sans-serif;
}

#blue .bodytext h4{
	color: #0D87C8;
}

.bodytext h3.followon{
	margin: 5px 0 0 0;	
}

.bodytext h3{
	color:#000;
	font-weight:bold;
	
}

.bodytext h3 strong{
	color:#F6891F;
	
}

.bodytext h1 strong{	
font-size: 18px;


	font-weight: normal;
}

.bodytext a{
	color: #EC8928;
}

#blue .bodytext a{
	color: #0D87C8;	
}

.bodytext a:hover{
	color: #000000;	
}


.news h2{
	color: #eb831d;
	margin-top: 30px;	
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
}

.news{
}

#blue .bodytext strong{
	color: #0D87C8;
}

.bodytext strong{
	color: #eb831d;
}

.bodytext strong.large{
	color: #625f5e;
	font-size: 16px;
}


#home .bodytext h1 strong{
	font-weight: normal;
	color: #5facc1;
	background: transparent;
	font-size: 26px;
	padding: 0px;
}

.bodytext table{
width: 100%;	
border-collapse: collapse;
margin: 18px 0 18px 0;
	border-bottom: 3px solid  #f6891f;
}

.bodytext p{
	line-height: 16px;	
}

table thead{
	
}

table thead th{
	color: #000000;
	font-weight: bold;
	background: #f6891f;
	text-align:center;
	vertical-align: top;
}

table thead th.lightOrange{
	color: #000000;
	font-weight: bold;
	background: #fdcc9d;
}

table thead th.small{
font-size: 9px;

}

.bodytext table td{
	font-size: 11px;	
	border-bottom: 1px solid  #f6891f;
	text-align: left;
	vertical-align: top;
	padding: 5px 0px 5px 0px;
	text-align: center;
}

.bodytext .left td{
	text-align: left;	
}


.bodytext li{
	line-height: 15px;	
	margin: 0.5em 0 8px 0;
	background: url(../images/bodytextli.gif) no-repeat 0px 5px; 
	padding-left: 10px;
	list-style-type: none;
}

.telephone{
	color: #526877;
	font-size: 1.2em;
	font-weight: normal;
}

#layercake{
height: 100%;
width: 100%;
overflow: auto;
background: url(../images/rightpanel.gif) repeat-y right 150px;
}

.innerfoot{
font-size: 8px;	
position: absolute;
bottom: 10px;
width: 300px;
}

.innerfoot p{
float: left;	
}

.innerfoot img{
float: right;	
}


.outerfoot{
font-size: 8px;	
position: relative;
margin: 10px 0px 0px 0px;
width: 980px;	 
margin-left: auto;
margin-right: auto;
}
 
.outerfoot p{
float: left;	
text-align: left;
margin-left: 10px;
}

.outerfoot img{
float: left;	
}



.strap{
background: #E88524;	
}
#blue .strap{
	background: url(../images/blueheader.png) !important;
	background: url(../images/blueheader.gif);
line-height: 25px; 
}

.strap{
line-height: 15px;
font-size: 12px;
font-weight: bold;
}

.strap ul{
	margin: 0px;
	padding: 0px;
}

.strap ul li{
	margin: 0px;
	padding: 0px 2px 0px 16px;
	color: #ffffff;
	display: inline;
	text-transform: uppercase;
	
}
.strap ul li a{
	color: #ffffff;
}
.strap ul li a:hover{
	color: #000000; 
}

.bodytext table{
	border-collapse: collapse;
	width: 100%;
}

.bodytext thead th{
	padding: 4px 3px;
}

.bodytext th{
	padding: 2px 3px; 
}

.bodytext td{
	padding: 2px 3px;
}

.bodytext .contact{
	border: 0px;	
}

.bodytext .contact td{
	text-align: left;	
	border: 0px;
}


.bodytext ul{
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
	}
.bodytext ul li{
	list-style:none;
	padding:0 0 0 10px;
	margin:0;
	background:url(../images/orangeBullet.gif) 0px 5px no-repeat;
	}
	
#blue .bodytext ul{
	list-style:none;
	padding:0;
	margin:0 0 10px 0;
	}
#blue .bodytext ul li{
	list-style:none;
	padding:0 0 0 10px;
	margin:0;
	background:url(../images/blueBullet.gif) 0px 5px no-repeat;
	}	
	

.floatright{
	float: right;
	clear: right;
	padding: 0px 0px 10px 20px;
}	

.floatleft{
	float: left;
	clear: left;
	padding: 20px 20px 20px 0px;
}


a.downloadIcon{
	background:url(../images/pdfIcon.jpg) no-repeat 0 0;
	padding:10px 0px 0px 40px;
	margin:10px 0px 10px 0px;
	height:40px;
	display:inline-block;
	color:#EB831D;
	font-weight:bold;
	clear:both;
	
	}
	a:hover.downloadIcon{
		text-decoration:underline;}
#blue a.downloadIcon{color:#0D87C8;}


a.downloadIcon.gray{
	background:url(../images/pdfIconGray.jpg) no-repeat 0 0;
	
	}
.bodytext .pdfs li{
list-style-type: none;
background:url(../images/pdfIcon.jpg) no-repeat 0 0;
padding-left: 35px;
line-height: 35px;
}

.ultimate{
position: absolute;
right: 0px;
top: 0px;
}