/* CSS Document */
Body{
   background-color:#EDEDE5;
   margin:0 0 0 0;
   background:url(../images/nav.jpg) repeat-x #EDEDE5;
}
DIV#topLine {
	position:absolute;
	left:0px;
	top:0px;
	height:2px;
	background-color:#63A178;
	/*padding-left:0;
	padding-right:0;*/
	width:100%;
	
}

/*---------------------------head--------------------------------*/
#header{
    /*margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top:0;*/
	width:1000px;
	height:56px;
}

#header DIV.logo{
    background:url(../images/logo.jpg) no-repeat;
	width:128px;
	height:56px;
	display:inline;
	float:left;
}
#header DIV.a{
    width:86px;
	height:56px;
    background:url(../images/about.jpg);
	display:inline;
	float:right;
}
#header DIV.a:hover {background:url(../images/hoverabout.jpg);}
#header DIV.h{
    width:86px;
	height:56px;
	float:right;
    background:url(../images/home.jpg);
	display:inline;
}
#header DIV.h:hover {background:url(../images/hoverhome.jpg);}

#header DIV.bulb{
    width:86px;
	height:56px;
    background:url(../images/bulb.jpg);
	display:inline;
	float:right;
}
#header DIV.bulb:hover {background:url(../images/hoverbulb.jpg);}

#header DIV.lamp{
    width:86px;
	height:56px;
    background:url(../images/lamp.jpg);
	display:inline;
	float:right;
}
#header DIV.lamp:hover {background:url(../images/hoverlamp.jpg);}
#header DIV.driver{
    width:86px;
	height:56px;
    background:url(../images/driver.jpg);
	display:inline;
	float:right;
}
#header DIV.driver:hover {background:url(../images/hoverdriver.jpg);}
#header DIV.light{
    width:86px;
	height:56px;
    background:url(../images/light.jpg);
	display:inline;
	float:right;
}
#header DIV.light:hover {background:url(../images/hoverlight.jpg);}

#header DIV.bga{
    width:86px;
	height:56px;
    background:url(../images/selectabout.jpg);
	display:inline;
	float:right;
}
#header DIV.bga:hover {background:url(../images/hoverabout.jpg);}
#header DIV.bgh{
    width:86px;
	height:56px;
	float:right;
    background:url(../images/selecthome.jpg);
	display:inline;
}
#header DIV.bgh:hover {background:url(../images/hoverhome.jpg);}

#header DIV.bgbulb{
    width:86px;
	height:56px;
    background:url(../images/selectbulb.jpg);
	display:inline;
	float:right;
}
#header DIV.bgbulb:hover {background:url(../images/hoverbulb.jpg);}
#header DIV.bglight{
    width:86px;
	height:56px;
    background:url(../images/selectlight.jpg);
	display:inline;
	float:right;
}
#header DIV.bglight:hover {background:url(../images/hoverlight.jpg);}
#header DIV.bgdriver{
    width:86px;
	height:56px;
    background:url(../images/selectdriver.jpg);
	display:inline;
	float:right;
}
#header DIV.bgdriver:hover {background:url(../images/hoverdriver.jpg);}
#header DIV.bglamp{
    width:86px;
	height:56px;
    background:url(../images/selectlamp.jpg);
	display:inline;
	float:right;
}
#header DIV.bglamp:hover {background:url(../images/hoverlamp.jpg);}
/*---------------------------head--------------------------------*/
/*--------------------------- home body--------------------------------*/
#topholder{
    margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top:0;
	width:950px;
}
#imgADPlayer{
   width:950px;
   height:360px;
   background-image:url(../images/slidepic1.jpg);
}
#topholder DIV.imgborder{
   background:url(../images/border.jpg) 0 0 no-repeat;
   height:25px;
   weight:950px;
}
#topholder DIV.middle{
   width:950px;
   height:123px;
}
#topholder DIV.middle DIV.mid1{
   width:675px;
   float:left;
}
#topholder DIV.middle DIV.mid2{
   width:275px;
   float:left;
}

