ul, li{
	padding: 0px;
	margin: 0px;
}

.dropmenu
{
   color:white;
}

ul.dropmenu{
	position: relative;
	margin: 0px;
	padding: 1px 0px 0px 0px;
	display:block;
	height: 35px;
	font-size: 12px;
}
.dropmenu li{
	position: relative;
	list-style: none;
	float: left;
	margin: 0px;
	padding: 0px;
	
}
.dropmenu li a{
	height: 24px;
	padding: 7px 20px 0px 20px;
	display: block;
	color:white;
	text-decoration: none;
}

.dropmenu li:hover ul, .dropmenu li:hover div{
	display: block;
	
	
}
.dropmenu ul{
	position: absolute;
	display: none;
	width: 220px;
	padding: 0px;
	margin: 0px;

}
.dropmenu ul li{
	border: 0;
	float: none;
}
.dropmenu ul a {
  border-bottom: 0;
  white-space: nowrap;
  display:block;
  text-decoration: underline;
  text-transform: none;
}
a.selected, a:hover{
	color: white !important;
}

.dropmenu ul a:hover {
	text-decoration: none;
	background-image: none;
}
.dropmenu div ul{
	position: relative;
	display: block;
}
.dropmenu li div{
	
	padding: 5px;
	display: none;
	position: absolute;
	left:-10px;
}
.dropmenu li div ul{
	border: none;
	background: none;
	position: relative !important;
}
.dropmenu li div a{
	border: none;

}
.dropmenu li div div{
	display: block;
	position: relative;
	background: none;
	border: none;
}
.dropmenu li div div a{
	display: inline;
	border: none;
	color: black;
	text-decoration: underline;
	padding: 0px;
	margin: 0px;
	text-transform: none;
}
.dropmenu li div div a:hover{
	color: #000;
	text-decoration:  underline;
}

ul.left{
	float: left;
	width: 130px;
}


ul.left2{
	float: left;
	width: 140px;
}

ul.right{
	float: right;
	width: 145px;
	
}
.small
{
    position:relative !important;
	color: white;
	font-size: 12px;
	padding: 10px 5px 8px 45px !important;
	width:510px;
	text-align:left !important;
	overflow:hidden;
	margin-top:120px;
	margin-left:20px !important;
}


.small2
{
    position:relative !important;
	color: white;
	font-size: 12px;
	padding: 10px 5px 8px 45px !important;
	width:370px;
	text-align:left !important;
	overflow:hidden;
	margin-top:120px;
	margin-left:20px !important;
}

.smalle
{
    position:relative !important;
	color: white;
	font-size: 12px;
	padding: 10px 5px 8px 45px !important;
	width:670px;
	text-align:left !important;
	overflow:hidden;
	margin-top:120px;
	margin-left:20px !important;
}


.products{
	width: 195px;
	padding: 5px !important;
	background-color:black;
	font-size:10px !important;
}
.products ul{
	width: 100%;
	text-align:left;
	
}
.products ul li{
	border-bottom: 1px dotted #4d4d4d;
	padding: 0px 10px 10px 15px !important;
}

.bottomNav
{
border-bottom: 0px dotted #4d4d4d !important;
padding-bottom:0px !important;
}

.bottomNavTop
{
border-bottom: 1px dotted #4d4d4d !important;
}

.products h2{
	font-size: 12px;
	padding: 10px 0px 3px 0px;
	margin: 0px;
}
.products p{
	color: #666;
	font-size: 10px;
	padding: 0px;
	margin: 0px;
}
.products img{
	float: left;
	padding-right: 8px;
	padding-left: 3px;
}
.products  ul li a{
	display: inline;
	border: none;
	color: #666;
	text-decoration: none;
	padding: 0px;
	margin: 0px;
	text-transform: none;
}
.products  ul li  a:hover{
	text-decoration: none;
	color: #b00101 !important; 
	
}

.tutorials{
	width: 700px;
	overflow:hidden;
	background-color:white;
}


.homeover 
{ 
    color:white !important;
  
}

.homeover a:hover
{
    background-color:  #2db308 ;  
    color:black !important;
  
}

.homeselected
{
      
    color:white !important; 
  
}




.prodover a:hover
{   
  
}

.prodselected
{
    background: #FFFFFF url(../images/productover.png) repeat-x scroll 0 0;   
    color:white !important; 
  
}

.prodready
{
    background: #FFFFFF url(../images/nav_background.png) repeat-x scroll 0 0;   
    color:white !important; 
    background-position:left;
  
}

