@charset "utf-8";
/* Created: 29/06/08 */

/* set the font for the site */
* { 
    margin:0px;
	padding:0px; 
	font-family:Arial, Helvetica, sans-serif;
}

/* set the colours for the text and background */

html {
	overflow-y:scroll
	}

body, html {
    color:#000;
	background:#dbdddf url(../images/bg.png) repeat-x;
	text-align:center;
	font-size:11px;
}

/* -- Defaults for headings, bulletpoints form required and paragraphs -- */

.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%; }
.clearfix {display: block;}
/* End hide from IE-mac */

ol, ul, li {
	list-style:disc;
    margin-left: 15px;
	color:#333
}

ol li {
	list-style:decimal
}

IMG {
   border: none;
}

H1, H2, H3, H4, H5, H6 {
	font:bold 22px Arial, Helvetica, sans-serif;
	color:#FFF;
	padding:20px 9px 9px;
	display:block
}

H2 {
	font-size:16px;
}

H3 {
	font-size:15px;
}

H4 {
	font-size:14px;
}

H5 {
	font-size:12px;
}

H6 {
	font-size:11px;
}


p {
	padding:10px 0px 0px 0px;
}

a {
	text-decoration:none;
	font-weight:bold;
	color:#000;
}

a:hover {
	color:#000;
}

input, select, textarea {
	font-size:11px;
	width:180px;
	padding:5px 0px;
	border:0px;
	background:#e7e7e7
}

.formText {
	font-size:11px;
	color:#000
}

td {
	padding:2px;
	}
/* -- END Defaults -- */

/* This holds the content, change it's width to whatever is needed */

#wrap {
    width:960px;
	margin:0 auto;
	text-align:left
}

#header {
	height:99px;
	width:960px;
	clear:both
}

#logo {
	width:310px;
	height:99px;
	float:left
}

#email {
	width:650px;
	height:99px;
	float:left;
}

#email p {
	padding:40px 0px 0px 410px;
	font-weight:bold;
	font-size:16px
}

#email a {
	text-decoration:none;
	color:#c5c5c5;
	font-size:16px
}

#email a:hover {
	color:#000
}

/* begin: menu */

#home-image {
	width:960px;
	height:257px;
	clear:both
}

#home-image img {
	border-top:6px solid #000;
	border-bottom:6px solid #198fbf;
	display:block
}

#menu {
	width:960px;
}

#home, 
#company, 
#automotive, 
#defence, 
#titanium, 
#alliances,
#engineering,
#contact
 {
	width:81px;
	float:left;
	height:49px;
}

#home a, 
#company a, 
#automotive a, 
#defence a, 
#titanium a, 
#alliances a,
#engineering a,
#contact a {
	width:81px;
	height:49px;
	display:block;
	text-indent:9999px;
	text-align:right;
	overflow:hidden;
	background:transparent url(../images/menu.png) no-repeat;
}

#home a {
	background-position:0px 0px;
	width:81px;
}

#home a:hover {
	background-position:0px -49px;
}

#company { width:202px }
#company a {
	background-position:-81px 0px;
	width:202px;
}

#company a:hover {
	background-position:-81px -49px;
}

#automotive { width:122px }
#automotive a {
	background-position:-283px 0px;
	width:122px;
}

#automotive a:hover {
	background-position:-283px -49px;
}

#defence { width:122px }
#defence a {
	background-position:-405px 0px;
	width:122px;
}

#defence a:hover {
	background-position:-405px -49px;
}

#titanium { width:103px }
#titanium a {
	background-position:-527px 0px;
	width:103px;
}

#titanium a:hover {
	background-position:-527px -49px;
}

#alliances { width:106px }
#alliances a {
	background-position:-630px 0px;
	width:106px;
}

#alliances a:hover {
	background-position:-630px -49px;
}

#engineering { width:128px }
#engineering a {
	background-position:-736px 0px;
	width:128px;
}

#engineering a:hover {
	background-position:-736px -49px;
}

#contact { width:96px }
#contact a {
	background-position:-864px 0px;
	width:96px;
}

#contact a:hover {
	background-position:-864px -49px;
}

/* end: navbar */

#content {
	padding:10px 0px;
	clear:both
}

.about-frontline {
	width:960px;
	height:96px;
	clear:both;
	background:#9ca7af;
	color:#FFF;
}

.about-frontline .left {
	display:block;
	float:left;
	width:310px;
}

.about-frontline .right {
	display:block;
	float:left;
	width:650px;
}