#topholder DIV.middle DIV.mid2 UL.serLink{
   	width:200px;
	padding:0 0 0 50px;
	white-space:normal;
	margin:0;
   line-style:none;
   list-style-type:none;
}

#topholder DIV.middle DIV.mid2 UL.serLink LI{
    display:block;
	line-height:150%;
	background:url(../images/left1.jpg) 0px 3px no-repeat;
	font-family:"Trebuchet MS";
	font-size:12px;
	color:#979797;
	width:200px;
	line-style:none;
	padding:0 0 0 20px;
	list-style-type:none;
}
#topholder DIV.middle DIV.mid2 UL.serLink LI:hover{
   color:#757575;
}

#topholder DIV.details{
   width:950px;
   height:160px;
}
.fontStyle1{
	font-family:Trebuchet MS,arial,sans-serif;
	font-size:14px;
	color:#63A178;
}
.fontStyle1:hover{
    text-decoration:underline;
}

.fontStyle2{
    font-family:Trebuchet MS,arial,sans-serif;
	font-size:12px;
	color:#979797;
	line-height:180%;
}
.fontStyle2:hover{
    color:#757575;
}

.fontStyle3{
    display:block;
	font-size:12px;
	line-height:150%;
	background:url(../images/left1.jpg) 0px 3px no-repeat;
	font-family:"Trebuchet MS";
	color:#979797;
	padding:0 0 0 20px;
}
.fontStyle3:hover{
    color:#757575;
}


.linkStyle1{
    display:block;
	background:url(../images/left2.jpg) 0px 3px no-repeat;
	font-family:Trebuchet MS,arial,sans-serif;
	font-size:12px;
	color:#979797;
	padding:0 0 0 20px;
	line-height:180%;
	text-decoration:none;
	text-transform:none;
}
.linkStyle1:hover{
	color:#757575;
	text-transform:none;
}

.linkStyle2{
	font-family:Trebuchet MS,arial,sans-serif;
	font-size:14px;
	color:#63A178;
	text-decoration:none;
	text-transform:none;
	line-height:175%;
}
.linkStyle2:hover{
    text-decoration:underline;
}

.linkStyle3{
    display:block;
	font-size:14px;
	background:url(../images/left1.jpg) 0px 3.5px no-repeat;
	font-family:"Trebuchet MS";
	color:#979797;
	padding:0 0 0 20px;
	line-height:170%;
	text-decoration:none;
	text-transform:none;
}
.linkStyle3:hover{
    color:#757575;
}

.linkStyle4{
    display:block;
	background:url(../images/download.jpg) 0px 3px no-repeat;
	font-family:Trebuchet MS,arial,sans-serif;
	font-size:14px;
	color:#63A178;
	padding:0 0 0 20px;
	line-height:175%;
	text-decoration:none;
	text-transform:none;
}
.linkStyle4:hover{
 text-decoration:underline;
}



#changeUL{
   width:200px;
   white-space:normal;
   margin-top:0px;
   margin-left:0px;
   padding-left:0px;
}

#changeUL Li{
    display:block;
	width:200px;
	line-style:none;
	height:20px;
	list-style-type:none;
}

/*--------------------------- home body--------------------------------*/

/*--------------------------- about body--------------------------------*/
#aboutholder{
    margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top:0;
	width:950px;
}
#aboutholder DIV.imgborder{
   background:url(../images/border.jpg) 0 -12px no-repeat;
   height:9px;
   weight:950px;
}
#aboutholder DIV.middle{
   width:950px;
   height:361px;
}
#aboutholder DIV.middle DIV.mid1{
   width:316px;
   float:left;
}

#aboutholder DIV.middle DIV.mid1 DIV.topfont{
   height:40px;
}

#aboutholder DIV.middle DIV.mid1 DIV.ftpic{
   background:url(../images/aboutmid.jpg) no-repeat;
   height:139px;
   width:184px;
   margin-top:15px;
}

#aboutholder DIV.middle DIV.mid2{
   width:634px;
   float:left;
}

