/* CSS Document */

html { margin: 0; padding: 0; }

body {
	font-family : Arial, Helvetica, sans-serif; line-height:150%;  background: #FFFFFF;
	font-size: 100%;  margin: 0; padding:0;
}

#wrap { position:relative; margin: 0 auto; padding: 0; width: 800px;
	background: #FFFFFF url(../images/background.gif) repeat-y center;  }
#backimage_none { background: none;  }
#backimage_home { background: url(../images/bg_home.jpg) no-repeat bottom left;  }
#backimage_about { background: url(../images/bg_about.jpg) no-repeat bottom left;  }
#backimage_trackrecord { background: url(../images/bg_trackrecord.jpg) no-repeat bottom left;  }
#backimage_quality { background: url(../images/bg_quality.jpg) no-repeat bottom left;  }
#backimage_value { background: url(../images/bg_value.jpg) no-repeat bottom left;  }
#backimage_contact { background: url(../images/bg_contact.jpg) no-repeat bottom left;  }

#headerA { height:160px; background: #FFFFFF url(../images/headerA.jpg) no-repeat 0px 0px;  }
#headerB { height:160px; background: #FFFFFF url(../images/headerB.jpg) no-repeat 0px 0px;  }
#headerC { height:160px; background: #FFFFFF url(../images/headerC.jpg) no-repeat 0px 0px;  }
#headerD { height:160px; background: #FFFFFF url(../images/headerD.jpg) no-repeat 0px 0px;  }
#headerE { height:160px; background: #FFFFFF url(../images/headerE.jpg) no-repeat 0px 0px;  }
#headerF { height:160px; background: #FFFFFF url(../images/headerF.jpg) no-repeat 0px 0px;  }
#headerG { height:160px; background: #FFFFFF url(../images/headerG.jpg) no-repeat 0px 0px;  }


/* SIDE NAVIGATION - UL list */
#sideNav { 
	margin:0; padding:0;
	width:170px;
	position:absolute; top:140px; left:20px; 
	background: url(../images/navTop.gif) no-repeat top left; 
	}
#snav { list-style:none; 
	font-size:80%; line-height:120%; 
	margin:0 0 0 0; padding:20px 0 7px 0; 
	background: url(../images/navBase.gif) no-repeat bottom left; 
	opacity:.80;filter: alpha(opacity=80); -moz-opacity: 0.8; 
	}
#snav a { 
	padding:4px 0px 4px 10px; 
	background: #D8D8D8;
	margin:0px 0 0px 0;  
	color:#000000; font-weight:bold; 
	display:block; text-decoration:none;
	}
#snav li { 
	padding:0; margin:0;  
	border-top:#FFFFFF 1px solid;
	}
#snav a:hover { 
	background: #7D7BA0;
	}
#snav li.on a { 
	background: #7D7BA0;
	color:#FFFFFF; 
	}
#snav li.over a { 
	background: #7D7BA0;
	color:#000000; 
	}
#snav ul#subnav { list-style:none; 
	margin:0 0 0 0; padding:0 0 0 0; 
	}
#snav ul#subnav li a { 
	padding-left:20px;
	background:#D8D8D8;
	color:#666666; 
	}
#snav ul#subnav li a:hover { 
	background:#7D7BA0;
	color:#000000; 
	}
#snav ul#subnav li.on a { 
	background:#D8D8D8 url(../images/subNav_arrow.gif) no-repeat 0px 0px;
	color:#000000; 
	}
	
#content { 
	width:390px; float:left; min-height:500px;
	margin:0; padding:30px 0 0 210px; 
	color:#000000; font-size:80%; line-height:140%;
	}
* html #content { height:500px;
	}	
	
#rightColumn {
	margin:0; padding: 0;
	color:#FFFFFF; font-size:80%; line-height:120%;  
	float:right; width:170px;
	/* background:#91B9D8; 40% */
	/* background:#0065B2; 100% */
	/* opacity:.60;filter: alpha(opacity=60); -moz-opacity: 0.6; */
	}
* html #rightColumn { 
	}
#rightColTitle {
	background:#0E224A; font-weight:bold;
	font-size:110%; line-height:140%;
	margin:0 0 20px 0; padding: 4px 10px 4px 10px;
	}
