@charset "UTF-8";
/* CSS Document */

*{margin:0;
padding:0;}

body{
	background-color:#666;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	}
	
.wrapper{
	margin:auto;
	width:800px;
	background-color:#fff;
	margin-top:15px;
	}
	
.topMenu{
	background-color:#333;
	width:800px;
	height:80px;
	clear:both;
	}		
	
.topMenu img{
	border:none;
	position:relative;
	top:28px;
	left:40px;
	float:left;
	}	
	
.mainMenu{
	list-style:none;
	float:left;
	font-size:14px;
	margin:35px 0 0 90px;
	}
	
	.mainMenu li ul{
	  display: none;
      position: absolute; 
      top: 1em;
      left: 0;
	  background-color:#444;
	  border-top:8px solid #333;
	  width:180px;
	}
	
	.mainMenu li ul li a{
	  padding:10px 5px;
	  border-top:1px solid #ccc;
	  font-size:11px;
	  width:170px;
	  display:block;
	  
	}
	
.mainMenu li{
	float: left;
    position: relative;
	padding-right:20px;
	list-style:none;
	}	
	
.mainMenu li > ul {
	top: auto;
	left: auto;
	}
	
.mainMenu li:hover ul, .mainMenu li.over ul { 
    display: block; 
	}

.mainMenu a{
	color:#CCCCCC;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	text-decoration:none;
	}
	
	
.mainMenu li ul li a:hover{ /*hover background color*/
	background-color: yellow;
	color:#333;
}

	
.activePage a{
	color:#FFFF00;
	}	
	
.hero{
	background:#333 url(images/light.jpg) no-repeat;
	height:264px;
	overflow:hidden;
	}
	
.backtoPPI{
	font:12px/18px Arial, Helvetica, sans-serif;
	color:#FFFF00;
	margin:0 0 0 455px;
	display:block;
	padding:3px;
	}	
	
.hero img{
	border:none;
	position:relative;
	left:590px;
	top:15px;
	}	
		
.hero1{
	background:#333 url(images/road.jpg) no-repeat;
	height:164px;
	overflow:hidden;
	}	
	
.callout{
	font-family:Arial, Helvetica, sans-serif;
	font-size:44px;
	color:#fff;
	display:block;
	margin-right:40px;
	font-weight:100;
	text-align:right;
	padding-top:25px;
	}	
	
.heroSub{
	font-family:Arial, Helvetica, sans-serif;
	text-align:right;
	display:block;
	margin-right:40px;
	font-size:24px;
	color:#ffffcc;
	}
		
.quickLinks{
	width:800px;
	display:block;
	height:172px;
	}
		
	
.quickLinks a{
	width:120px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:16px;
	color:#ccc;
	text-decoration:none;
	float:left;
	margin:60px 0 0 25px;
	}
	
.linkSub{
	display:block;
	color:#ffffcc;
	font-size:10px;
	float:left;
	}
	
.box1{
	background-image:url(images/gen1.jpg);
	width:241px;
	height:172px;
	float:left;
	}	
	
.box2{
	background-image:url(images/gen2.jpg);
	width:305px;
	height:172px;
	float:left;	}			
	
.box3{
	background-image:url(images/gen3.jpg);
	width:254px;
	height:172px;
	float:left;
	}	
		
h1{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:18px;
	font-color:333;
	font-weight:normal;
	margin-top:25px;
	margin-bottom:8px;
	}
	
.copyWrap{
    clear:both;
	width:800px;
	overflow:visable;
	}	
	
.copy{
	margin-left:25px;
	width:450px;
	float:left;
	display:inline;
	}
	
h2{	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:17px;
	font-color:333;
	font-weight:normal;
	margin-top:15px;
	display:inline;
	}
	
h3{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:15px;
	font-color:333;
	font-weight:bold;
	margin:10px 0 0 0;
	display:block;
}
	
.copy p{
	font-size:12px;
	line-height:18px;
	margin-top:15px;
	}	
	
.copy2{
	width:620px;
	margin-left:35px;
	}
		
	
.copy2 form{
	display:block;
	margin-top:30px;
}	

.copy2 form input{
	border:1px solid #333;
	padding:3px;
	margin:5px 0;
}
	
.copy2 form textarea{
	border:1px solid #333;
	padding:3px;
	margin:5px 0;
}	

.copy3{
	width:750px;
	margin-left:35px;
	}
	
.aboutCopy{
	margin-left:25px;
	width:450px;
	float:left;
	padding-left:35px;
	display:inline;
	}
	
.aboutCopy p{
	font-size:12px;
	line-height:18px;
	margin-top:15px;
	}
	
.aboutSub{
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	margin:110px 0px 0 400px;
	font-size:24px;
	color:#fff;
	font-style:italic;
	}	
	
.copy2 p{
	font-size:12px;
	line-height:18px;
	margin-top:15px;
	}	
	
.vid{
	font-size:.9em;
	}	
	
.footer{
    width:770px;
	height:125px;
	background-color:#333333;
	border-top:30px solid #fff;
	padding:20px 0 0 30px;
	padding-bottom:10px;
	}	
	
.footer ul{
	margin-top:10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#999;
}	
	
.footer li{
	display:inline;
}	

.footer a{
	color:#ccc;
	margin-right:5px;
	margin-left:5px;
	text-decoration:none;
}
	
.clear{
	clear:both;
	width:700px;
	}		
	
.rightBar{
	width:250px;
	border:1px solid #666;	
	float:left;
	margin:25px 0 0 40px;
	height:310px;
	}
	
.blockHead{
	background-color:#666;
	text-align:center;
	padding:4px;
	color:#ccc;
	font-size:14px;
	width:242px;
	display:block;
}	
.downloads{
	font-size:11px;
	float:left;
	margin:5px 0 10px;
	}
	
.downloads img{
	float:left;
	margin:10px 10px 0 18px;
	border:none;
	clear:both;
	}
	
.brochure{
	font-size:11px;
	width:160px;
	float:left;
	margin:15px 0 0 5px;
	}
	
.link{
	font-size:11px;
	width:160px;
	margin:15px 0 0 80px;
	}
	
.rightBar a{
	text-decoration:none;
	color:#333;
	}
	
.rightBar a:hover{
	color:#e6b800;
    text-decoration:underline;
	}	
	
.leftColumn{
	float:left;
	width:200px;
	margin:10px 0 0 15px;
	}
	
.leftColumn img{
	margin-top:15px;
	}	
	
#movie{
	text-align:center;
	margin:auto;
	margin-top:30px;
	width:750px;
	}
	