#aboutholder DIV.middle DIV.mid2 DIV.midpic{
      width:158px;
	  height:9px;
	  background-color:#63A178;
	  margin-top:58px;
	  margin-bottom:35px;
}
#aboutholder DIV.details{
   width:950px;
   margin-top:7px;
}



/*---------------------------about body--------------------------------*/

/*--------------------------pro body--------------------------------*/
#proholder{
    margin-left:auto;
	margin-right:auto;
	margin-top:0;
	padding-top:0;
	width:950px;
	min-height:642px;
}
#proholder DIV.imgborder{
   background:url(../images/border.jpg) 0 -12px no-repeat;
   height:9px;
   width:950px;
}
#proholder DIV.middle{
   width:950px;
}
#proholder DIV.middle DIV.leftTree{
   width:235px;
   float:left;
}

#proholder DIV.middle DIV.right{
   width:715px;
   float:left;
   margin-top:2px;
   margin-bottom:14px;
}

#proholder DIV.middle DIV.right DIV.proLogo{
  width:715px;
  height:319px;
}

#proholder DIV.middle DIV.right DIV.pro1{
   width:232px;
   height:132px;
   margin-top:12px;
}

#proholder DIV.middle DIV.right DIV.pro2{
	width:232px;
	height:132px;
	margin-top:12px;
	margin-left:0px;
}
.proUL{
   width:200px;
   white-space:normal;
   margin-left:13px;
   padding-left:0px;
   padding-top:16px;
}

.proUL Li{
    display:block;
	width:200px;
	line-height:180%;
	line-style:none;
	list-style-type:none;
	font-family:"Trebuchet MS";
	color:#979797;
	font-size:12px;
}
/*--------------------------- pro body--------------------------------*/

/*--------------------------- Left Tree--------------------------------*/

.leave{
    display:block;
	background:url(../images/left1.jpg) 16px 6px no-repeat;
	font-family:Trebuchet MS,arial,sans-serif;
	font-size:14px;
	color:#979797;
	padding:0 0 0 45px;
	height:25px;
	line-height:170%;
	text-decoration:none;
	text-transform:none;
}
.leave:hover{
    background:url(../images/left4.jpg) no-repeat;
	text-transform:none;
}
.leaveLonger{
    display:block;
	background:url(../images/left1.jpg) 16px 6px no-repeat;
	font-family:Trebuchet MS,arial,sans-serif;
	font-size:14px;
	color:#979797;
	padding:0 0 0 45px;
	height:50px;
	line-height:170%;
	text-decoration:none;
	text-transform:none;
}
.leaveLonger:hover{
    background:url(../images/left5.jpg);
	text-transform:none;
}
.selectleave{
    display:block;
	background:url(../images/left3.jpg) 16px 6px no-repeat;
	font-family:Trebuchet MS,arial,sans-serif;
	font-size:14px;
	color:#979797;
	padding:0 0 0 45px;
	height:25px;
	line-height:170%;
	text-decoration:none;
	text-transform:none;
}

.selectleaveLonger{
    display:block;
	background:url(../images/left3.jpg) 16px 6px no-repeat;
	font-family:Trebuchet MS,arial,sans-serif;
	font-size:14px;
	color:#979797;
	padding:0 0 0 45px;
	height:50px;
	line-height:170%;
	text-decoration:none;
	text-transform:none;
}

/*---------------------------Left Tree--------------------------------*/

/*---------------------------bottom--------------------------------*/

#ft{
   margin:4px 0 0 0;
   height:110px;
   background:#ABCB88;
   text-align:center;
   font-family:Trebuchet MS,arial,sans-serif;
   font-size:12px;
   color:#EDEDE5;
   left:0px;
   bottom:-1px;
   width:100%;
   min-width:1000px;
}
#ft A {
   text-decoration:none;
   text-transform:none;
   font-family:Trebuchet MS,arial,sans-serif;
   font-size:12px;
   color:#EDEDE5;
}
#ft A:hover{
   text-decoration:underline;
}
/*---------------------------bottom--------------------------------*/