.newsHeading {
	color:#A1181B; font-weight:bold;
	font-size:100%; line-height:120%;
	margin:0; padding: 15px 10px 0px 10px;
	}
#rightColumn p {
	margin:0; padding: 0px 10px 5px 10px;
	}
#rightColumn a.more {
	font-size:80%; color:#A1181B; font-weight:bold;
	}
#rightColumn img { margin:0; padding:20px 0 0 0;
	}
#rightColumn hr { 
height:1px; background: none; border:none;
border-top:1px solid #FFFFFF; margin:10px 0 15px 0; 
}
* html #rightColumn hr { margin:15px 0 10px 0; padding:0; 
 }	

#rightColumn h3 {
	color:#000000; 
	font-size:110%; line-height:120%;
	margin:0; padding: 60px 10px 10px 10px;
	}
* html #rightColumn h3 {  
	font-size:100%; }
.productHeading {
	color:#0E224A; font-weight:bold;
	font-size:100%; line-height:120%;
	margin:0; padding: 60px 10px 4px 10px;
	}

.quote { color:#A1181B; font-weight:bold;
	font-size:100%; line-height:140%;
	margin:0; padding: 60px 10px 7px 10px;
	}
.quoteBy {
	font-size:80%; line-height:110%; color:#FFFFFF;
	margin:0; padding:0;
	}

#rightColumn ul {
	color:#000000; 
	margin:0; padding: 0px 10px 10px 10px;
	}
#rightColumn ul li {
	color:#000000; list-style-type: none;
	}
#rightColumn ul li a {
	font-size:100%; line-height:150%;
	margin:0; padding: 0px 4px 10px 0;
	color: #000066; text-decoration:none;
	}
* html #rightColumn ul li a { 
	font-size:90%; }

#rightColumn ul li.on a, #rightColumn ul li a:hover {
	color: #FF0000;
	}

#box {
	padding: 0;
	background:#97B5D9 url(../images/box_TL.gif) no-repeat top left;
	width:60%;
	font-size:80%;
	line-height:110%;
	margin-top: 15px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
}
#boxLeft {
	clear:both;
	float:left;
	margin:15px 0 0 0;
	padding: 0 0 0 0;
	background:#97B5D9 url(../images/box_TL.gif) no-repeat top left;
	width:50%;
	font-size:80%;
	line-height:110%;
}
#boxRight {
	float:left;
	margin:15px 0 0 0;
	padding: 0 0 0 0;
	background:#97B5D9;
	width:50%;
	font-size:80%;
	line-height:110%;
}
dl {
	margin:0; padding: 6px 0 8px 0;
}
#boxLeft dl {
	background:#C7D6EB; 
}
#box dl {
	background:#C7D6EB url(../images/box_BR.gif) no-repeat bottom right; 
}
#boxRight dl {
	background:#C7D6EB url(../images/box_BR.gif) no-repeat bottom right; 
}


.subTitle { margin:0; padding: 2px 0 0 0; text-align:left; clear:both;
}
dt { float:left; padding: 0 0 0 8px;
}
dd {
	text-align:right;
	padding: 0 8px 0 0;
	font-weight:bold;
}



#footer { vertical-align:text-bottom; clear:both; margin: 0 0 0 0; padding:20px 0 20px 0; 
	background: url(../images/footer.gif) no-repeat bottom left;  }

p { margin:0; padding:5px 0 5px 0;}
h1 { margin:0; padding:0 0 10px 0; color:#0E224A;
	font-size:130%;}
h2 { margin:0; padding:0 0 5px 0;
	font-size:110%;}

h4 {margin:0; padding:6px 8px 6px 8px;
	font-size:110%;}
.imageRight {float:right}
	
hr { 
height:1px; background: none; border:none;
border-top:1px solid #000000; margin:5px 0 0 0; 
}
* html hr { margin:15px 0 0px 0; padding:0; 
 }
	
/* A LINKS */
a:link, a:visited { 
	color: #ED2123; text-decoration: none;
	font-weight: bold;}
a:hover {
	color: #ED2123; text-decoration: underline;
	font-weight: bold;
}