/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:20px;
	font-weight: normal;
	color: #333333;
	background-color: #7d797a;
	background-image:url(images/background1.jpg);
	background-position:top;
	background-repeat:repeat-x;
	margin:0;
	margin-right: auto;
	margin-left:auto;
	padding:0;
	text-align:center;
	}

a:link, a:visited {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#333399;
	text-decoration: underline
	}

a:hover{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color:#333399;
	text-decoration: none
	}

h1 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height:22px;
	font-weight: bold;
	color: #cc3300;
	}
	
h2 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	padding:0;
	margin: 0 0 -8px 0;
	color:#cc3300;
	}
	
	
h2 a:link, h2 a:visited {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	padding:0;
	margin: 0 0 -8px 0;
	text-decoration:none;
	color: #cc3300;
	}
	
h2 a:hover {
	font-size: 14px;
text-decoration: underline;
color: #cc3300;
	}
	
h3 {
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color:#cc3300;
	margin: 0 0 8px 0;
	}

h4 {
	font:  13px  Arial, Helvetica, sans-serif;
	font-weight:bold;
	color: #330099;
	background-color: #f0f0f0;
	border-bottom: 1px solid#330099;
	border-left-color:#cc3300;
	margin: -10px  -20px 0 -20px ;
	padding: 5px 5px 5px 20px;
}

h5{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height:14px;
	font-weight: bold;
	color: #333333;
	margin: 9px 0 9px 0;
	
	}

p{padding-bottom:4px;

}
	
	
dl {margin:0; padding:0;padding-top:9px;}
dt {font-weight: bold;
	padding-top:9px;}
	
.subscript{
	font-size: 10px;
	vertical-align: sub;

}
	
.superscript{
	font-size: 10px;
	vertical-align: super;

}
	

#wrapper {
	width: 900px;
	height: 100%;
	text-align: left;
	margin-top:0px;
	margin:auto;
	font-size: 12px;
	position:relative;
	}

#topnav {
	margin:0;
	height:24px;
	padding: 0px;
	
	
	}
	
#topnav ul{
	margin:0;
	height:24px;
	padding: 0px;
	padding-left:14px;
	
	}
	
#topnav li {
	margin: px;
	padding: 0px;
	display:inline;
	list-style-type:none;
	}
	
#topnav a:link, #topnav a:visited {
	font-weight: bold;
	float: left;
	font-size:13px;
	line-height: 14px;
	text-decoration:none;
	color:#333333;
	margin-top: 0px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 10px;
	padding-top: 6px;
	padding-right: 8px;
	padding-bottom:6px;
	padding-left: 8px;
	
	
	}
	
#topnav a:active, #topnav a:hover{
	
	text-decoration:underline;
	color: #cc3300;
	font-size:13px;

	background-color: #ffffff;
	}
	


#products, #case, #whitepapers, #company{
	position:absolute;
	line-height:13px;
	
	
	background-color:#ffffff;
	visibility: hidden;
}


#products {	
	left:98px;
	top:27px;
	width:460px;
	z-index:12;
	

}


#case {
	left:260px;
	top:27px;
	width:252px;
	
	z-index:13;
	

}


#whitepapers {
	left:392px;
	top:27px;
	width:305px;
	
	z-index:14;
	
}

#company{
	left:504px;
	top:27px;
	width:220px;

	z-index:15;
	
}

#products ul, #case ul, #whitepapers ul, #company ul{
	list-style: none;
	margin:0;
	padding:6px;
	paddin-bottom:0;
}

#products li, #case li, #whitepapers li, #company li{
	list-style: none;
	margin:0;
	padding-bottom:3px;
}

#products ul a, #case ul a, #whitepapers ul a, #company ul a{
	color: #cc3300;
	font-weight:normal;
	text-decoration:none;
}

#products ul a:hover, #case ul a:hover, #whitepapers ul a:hover, #company ul a:hover{
	color: #cc3300;
	text-decoration:underline;
}

#products ul li, #case ul li, #whitepapers ul li, #company ul li{
	margin: 4px;
	margin-bottom:2px;
	margin-top:2px;
}

#prod1 {
float:left;
width:230px 
}




#hidelayerbottom {
	position:absolute;
	left:1px;
	top:153px;
	width:758px;
	height:18px;
	z-index:6;
	background-color:none;
	visibility: hidden;
}
	


