@charset "utf-8";

/* Senica Gonzalez senica@gmail.com */

#nav { 						/*Setup Main Navigation*/
	font-size: 1.5em;
	padding:0px;
	color: #0073de;
	float:right;
	height:40px;
	text-align:left;
}

#nav > li{					/*Main Items Formatting*/
	display:inline;
	float:left;
	cursor:pointer;
	width:auto;
	padding:5px;
	height:20px;
	position:relative;
	border-top:8px solid #cccccc;
	border-bottom: url(../images/divider.png) repeat-x top;
}

#nav > li > a:hover{
	color:#999999; 
}

#nav li:hover{				/*Change Main Item Formatting on Hover*/
	color:#999999;
	border-top:8px solid #0073de;	 
}

#nav li ul {				/*Setup Submenu Formatting*/
  display: none;
  position: absolute;
  top: 30px;
  left: -10px;
  width:200px;
  background:#666666;
  border:1px solid #000000;
  color:#ffffff;
  font-size:12px;
  margin:0px;
  padding:5px;
}

#nav li:hover ul{			/*Show Submenu on Main Item Hover*/
	display:block; 
}

#nav li ul li{				/*Submenu Item Formatting*/
	width:auto;
	height:20px;
	list-style-type:none;
}

#nav li ul li a{
	color:#ffffff; 
	display:block;
	height:20px;
}

#nav li ul li a:hover{
	color:#000000; 
}

#nav li ul li:hover{		/*Submen Item Formatting on Hover*/
	background:#cccccc;
	padding:5px;
	font-size:14px;
	color: #000000;
	vertical-align:middle !important;
	border:1px solid #000000 !important;
}

							/*Add Images to Submenu Items on Hover*/
#prod_crestron:hover:before{ 	content:url("../images/icons/crestron.png") "  "; }
#prod_kscape:hover:before{ 		content:url("../images/icons/kscape.png") "  "; }
#prod_avielo:hover:before{ 		content:url("../images/icons/avielo.png") "  "; }

#nav li > div{				/*Contact Display*/
	display: none;
  	position: absolute;
  	top: 30px;
  	right: -1px;
  	width:200px;
  	background:#666666;
  	border:1px solid #000000;
  	color:#ffffff;
  	font-size:12px;
  	margin:0px;
  	padding:5px;
}

#nav li:hover > div{
	display:block; 
}