﻿/* Reset */

html, body, div, span, object, iframe, h1, h2, 

h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, 

code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, 

form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, img 

{margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:1em;font-family:inherit;vertical-align:baseline; font-weight:normal}

a img {border:none;}

a{outline:0;}



/* CSS layout */

html{

	font-size:100%;

}

body{

	padding:0px;

	text-align:center;

	background:white;

	font-size:.85em;

	font-family:Arial, Helvetica, sans-serif;

	background:#cccccc url('../images/red_black_outer_band.jpg') repeat-x ;	

}

#outer{

	padding:0;

	margin:0 auto;

	max-width:1000px;

	min-width:810px;

	width:100%;

}

#outer_float{

	width:100%;

	float:left;

}

#red_haze{

	width:810px;

	margin-right:auto;

	margin-left:auto;

	background:transparent;

}

#container{

	width:800px;

	margin-right:auto;

	margin-left:auto;

	background:white;

	min-height:500px;

}

#logo{

	text-align:center;

	background:white;

	width:800px;

	float:left;

	display:inline;

	margin:0; padding:0;

}

/* ---------------------------------- main ---------------------------------- */



.menu{

	background:white; 

	color:#990000; 

	text-align:left; 

	line-height:3em; 

	font-weight:bold; 

	float:left;

	width:100%;

	font-size:1.1em;
	font-size:13px;

}



.menu a{

	color:#990000;

	text-decoration:none;

	font-weight:bold;

}



.menu ul {

padding:0; 

margin-left:1em;

list-style-type: none;

}



.menu ul li {

float:left;

position:relative;

}





.menu ul li a, .menu ul li a:visited {

display:block; 

text-decoration:none; 

font-weight:bold;

color:black;

font-size:.9em;

padding:0 1em 0 5px;

text-transform:uppercase;


}



.menu ul li ul {

display: none;

}



.menu ul li:hover a,

.menu ul li a:hover {

color:#990000;

}



.menu ul li:hover ul,

.menu ul li a:hover ul {

display:block; 

position:absolute; 

top:3em;

background:#990000;

color:white;

margin:0;

}



.menu ul li:hover ul li a,

.menu ul li a:hover ul li a {

display:block; 

background:white;

border:0;

margin:0;

color:#990000;

font-size:.9em;

height:auto; 

line-height:1em; 

padding:5px; 

width:10em;

}

.menu ul li:hover ul li a:hover,

.menu ul li a:hover ul li a:hover {

background:#ddd; 

color:black;

}



#main {

	margin: 0px;

	text-align:left;

	background:white;

	width:100%;

	float:right;

	display:inline;

	text-align:left;

}

#technology p{
	line-height:1.25em;
	padding-bottom:.5em;
	padding-left:5%;
	padding-right:10%;
	font-size:1.15em;	
}
h1.home{

	border-bottom:2px #990000 solid; width:90%; padding-top:10px; margin-bottom:10px;

	line-height:1.25em; font-size:1.25em; width:80%;

}

h1.product{

	font-size:1.75em;

	padding-left:10%;

	line-height:1.5em;

	font-weight:bold;

	padding-bottom:10px;

}

h1{

	float:left;

	display:inline; 

	font-weight:bold; 

}

#main_left{

	width:28%;

	padding:0 1% 1em 1%; 

	float:left;

	display:inline;

}

#main_left h3{

	font-size:1.15em;

	line-height:1.15em;

	font-weight:bold;

	padding:.5em 0 .25em 0;

	color:white;

}

#main_left h3 a{

	color:white;

}

#main_left a{

	color:black;

	text-decoration:underline;

}

#main_left p{

	padding-left:2%;

	padding-bottom:.25em;

}

#main_center{

	background:white;

	width:63%;

	padding:0 1% 1em 1%;

	float:left;

	display:inline;

}

#main_center p{

	margin:.25em 0 .5em 0;

}

h2, h2 a{

	font-size:1.25em;

	line-height:1.5em;

	font-weight:bold;

	clear:both;

	color:black;

	padding:.5em 0 .5em 0;



}

td{

	line-height:1.25em;

}

ul{

	padding:.5em 0 .5em 30px;

}

h5{

	clear:both;

	color:black;

	font-size:.9em;

	padding:.25em 0 .25em 0;

}

.white {

	color:#FFF;

}

.blue {

	color:#003366;

}

.black {

	color:#353535;

}

.red {

	color:#990000;

}





#company{

	width:100%;

}

#company h2{

	float:left; 

	display:inline;

	width:30%;

	padding:0; margin:0;

	padding-right:3%;

	color:black;

	font-size:1em;

	clear:none;
	
	text-transform:uppercase;

}

#company h2 a{

	text-decoration:none;
	line-height:1.5em;
	font-weight:normal;

}

#company h2 a:hover{

	text-decoration:underline;

}

#company p{

	font-size:1.5em; 

	font-weight:bold; 

	width:100%; 

	color:#990000;

	float:left;

	line-height:1em;

	padding:0;

	margin:0;

	padding-top:1em;

	padding-bottom:0em;

}



#company p a{

	width:95%; 

	color:#990000; 

	font-weight:bold;

}

#about p{
	padding-top:.25em;
	padding-bottom:.25em;
	float:left;
	width:30%;
	color:#003366;
	line-height:1.25em;

}
#about li{
	float:left;
	width:50%;
	line-height:1.25em;
	padding-top:.25em;
	padding-bottom:.25em;
}