.contactover a:hover
{
    background: url(../images/contactover.png) no-repeat scroll 0 0;    
  background-position:right;
}

.contactselected
{
    background: url(../images/contactover.png) no-repeat scroll 0 0;   
    color:white !important; 
    background-position:right;
}

.contactready
{
    background: url(../images/contact_ready.png) no-repeat scroll 0 0;   
    color:white !important; 
  background-position:right;
}


.over a:hover
{
    background: url(../images/contactover.png) no-repeat scroll !important;
    z-index:9999;    
  
}



.solutionswatchover a:hover
{
    width:60px;
    text-align:center !important;
    background-image:url('../images/movies_over.jpg');
    background-repeat:no-repeat;  
    color:#b00101 !important;
}

.solutionswatchready
{
    width:60px;
    height:112px !important;
    text-align:center !important;
    background-image:url('../images/movies.jpg');
    background-repeat:no-repeat;
}

.solutionslistenover a:hover
{
    width:60px;
    text-align:center !important;
    background-image:url('../images/audio_over.jpg');
    background-repeat:no-repeat;  
    color:red !important;
}

.solutionslistenready
{
     width:60px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/audio.jpg');
     background-repeat:no-repeat;
}


.solutionsenvover a:hover
{
    width:60px;
    text-align:center !important;
    background-image:url('../images/climate_over.jpg');
    background-repeat:no-repeat;  
    color:red !important;
}

.solutionsenvready
{
     width:60px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/climate.jpg');
     background-repeat:no-repeat;
}


.solutionssecurityover a:hover
{
    width:60px;
    text-align:center !important;
    background-image:url('../images/security_over.jpg');
    background-repeat:no-repeat;  
    color:red !important;
}

.solutionssecurityready
{
     width:60px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/security.jpg');
     background-repeat:no-repeat;
}

.solutionsappsover a:hover
{
    width:60px;
    text-align:center !important;
    background-image:url('../images/apps_over.jpg');
    background-repeat:no-repeat;  
    color:red !important;
}

.solutionsappsready
{
     width:60px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/apps.jpg');
     background-repeat:no-repeat;
}


.solutionstsover a:hover
{
    width:30px;
    text-align:center !important;
    background-image:url('../images/touch_screens_over.jpg');
    background-repeat:no-repeat;  
    color:red !important;
}

.solutionstsready
{
     width:30px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/touch_screens.jpg');
     background-repeat:no-repeat;
}

.solutionsaover a:hover
{
    width:30px;
    text-align:center !important;
    background-image:url('../images/a_over.jpg');
    background-repeat:no-repeat;  
    color:red !important;
}

.solutionsaready
{
     width:30px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/a.jpg');
     background-repeat:no-repeat;
}


.solutionscover a:hover
{
    width:30px;
    text-align:center !important;
    background-image:url('../images/c_over.jpg');
    background-repeat:no-repeat;  
    color:red !important;
}

.solutionscready
{
     width:30px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/c.jpg');
     background-repeat:no-repeat;
}

.solutionsvover a:hover
{
    width:30px;
    text-align:center !important;
    background-image:url('../images/v_over.jpg');
    background-repeat:no-repeat;  
    color:red !important;
}

.solutionsvready
{
     width:30px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/v.jpg');
     background-repeat:no-repeat;
}


.solutionsiover a:hover
{
    width:30px;
    text-align:center !important;
    background-image:url('../images/i_over.jpg');
    background-repeat:no-repeat;  
    color:red !important;
}

.solutionsiready
{
     width:30px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/i.jpg');
     background-repeat:no-repeat;
}

.solutionseover a:hover
{
    width:30px;
    text-align:center !important;
    background-image:url('../images/e_over.jpg');
    background-repeat:no-repeat;  
    color:#2db308 !important;
}

.solutionseready
{
     width:30px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/e.jpg');
     background-repeat:no-repeat;
}

.solutionsciover a:hover
{
    width:30px;
    text-align:center !important;
    background-image:url('../images/ci_over.jpg');
    background-repeat:no-repeat;  
    color:#2db308 !important;
}

.solutionsciready
{
     width:30px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/ci.jpg');
     background-repeat:no-repeat;
}

.solutionsioover a:hover
{
    width:30px;
    text-align:center !important;
    background-image:url('../images/io_over.jpg');
    background-repeat:no-repeat;  
    color:#2db308 !important;
}

.solutionsioready
{
     width:30px;
     height:112px !important;
     text-align:center !important;
     background-image:url('../images/io.jpg');
     background-repeat:no-repeat;
}


