html {
	height:100%;
}
body {
	background-image: url('../images/background.gif');
	background-repeat: repeat-x;
	background-color: #231F20;
	text-align: center;
	padding: 0px;
	margin: 0px;
	height:100%;
}
table {
  	height:100%;
}

body, p, table, tr, td, ol, ul {
	/*	Set the default font & size.
		We set body, p, td, ol, and ul to account for some browsers not cascading the body style correctly. */
	margin: 0;
	padding: 0;		
}
h1, h2, h3, h4, h5, h6 {
	margin: 0;
	padding: 0;	
}
.body {
	padding: 25px 0px 0px 0px;
	position: relative;
	height: 100%;
}
.wrapper {
	/* centers the page content and makes sure text is aligned left */
	width: 825px;
	position: relative;
	margin: 0px auto;
	text-align: left;
	height: 100%;	
}
.body .wrapper {
	height:100%;
}
td.left_gradient{
	height:100%;
	width: 50px;
	background-image: url('../images/left_side.gif');
}
td.right_gradient {
	height:100%;
	width: 50px;
	background-image: url('../images/right_side.gif');
}
td.middle_bg {
	height:100%;
	width: 727px;
	background-image: url('../images/middle_bg.gif');
	vertical-align: top;
}
.main {
	width: 725px;
	background-color: #333333;
	border-left: 1px #999999 solid;
	border-right: 1px #999999 solid;	
}
.top_gradient {
	height: 89px;
	width: 725px;
	/*border-bottom: 1px #999999 solid;*/
	background-image: url('../images/top_gradient.gif');	
}
.logo {
	height: 70px;
	width: 85px;
	z-index: 200;
	position: absolute;
	left: 69px;
	top: 11px;	
}
.sensor {
	height: 56px;
	width: 725px;
	background-color: #333333;	
	background-image: url('../images/sensor.jpg');
}
.navigation {
	height: 65px;
	width: 596px;
	padding: 0px 63px 0px 67px;
	background-color: #333333;
	background-image: url('../images/navigation_bg1.gif');	
}

.navigation1 {
	height: 65px;
	width: 596px;
	padding: 0px 63px 0px 67px;
	background-color: #333333;
	background-image: url('../images/navigation_bg.gif');	
}

.bottom {
	height: 100px;
	width: 725px;
	padding: 0px 0px 20px 0px;
	background-color: #333333;
	border-bottom: 1px #999999 solid;		
}

.bottom1 {
	height: 193px;
	width: 725px;
	padding: 0px 0px 20px 0px;
	background-color: #333333;
	border-bottom: 1px #999999 solid;		
}

.flash {
	height: 590px;
	width: 725px;
	padding: 0px 0px 20px 0px;
	background-color: #333333;
	border-top: 1px #999999 solid;
	border-bottom: 1px #999999 solid;		
}
.footer {
	height: 100px;
	width: 705px;
	padding: 10px 10px 10px 10px;
	background-color: #333333;
	font: 9px Arial, Helvetica, sans-serif;
	color: #999999;
	text-align: right;
}
.footer a {
	color: #ffffff;
	text-decoration: none;	
}
.footer a:hover {
	color: #ffffff;
	text-decoration: underline;	
}	
.content {
	height: 100%;
	width: 580px;
	padding: 10px 83px 0px 83px;
	background-color: #333333;
	background-image: url('../images/content_bg.gif');	
}

.content1 {
	height: 100%;
	width: 595px;
	padding: 0px 83px 0px 65px;
	background-color: #333333;
	background-image: url('../images/content_bg1.gif');	
}

.content_movie {
	height: 100%;
	width: 595px;
	padding: 0px 75px 0px 65px;
	background-color: #333333;
	background-image: url('../images/content_bg.gif');	
}

.search {
	height: 23px;
	width: 210px;
	font-weight: bold;
	z-index: 100;
	position: relative;
	left: 490px;
	top: 25px;
	font: 11px Arial, Helvetica, sans-serif;
	color: #999999;	
}
input.searchButton   {
	font: 10px Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-align: center;
	color: #ffffff;
	padding: 0px 0px 0px 0px;
	width: 52px;
	height: 23px;	
	background: url('../images/search.gif') no-repeat left top;
	cursor: pointer;
	border: none;
	}
input.searchInput {
	font: 11px Arial, Helvetica, sans-serif;
	color: #999999;	
	width: 150px;
	
	}	
/* Breadcrumbs */

.breadcrumbs {
	height: 30px;
	width: 559px;
	padding: 0px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #323232;		
}
.breadcrumbs a {
	height: 30px;
	width: 559px;
	padding: 0px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: none;			
}
.breadcrumbs a:hover {
	height: 30px;
	width: 559px;
	padding: 0px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #999999;
	text-decoration: underline;			
}

/* Content */

