/* CSS Document */

body, html { 
	margin: 0px;
	padding: 0px;
	background:#000000;
	height:100%;
	}

/* text styles */

h1 {font-size: 22px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	padding:5px 0 5px 0;
	margin: 0 0 0 0px;}

h2 {font-size: 18px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#780101;
	padding:0px 0 0px 0;
	margin: 0 0 0 0px;
	}
	
h3 {font-size: 12px; 
	font-weight: bold;
	font-family: Arial, Helvetica, sans-serif;
	color:#666666;
	padding:0px 0 0px 0;
	margin: 0 0 0 0px;
	}
	
h5 {font-size: 11px; 
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#ED1B2F;
	padding:0px 0 0px 0;
	margin: 0 0 0 0px;
	}

p {
	font-size: 11px;
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: 21px;
	text-align:justify;
	padding:5px 30px 5px 30px;
	margin: 0 0 0 0px;
	}
	
.blackboldtitle {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: bold;
}


/* layout styles */

#master{	
	background: url(../images/bg_bar_home.gif) top left repeat-x;
	position: relative;
	margin: 0 auto;
	min-height: 100%;
	}
	
/* IE-specific hack */
* html #master {
height: 100%;
}
	
#header{
	position: relative;
	background: url(../images/headershade_home.gif) no-repeat top left;
	height: 110px; 
	width: 803px;
	margin-right: auto; margin-left: auto;
	}

#main{
	position: relative;
	width: 803px;
	margin-right: auto; margin-left: auto;
	height:auto;
	background: url(../images/horshade.gif) repeat-y bottom left;
	background-color:#ffffff;	
	border:solid 1px #FFFFFF;
	}

hr {
	clear:both;
	display:block;
	visibility:hidden;
}

#nav {
	background-color:#FDB813;
	height: auto;	
	}	

#VU {
	background: url(../images/contentshade_left.gif) repeat-x top left;
	background-color: #363636;
	padding: 0 0 0 0;
	width: 343px;
	max-width:343px; 
	word-wrap: break-word;
	wrap:auto;
	float: left;
	height: 100%;	
	text-align:center;
	}	
			
#rightpage {
	position: relative;
	background: url(../images/contentshade.gif) repeat-x top right;
	background-color:#FDB813;
	padding-left: 0px;
	width: 460px;
	height: 313px;
	float: left;
	visibility: visible;
	}

#vertnav_aboutflint {
	position: absolute;
	width: 342px;
	height: 57px;
	left: 130px;
	top: 67px;
	line-height: 15px;
	z-index: 3;
	visibility: hidden;
}

#vertnav_services {
	position: absolute;
	width: 342px;
	height: 57px;
	left: 126px;
	top: 109px;
	line-height: 15px;
	z-index: 3;
	visibility: hidden;
}

#vertnav_production {
	position: absolute;
	width: 342px;
	height: 57px;
	left: 96px;
	top: 205px;
	line-height: 15px;
	z-index: 3;
	visibility: hidden;
}

#vertnav_infrastructure {
	position: absolute;
	width: 342px;
	height: 57px;
	left: 226px;
	top: 100px;
	line-height: 15px;
	z-index: 3;
	visibility: hidden;
}

#vertnav_safety {
	position: absolute;
	width: 342px;
	height: 57px;
	left: 103px;
	top: 163px;
	line-height: 15px;
	z-index: 3;
	visibility: hidden;
}

#vertnav_ir {
	position: absolute;
	width: 342px;
	height: 57px;
	left: 116px;
	top: 157px;
	line-height: 15px;
	z-index: 3;
	visibility: hidden;
}

#vertnav_careers {
	position: absolute;
	width: 342px;
	height: 57px;
	left: 120px;
	top: 197px;
	line-height: 15px;
	z-index: 3;
	visibility: hidden;
}

.vertnav_table {
	position: absolute;
	left: 39px;
	top: 71px;
	z-index: 2;
	background-color: #FDB813;
}

.vertnav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	font-weight: normal;
	line-height: 13px;
}

