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

body{
	margin: 0;
	padding: 0;
	background-color: #FFFFFF;
	color: #000000;
	font: small Arial, Helvetica, sans-serif;
}

#headers {
	width: 700px;
	margin: 0 auto;
}

.heads { 
	padding: 0;
	border-spacing: 0;
	width: 700px;
}



.header {
	background: url(images/header.jpg) left no-repeat;
	height: 205px;
	border: hidden;
	border-width: 0px;
	border: 0;
}

.yellowbar {
	background: url(images/yellow.jpg) top repeat-x;
	background-position: top;
	height: 18px;
	border: hidden;
	border-width: 0px;
	border: 0;
}

.topbuttons {
	height: 30px;
}
.buttonsides {
	height: 30px;
	width: 80px;
	background: url(images/buttonsides.gif);
}

#nav {
	width: 700px;
	height: 30px;
	position: relative;
	background: url(images/buttons.gif) no-repeat;
	margin: 0 auto;
	padding: 0;
}
#nav_top {
	background-color: #FFFFFF;
	width: 450px;
	height: 30px;
	position: relative;
	margin: 0;
	padding: 0;
	background: url(images/buttons.gif);
	list-style: none;
}

#nav li{
	float: left;
}

#nav_top li {
	float: left;
}

#nav a {
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	display: block;
	height: 30px;
	background: url(images/buttons.gif);
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	background-color: #FFFFFF;
}

#nav_top a {
	position: absolute;
	top: 0px;
	margin: 0;
	padding: 0;
	display: block;
	height: 30px;
	background: url(images/buttons.gif);
	text-indent: -9999px;
	overflow: hidden;
	font-size: 1%;
	background-color: #FFFFFF;
}

li#nav_home a{
	left: 0px;
	width: 90px;
	background-position: 0 0;
}

li#nav_home a:hover {
	background-position: 0 -30px;
}

li#nav_about a{
	left: 90px;
	width: 90px;
	background-position: -90px 0px;
}

li#nav_about a:hover{
	background-position: -90px -30px;
}

li#nav_tech a{
	left: 180px;
	width: 90px;
	background-position: -180px 0px;
}

li#nav_tech a:hover{
	background-position: -180px -30px;
}

li#nav_dis a{
	left: 270px;
	width: 90px;
	background-position: -270px 0px;
}

li#nav_dis a:hover{
	background-position: -270px -30px;
}

li#nav_claim a{
	left: 360px;
	width: 90px;
	background-position: -360px 0px;
}

li#nav_claim a:hover{
	background-position: -360px -30px;
}

li#nav_features a{
	left: 450px;
	width: 90px;
	background-position: -450px 0px;
}

li#nav_features a:hover{
	background-position: -450px -30px;
}

#nextlevel {
	width: 700px;
	margin: 0 auto;
}

.products {
	background: url(images/products.jpg) left bottom no-repeat;
	width: 700px;
	height: 160px;
	text-align: right;
	align: left;
}

.can {
	background: url(images/nextlevel.jpg) left bottom no-repeat;
	width: 700px;
	height: 160px;
	text-align: right;
	align: left;
}

#content {
	width: 700px;
	margin: 0 auto;
	line-height: 20px;
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	text-align: left;
	align: left;
	border: 0;
}

#product {
    width: 700px;
	margin: 0 auto;
	line-height: 20px;
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	text-align: left;
	align: left;
}

#level {
	width: 400px;
	height: 180px;
	vertical-align: bottom;
	float: right;
}

.news {
	background: url(images/yellow2.jpg) left top repeat-x;
	text-align: left;
	align: left;
	width: 200px;
	height: 18px;
}

.whats {
	background: url(images/red.jpg) left top repeat-x;
	text-align: left;
	align: left;
	width: 200px;
	height: 18px;
}

#features {
	color: #444343;
	font-size: 12px;
	font-weight: bold;
}

.mission {
	background: url(images/bluish.jpg) left top repeat-x;
	text-align: left;
	align: left;
	width: 200px;
	height: 18px;
}

.mission2 {
	text-align: left;
	align: left;
	width: 200px;
	vertical-align: top;
	line-height: 20px;
	font-size: 10px;
	color: #666666;
}

.news2 {
	text-align: left;
	align: left;
	width: 200px;
	vertical-align: top;
	line-height: 20px;
	font-size: 10px;
	color: #666666;
}

.whats2 {
	text-align: left;
	align: left;
	width: 200px;
	vertical-align: top;
	line-height: 20px;
	font-size: 10px;
	color: #666666;
}

#footer {
	width: 700px;
	margin: 0 auto;
}

.foot {
	background: url(images/footer.jpg);
	width: 700px;
	height: 25px;
}

.seperator {
	background: url(images/seperator.gif) center no-repeat;
}

.name {
	background: url(images/yellow2.jpg) left top repeat-x;
	text-align: left;
	align: left;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.incandecent {
	background: url(images/yellow2.jpg) left top repeat-x;
	text-align: left;
	align: left;
	width: 350px;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.incandecentspread {
	background: url(images/yellow2.jpg) left top repeat-x;
	text-align: left;
	align: left;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.halogen2 {
	background: url(images/blue.jpg) left top repeat-x;
	text-align: left;
	align: left;
	width: 350px;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.halogenspread {
	background: url(images/blue.jpg) left top repeat-x;
	text-align: left;
	align: left;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.halogen {
	background: url(images/blue.jpg) left top repeat-x;
	text-align: left;
	align: left;
	height: 18px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.trimname {
	color: #000000;
	font-weight: bold;
	font-size: 10px;
}

.group {
	background: url(images/group.gif) left top no-repeat;
	text-align: left;
	align: left;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}


.state {
	background: url(images/state.gif) left top no-repeat;
	text-align: left;
	align: left;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.fluorescent {
	background: url(images/green.jpg) left top repeat-x;
	text-align: left;
	align: left;
	width: 350px;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.fluorescentspread {
	background: url(images/green.jpg) left top repeat-x;
	text-align: left;
	align: left;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.halogenspread2 {
	background: url(images/blue.jpg) left top;
	text-align: left;
	align: left;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}
	
#techs {
    width: 700px;
	margin: 0 auto;
	font-size: 10px;
	color: #666666;
	vertical-align: top;
	text-align: left;
	align: left;
	border: 0px;
	padding: 0;
	line-height: 20px;
}

#sub { 
	text-align: left;
	align: left;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.bold {
	color: #000000;
	font-weight: bold;
	font-size: 11px;
}

#bread {
	margin: 0 auto;
	width: 700px;
	color: #666666;
	font-size: 9px;
	height: 10px;
}

#bread a {
	color: #666666;
	font-size: 9px;
}

.iname {
	background: url(images/iname.gif) left top no-repeat;
	text-align: left;
	align: left;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}

.hname {
	background: url(images/hname.gif) left top no-repeat;
	text-align: left;
	align: left;
	height: 12px;
	color: #FFFFFF;
	font-weight: bold;
	font-size: small;
}