.content_area_wo_breadcrumbs {
	height: 100%;
	width: 559px;
	padding: 0px;
	vertical-align: top;
}
.content_area {
	height: 100%;
	width: 559px;
	padding: 0px;
	vertical-align: top;
}
.logo_area {
	height: 100%;
	width: 159px;
	padding: 10px 20px 0px 0px;
	vertical-align: top;	
}
.about_area {
	height: 100%;
	width: 370px;
	padding: 10px 10px 0px 0px;
	vertical-align: top;
	left: 250px;
}
.prod_area {
	height: 100%;
	width: 310px;
	padding: 0px;
	vertical-align: top;
	left: 250px;
}
.prod_images_area {
	height: 100%;
	width: 229px;
	padding: 0px 20px 0px 0px;
	vertical-align: top;	
}
.distributors {
	padding: 0px 0px 0px 20px;
}
.contact_form {
	padding: 20px 0px 0px 0px;
}
.order_form {
	padding: 0px 0px 0px 0px;
}
.title {
	color: #003E7E;
}
.title a {
	color: #003E7E;
	text-decoration: none;	
}
.title a:hover {
	color: #003E7E;
	text-decoration: underline;
	font-family: Arial, Helvetica, sans-serif;
}	
.title h1 {
	font: 30px Arial, Helvetica, sans-serif bold;
	padding: 0px 0px 15px 0px;
}
.title h2 {
	font: 16px Arial, Helvetica, sans-serif bold;
	padding: 0px 0px 10px 0px;
	color: #999999;
	font-size: 16px;
}
.prod_title {
	font: 30px Arial, Helvetica, sans-serif bold;
	padding: 0px 0px 0px 0px;
	color: #003E7E;
}
.prod_subtitle {
	font: 13px Arial, Helvetica, sans-serif bold;
	padding: 0px 0px 15px 0px;
	color: #999999;
}
.pdf_links {
	font: 11px Arial, Helvetica, sans-serif;
	color: #323232;
	padding: 15px 0px 15px 0px;
	text-align: left;
}
.pdf_links a {
	color: #003E7E;
	text-decoration: none;
}
.pdf_links a:hover {
	color: #003E7E;
	text-decoration: underline;
}
.body_text {
	font: 11px Arial, Helvetica, sans-serif;
	color: #323232;
	padding: 0px 0px 15px 15px;
}
.body_text a {
	color: #003E7E;
	text-decoration: none;	
}
.body_text a:hover {
	color: #003E7E;
	text-decoration: underline;
	font-weight: bold;
}			
.body_text ul {
	list-style-position: inside;
	list-style-image: url('../images/bullet.gif');
	padding: 5px 0px 0px 5px;
}	
.body_text ul li {
	padding: 0px 0px 2px 0px;
	font-size: small;
	font-family: Arial, Helvetica, sans-serif;
}		
.body_text2 ul {
	list-style-position: inside;
	list-style-image: url('../images/bullet2.gif');
	padding: 5px 0px 10px 10px;
}	
.body_text2 ul li {
	padding: 0px 0px 2px 0px;
}			

/* Home rollover images */	
a.rollover_door {
	display: block;
	width: 298px;
	height: 172px;
	text-decoration: none;
	background: url("../images/new_menu/door_products.gif");
	}

a.rollover_door:hover {
	background-position: -298px 0;
	}

.displace_door {
	position: absolute;
	left: -5000px;
	}
	
a.rollover_traffic {
	display: block;
	width: 298px;
	height: 172px;
	text-decoration: none;
	background: url("../images/new_menu/traffic_products.gif");
	}

a.rollover_traffic:hover {
	background-position: -298px 0;
	}

.displace_traffic {
	position: absolute;
	left: -5000px;
	}	
	
/* Navigation Menu */	
	
 /* Everything CSS Sprite Menu */  
     ul#menu{margin:0; padding:0; list-style:none; clear:both;}  
         #menu li{overflow:hidden; text-indent:-9999px; display:inline; float:left;}  
             #menu li a{background:url('../images/new_menu/main_menu.gif') no-repeat; width:100%; height:100%; display:block;}  
   
             /* About Button */  
             #menu li.about{width:60px; height:23px;}  
                 #menu li.about a{background-position:0 0}  
                 #menu li.about a:hover{background-position:-0px -23px;}                     
   
             /* Door Home Button */  
            #menu li.door_home{width:100px; height:23px;}  
                 #menu li.door_home a{background-position:-60px 0;}  
                 #menu li.door_home a:hover{background-position:-60px -23px;}  
                      
            /* Traffic Home Button */  
            #menu li.traffic_home{width:111px; height:23px;}  
                 #menu li.traffic_home a{background-position:-160px 0;}  
                 #menu li.traffic_home a:hover{background-position:-160px -23px;}  

            /* Order Form Button */  
            #menu li.order_form{width:90px; height:23px;}  
                 #menu li.order_form a{background-position:-271px 0;}  
                 #menu li.order_form a:hover{background-position:-271px -23px;}  

            /* Career Opportunities Button */  
            #menu li.career_opp{width:160px; height:23px;}  
                 #menu li.career_opp a{background-position:-361px 0;}  
                 #menu li.career_opp a:hover{background-position:-361px -23px;}  

            /* Contact Button */  
            #menu li.contact{width:75px; height:23px;}  
                 #menu li.contact a{background-position:-521px 0;}  
                 #menu li.contact a:hover{background-position:-521px -23px;}  



.body .wrapper table tr .middle_bg .main table tr td .content .content_area_no_breadcrumbs .title p a font {
	font-family: Arial, Helvetica, sans-serif;
}