#banner {
	position: absolute;
	width: 800px;
	left: 31px;
	height: 160px;
	top: 100px;
	}	
	
#logo {
	position: absolute;
	width: 386px;
	left: 47px;
	top: 41px;
}

#logoDriving {
	position: absolute;
	width: 124px;
	left: 692px;
	top: 13px;
	height: 74px;
	z-index: 4;
}

#top {
	position: absolute;
	width: 32px;
	left: 248px;
	top: 71px;
	height: 25px;
}

.functionNav {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #ED1B2F;
}
	
#functionNavBox {
	position: absolute;
	width: 195px;
	left: 616px;
	top: 53px;
}

#sitemap {
	position: absolute;
	width: 144px;
	left: 607px;
	top: 68px;
	visibility: hidden;
	}
	
.sitemapNav {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: normal;
	text-align:left;
	margin: 0 0 0 0px;
}

a:link, a:visited {
	font-size: 11px;
	color: #ED1B2F;
	text-decoration: none;
}

a:hover, a:active {
	font-size: 11px;
	color: #ED1B2F;
	text-decoration: underline;
}

a.functionNav:link, a.functionNav:visited {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

a.functionNav:hover, a.functionNav:active {
	font-size: 11px;
	color: #000000;	
	text-decoration: underline;
}

a.vertnav:link, a.vertnav:visited {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
	line-height: 13px;
}

a.vertnav:hover, a.vertnav:active {
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
	font-weight: normal;
	line-height: 13px;
}

a.functionNav:link, a.functionNav:visited {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

a.functionNav:hover, a.functionNav:active {
	font-size: 11px;
	color: #000000;	
	text-decoration: none;
}

a.whatsNew:link, a.whatsNew:visited {
	font-size: 12px;
	color: #FDB813;
	text-decoration: underline;
}

a.whatsNew:hover, a.whatsNew:active {
	font-size: 12px;
	color: #FDB813;	
	text-decoration: underline;
}

#leftshade {
	background:url(../images/leftshade.gif) repeat-y top left;
	min-height: 660px;
	width: 31px;
	float: left;
	height: 100%;	
	}	
	
#rightshade {
	background:url(../images/rightshade.gif) repeat-y top left;	
	top: 0px;
	min-height: 660px;
	width: 31px;
	height: 100%;	
	float: right;	
	}	
	
#whatsNew {
	padding-right: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	height: 200px;
	min-height: 150px;
	clear:both;
}

.whatsNewCopy {
	padding-right: 30px;
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
}

.homePageCopy {
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

#homePage {
	position: absolute;
	top: 313px;
	left: 0px;
	float: right;
	width: 450px;
	padding-right: 10px;
	padding-top: 15px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	height: 200px;
	min-height: 150px;
	clear:both;
}

#title {
	position: absolute;
	background-color:#FFFFFF;
	left: 29px;
	top: 46px;
	}

.footer {
	font-family: tahoma, sans-serif;
	color:#FFFFFF;
	display: block;
	font-size: 11px;
	text-align: left;
}

#footer{
	font-family: tahoma, sans-serif;
	background-color: #ffffff;
	height: 12px; 
	padding: 5px 5px 5px 5px;
	width: 793px;
	max-width: 793px;
	margin-right: auto; margin-left: auto;
	text-align: left;
	background-color:#787878;
	clear:both;
	}

.copy {
	font-size: 11px; 
	font-family: Arial, Helvetica, sans-serif;
	color:#000000;
	line-height: normal;
	text-align:left;
	padding:5px 30px 5px 30px;
	margin: 0 0 0 0px;
}

input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	background-color: #E8132B;
}

button {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}

.redcopy {
	font-size: 11px; 
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
	color:#ED1B2F;
	padding:0px 0 0px 0;
	margin: 0 0 0 0px;
}

.header {
	font-family: tahoma, sans-serif;
	color:#CCCCCC;
	display: block;
	font-size: 10px;
	text-align: right;
	padding-right: 15px;
}