#masthead{
	background-image:url(images/masthead900.jpg);
	background-position:bottom;
	background-repeat:no-repeat;
	height:150px;
	margin:0;
	padding:0;
	border:none;
	position:relative;
	clear:both;

}

#masthead h1{
	
	margin-top: 30px;
	margin-left: 270px;
	margin-right: 100px;
	color:#FFFFFF;
	font-size:20px;
	line-height: 22px;
	font-weight:normal;
	
}


#content {
background-color:#FFFFFF;
height:2020px;
}


	
#leftcol {
	padding: 10px;
	padding-left: 20px;
	padding-right: 15px;
	background-color:#Fafce5;
	width: 190px;
	float: left;
	height:2000px;
	border-right: thin solid #CCCCCC;
	}
	
#leftcol ul {
	list-style-type: none;
	color:#000066;
	font-size: 12px;
	font-weight:bold;
	margin: 0px;
	padding: 0px;
	line-height: 14px;
	
	}
#leftcol li{
	margin: 0px;
	padding: 0px;
	padding-top:6px;
	padding-bottom: 6px;
	border-bottom:#CCCCCC dotted thin;
	


}


#leftcol a:link, #leftcol a:visited {
	text-decoration: none
	}

#leftcol a:hover {
	text-decoration: underline
	}



#main{
	padding: 10px;
	padding-left: 20px;
	padding-right: 30px;
	background-color:#ffffff;
	float: right;
	height: 2000px;
	width: 620px;
	/*border-left: #CCCCCC solid thin;*/
	
	/*border-right: #666666 solid thin;*/
}

#main p {
margin: 0 0 6px 0;
}


#main h2 {
	font-size: 14px;
	padding:0;
	margin: 9px 0 6px 0;
		}
		
		
#main li {
margin: 0 0 6px 0;
}

	
#main ul {
margin-top: 0;
}


#wrapper #content #main table {
	font-size:12px;
	line-height: 14px;
	
}
#wrapper #content #main td {
	
	border-bottom:thick #FFCC00 solid;
	padding: 2px;
	width: 110px;
	vertical-align:top;
}
#wrapper #content #main table p{
	margin:0;
	padding: 0;
	margin-bottom: 4px;
}




#mainLeft {
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color:#fffffff;
	width: 213px;
	float: left;
	height: 2000px;
	
	}
#mainCen{
	
	padding: 10px;
	padding-left: 20px;
	padding-right: 20px;
	background-color:#ffffff;
	width: 404px;
	float: right;
	height: 1400px;
	border-right: #CCCCCC solid thin;
	
	}


#wrapper #content #mainCen ul {
	margin: 0 0 0 12px;
	padding: 0;
}	
#wrapper #content #mainCen li {
	margin: 0 0 6px 0;
	padding: 0;
}



#mainRight {
	padding: 10px 20px 10px 20px;
	background-color:#ffffff;
	width: 185px;
	float: right;
	height: 1400px;	
	}

.leftindent20 {
	margin-left: 20px;
	}
	
	
#footer {
	clear:both;
	background-image:url(images/shadowfooter.gif);
	background-position:top;
	background-repeat:repeat-x;
	text-align:center;
	padding: 10px;
	width:880px;
	background-color:#CCCCCC;	
	}
#wrapper #content #main table {
	line-height: 14px;
}


#apDiv1 {
	position:absolute;
	width:230px;
	height:187px;
	z-index:100;
	left: 650px;
	top: 245px;
}



#right-contact {
	width:210px;
	height:auto;
	padding:10px 0px 10px 20px;
	margin:0px;
	float:right;
	background-color:#Fafce5;
	border: thin solid #CCCCCC;
	color:#c30;
}
#right-contact h1 {
	color:#c30;
	font-size:18px;
	line-height:21px;
	font-weight: bold;
	padding:0px;
	margin:0px;
}
#right-contact p {
	color:#c30;
	padding: 0px;
	margin: 0px;
}





#wrapper #content #main #right-contact td {
	
	border-bottom:none;
	width: 190px;
	vertical-align:top;
	padding: 0px;
	margin: 0px;
}
#right-contact input {
	color: #666;
	margin:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
#right-contact input.send {
	color: #c30;
	border: none;
}
#right-contact textarea {
	color: #666;
	margin:5px 0px 0px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

#right-contact span.newsletter {
	color: #fff;
	margin:0px 0px 0px 0px;
	padding:0px;
	font-size:12px;
}