.productLevel{
	padding:5px;
	}
	
.productLevel img{
	margin:20px 0 30px 10px;
	float:left;
	}
	
.productLevel h3{
	margin-top:45px;
	}
	
.productLevel a{
	display:block;
	margin-top:10px;
	margin-bottom:10px;
	}	
	
.productLevel p{
	padding:20px 40px 0 10px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.copyright{
	font:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#ccc;
	margin-bottom:18px;
	display:block;
	}	
	
.footer p{
	font-size:11px;
	color:#999;
	margin-left:5px;
	}		
		
.cform{
	border:1px solid #333;
	padding:5px;

	}	
	
.caption{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
position:relative;
top:240px;
left:18px;
overflow:visable;
width:300px;
}	

.captionAU{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
position:relative;
top:190px;
left:5px;
overflow:visable;
width:230px;
}	

.captionAUBig{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
position:relative;
top:330px;
left:5px;
overflow:visable;
width:230px;
}			
	
.install{
width:300px;
float:left;
padding:0 20px 20px 20px;
display:inline;
}	


.thumb{
	width:330px;
	height:300px;
	float:left;
	position:relative;
	overflow:hidden;
	z-index:2;
	text-decoration:none;
	display:inline;
	}	
	
.thumb img{
	border:none;
	width:300px;
	position:absolute;
	top:0;
	left:0;
	}	
	

	
.thumb:hover{
	overflow:visible;
	z-index:100;
	left:-55px;
	top:-25px;
	}	
	
.thumb:hover img{
	border:6px solid #333;
	background-color:#fff;
	width:500px;
	overflow:hidden;
	display:inline;
	}	
	
.thumb:hover p{
	background-color:#333;
	color:#fff;
	overflow:visable;
	padding:5px;
	position:relative;
	top:330px;
	left:35px;
	}	
	
.thumbright{
	width:320px;
	height:290px;
	float:left;
	position:relative;
	overflow:visable;
	z-index:2;
	text-decoration:none;
	display:inline;
	}	
	
.thumbright img{
	border:none;
	width:300px;
	position:absolute;
	top:0;
	left:0;
	}	

	
.thumbright:hover{
	overflow:visible;
	z-index:100;
	left:-165px;
	top:-25px;
	}	
	
.thumbright:hover img{
	border:6px solid #333;
	background-color:#fff;
	width:500px;
	overflow:hidden;
	display:inline;
	}		
	
.thumbright:hover p{
	background-color:#333;
	color:#fff;
	overflow:visable;
	padding:5px;
	position:relative;
	top:330px;
	left:35px;
	}	
	
.thumbleft{
	width:225px;
	height:200px;
	float:left;
	position:relative;
	overflow:visable;
	z-index:2;
	text-decoration:none;
	display:inline;
	}	
	
.thumbleftBig{
	width:225px;
	height:340px;
	float:left;
	position:relative;
	overflow:visable;
	z-index:2;
	text-decoration:none;
	display:inline;
	}	
	
.thumbleft img{
	border:none;
	width:225px;
	position:absolute;
	top:0;
	left:0;
	}	
	
.thumbleftBig img{
	border:none;
	width:225px;
	position:absolute;
	top:0;
	left:0;
	}

	
.thumbleft:hover{
	overflow:visible;
	z-index:100;
	left:-5px;
	top:-5px;
	}	
	
.thumbleftBig:hover{
	overflow:visible;
	z-index:100;
	left:-5px;
	top:-5px;
	}		
	
.thumbleft:hover img{
	border:6px solid #333;
	background-color:#fff;
	width:320px;
	overflow:hidden;
	display:inline;
	}	
	
.thumbleftBig:hover img{
	border:6px solid #333;
	background-color:#fff;
	width:320px;
	overflow:hidden;
	display:inline;
	}	
	
.thumbleft:hover p{
	background-color:#333;
	color:#fff;
	overflow:visable;
	padding:5px;
	position:relative;
	top:190px;
	left:15px;
	}		
	
.thumbleftBig:hover p{
	background-color:#333;
	color:#fff;
	overflow:visable;
	padding:5px;
	position:relative;
	top:410px;
	left:15px;
	}		
	
.aboutCol{
width:250px;
float:left;
padding:0 20px 20px 20px;
display:inline;
}	
						
	
.note{
display:block;
font-size:10px;
clear:both;
}	

.backLink{
background-color:#222;
height:25px;
}

.videoButton{
	display:block;
	padding:15px;
	font-size:12px;
	background-color:#FC0;
	text-align:center;
	font-weight:bold;
}

.videoButton a:hover{
	color:#333;
}

.title{
	display:block;
	width:110px;
	float:left;
	text-align:right;
	padding-right:20px;
}