.about-frontline p {
	padding:23px 36px 0px 23px 
}

.blue-box-holder {
	height:437px;
}

.blue-box, .blue-box-wide, .product-box, .product-box2, .product-box3 {
	width:312px;
	height:417px;
	margin-top:10px;
	float:left;
	background:#599bb7 url(../images/box-bg.png) repeat-x top;
	color:#FFF;
}

.padding10px {
	padding:10px
}

.product-box, .product-box2, .product-box3 {
	width:230px;
	height:auto;
	color:#333;
	background:#DDD
}

.product-box3 { 
	width:184px;
	height:400px
}

.product-box .inner, .product-box2 .inner, .product-box3 .inner {
	padding:10px;
}

.product-box .inner h5, .product-box2 .inner h5, .product-box3 .inner h5 {
	padding:0px;
	margin:0px;
	padding-top:10px;
	color:#333;
}

.product-box span, .product-box span2 {
	padding:10px 0px 10px 0px;
	margin:0px;
	display:block
}

.product-box2 .inner h5 {
	padding:0px;
}


.product-box .left, .product-box2 .left, .product-box3 .left {
	width:60%;
	float:left
}

.product-box2 .left, .product-box3 .left {
	width:100%;
}

.product-box2 .left img {
	margin:8px 0px 14px 0px;
}

.product-box .right, .product-box2 .right  {
	width:40%;
	float:left
}

.product-gap {
	float:left;
	width:5px;
	height:100px
}

.blue-box-wide {
	width:960px;
	background:#EEE;
	height:auto;
	padding-bottom:80px;
	margin-bottom:20px;
	margin-top:0px
}

.blue-box-inner-wide {
	background:#EEE url(../images/follower-bg.png) top repeat-x
}

.summary-text {
	color:#333; 
	font-weight:normal; 
	padding-left:20px
}

.headingwide {
	background:#599bb7 url(../images/box-bg.png) repeat-x top;
	width:960px;
	height:70px
}

.headingwide img {
	padding:35px 10px 10px 10px
}

.headingsmall {
	padding:20px 10px 5px 10px
}

.blue-box p, .blue-box-wide p {
	padding:9px
}

.blue-box-wide p {
	padding:10px 20px 10px 17px;
	display:block;
	color:#333333
}

.blue-box-inner a {
	padding:5px 9px;
	display:block;
	color:#FFF;
}


.blue-box-inner {
	padding:10px;
	display:block;
}

.blue-box-inner a:hover {
	color:#a9e6ff;
}

.featured-product {
	width:290px;
	height:175px;
	margin-top:20px;
	float:left;
	background:#66a9c5 url(../images/featured-product-bg.png) repeat-x top;
	color:#FFF;
}

.featured-title {
	width:100%;
	float:left;
}

.featured-pic {
	width:110px;
	float:left;
}

.featured-pic img {
	border:1px solid #7a7a7a;
	margin:24px 10px 0px 0px
}

.img {
	border:1px solid #7a7a7a;
}

.featured-space {
	height:165px
}

.auto-logos {
	padding:10px;
}

.auto-logos img {
	border:1px solid #CCC;
	float:left;
	margin-right:10px
}

.auto-logos h2 {
	color:#333
}

.div {
	background:transparent url(../images/div-brighter.png) repeat-x;
	width:94%;
	margin:0 auto;
	height:2px;
	line-height:1px;
	font-size:1px;
	clear:both
}

.divWide {
	background:transparent url(../images/div.png) repeat-x;
	width:960px;
	margin:0 auto;
	height:2px;
	line-height:1px;
	font-size:1px
}

.div2 {
	background:transparent url(../images/div-brighter.png) repeat-x;
	width:96%;
	margin:0 auto;
	height:2px;
	line-height:1px;
	font-size:1px
}

.div3 {
	background:#CCC;
	width:98%;
	margin:0 auto;
	height:1px;
	line-height:1px;
	font-size:1px
}

.headingsmall {
	height:32px
}


.blue-box-gap {
	width:12px;
	height:417px;
	float:left;
}



/* footer */
#footer {
	width:100%;
	height:100px;
	vertical-align:top;
	color:#FFF;
	background:#000;
	
}

#footer .inner {
    font-size: 11px;
	width:960px;
	margin:0 auto;
	text-align:left
}

#footer .inner p {
	padding:20px 10px;
	float:left;
}


#footer a {
	color:#FFF;
	text-decoration:none;
	font-weight:normal
}

#footer a:hover {
	color:#1989b6;
}