.watch
{
	width: 600px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	left:-90px !important;
	
}

.watch_in
{
	position:relative;
	overflow:hidden !important;
	margin-left:60px !important;
	width: 560px;
	background:url(../images/sol_grad.png) !important;
	background-color:white !important; 
	background-position:bottom !important;
	background-repeat:repeat-x !important;
}


.listen
{
	width: 440px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	left:-150px !important;
}


.listen_in
{
	position:relative;
	overflow:hidden !important;
	margin-left:60px !important;
	width: 400px;
	background:url(../images/sol_grad.png) !important;
	background-color:white !important; 
	background-position:bottom !important;
	background-repeat:repeat-x !important;
}


.environment
{
    width: 740px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	left:-300px !important;
}

.environment_in
{
	position:relative;
	overflow:hidden !important;
	margin-left:60px !important;
	width: 700px;
	background:url(../images/sol_grad.png) !important;
	background-color:white !important; 
	background-position:bottom !important;
	background-repeat:repeat-x !important;
}

.security
{
    width: 440px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	left:-150px !important;
}

.security_in
{
    position:relative;
	overflow:hidden !important;
	margin-left:60px !important;
	width: 400px;
	background:url(../images/sol_grad.png) !important;
	background-color:white !important; 
	background-position:bottom !important;
	background-repeat:repeat-x !important;
}

.apps
{
    width: 720px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	left:-500px !important;
}

.apps_in
{
    position:relative;
	overflow:hidden !important;
	margin-left:60px !important;
	width: 680px;
	background:url(../images/sol_grad.png) !important;
	background-color:white !important; 
	background-position:bottom !important;
	background-repeat:repeat-x !important;
}

.ts
{
	width: 430px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	height:100px;
	left:-30px  !important;
}


.in
{
	position:relative;
	overflow:hidden !important;
	margin-left:60px !important;
	width: 390px;
	background:url(../images/sol_grad.png) !important;
	background-color:white !important; 
	background-position:bottom !important;
	background-repeat:repeat-x !important;
}


.a
{
	width: 430px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	height:100px;
	left:-70px  !important;
}

.c
{
	width: 430px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	height:100px;
	left:-70px  !important;
}

.v
{
	width: 430px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	height:100px;
	left:-70px  !important;
}

.i
{
	width: 430px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	height:100px;
	left:-70px  !important;
}

.e
{
	width: 430px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	height:100px;
	left:-140px  !important;
}

.ci
{
	width: 430px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	height:100px;
	left:-240px  !important;
}

.io
{
	width: 430px;
	overflow:hidden;
	background:url(../images/drop_back.png);
	padding:10px 0px 10px 10px !important;
	height:100px;
	left:-310px  !important;
}

.smallts
{
    position:relative;
	color: gray;
	font-size: 12px;
	padding: 10px 0px 8px 5px !important;
	width:370px;
	text-align:left !important;
	overflow:hidden;
	margin-top:0px;
	margin-left:60px !important;
}

  .footer  a:active
    {
        color:gray;
    }


  .footer  a:link              
    {	
        text-decoration:none;
	    color:gray;
    }


  .footer  a:visited           
    { 
	    text-decoration:none;
	    color:gray; 
    }


  .footer  a:hover             
    { 
	    text-decoration: underline; 
	    color:#b00101 !important; 
   
    }
    
    
    .top_subnav  a:active
    {
        color:white;
    }


  .top_subnav  a:link              
    {	
        text-decoration:none;
	    color:white;
    }


  .top_subnav  a:visited           
    { 
	    text-decoration:none;
	    color:white; 
    }


  .top_subnav  a:hover             
    { 
	    text-decoration: underline; 
	    color:#2db308 !important; 
   
    }
    
    
    
    
     .body_mid  a:active
    {
        color:gray;
    }


  .body_mid  a:link              
    {	
        text-decoration:none;
	    color:gray;
    }


  .body_mid  a:visited           
    { 
	    text-decoration:none;
	    color:gray; 
    }


  .body_mid  a:hover             
    { 
	    text-decoration: underline; 
	    color:#b00101 !important; 
   
    }
    
    
    
    
.homeover 
{ 
    color:white !important;
  
}

.homeover a:hover
{
    background-color:  #2db308 ;  
    color:black !important;
    text-decoration:none;
  
}

.homeselected
{
      
    background-color:  #2db308 ; 
    color:black !important;
    text-decoration:none;
  
}