@charset "UTF-8";

/** 
 * Vimeo.com CSS Drop-Down Menu Theme
 *
 * @file		default.css
 * @name		Vimeo
 * @version		beta
 * @type		transitional
 * @browsers	Windows: IE5+, Opera9+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2009 Live Web Institute. All Rights Reserved.
 *
 */


/*-------------------------------------------------/
 * @section		Base Drop-Down Styling
 */


ul.dropdown {
 /*background: transparent url(images/box1-bottom-left.png) 0 100% no-repeat;*/
 font: normal 14px  Arial, Tahoma, Verdana, Helvetica, sans-serif;
}

ul.dropdown li {float:left;}

	ul.dropdown li ul li 
	{
	 margin:0px; 
	 padding: 3px 0px;
	 background-color: #45c2ed;
	 color: #fbfcfd;
	 line-height: 22px;
	 white-space:normal;
	 
	 	
	}
	
	ul.dropdown li ul 
	{
	 margin:0px; 
	 padding:0px 0px;
	
	 color: #fbfcfd;
	 line-height: 22px;
	 white-space:normal;	 
	 	
	}
	
	ul.dropdown li ul li:hover {
	 color: #fbfcfd;
	 background-color:#0064b5;
	}

	ul.dropdown li ul li.first {
	 padding-left: 0px;
	 margin:0px; padding:3px 0px;
	 border-bottom:none;	 
	 
	 /*background: transparent url(images/box1-bottom2.png) 0 100% no-repeat;*/
	  
	 
	}
	ul.dropdown li ul li.first a{
	 padding: 0px;
	 margin:0px; 	 
	  border-bottom:1px solid #bae0f7;
	  padding:3px 15px;	
	 /*background: transparent url(images/box1-bottom2.png) 0 100% no-repeat;*/
	  
	 
	}

	ul.dropdown li ul li.last {
	 padding-right: 15px;
	/* background: transparent url(images/box1-bottom2.png) 100% 100% no-repeat;*/
	background-color:Transparent;
	background: transparent url(images/box1-bottom.png) 50% 100% no-repeat;
	
	}

ul.dropdown li ul li:hover.last {
		background: transparent url(images/box1-bottom.png) 50% 100% no-repeat;
		}
		
	ul.dropdown ul li li.hover,
	ul.dropdown ul li li:hover {
	 color: #fbfcfd;
	 background-color:#0064b5;
	}
	
	ul.dropdown li ul li ul li.last {
	 padding-right: 15px;
	/* background: transparent url(images/box1-bottom2.png) 100% 100% no-repeat;*/
	background-color:Transparent;
	background: transparent url(images/box1-bottom.png) 50% 100% no-repeat;
	
	}
	
	ul.dropdown li ul li ul li:hover.last {
		background: transparent url(images/box1-bottom.png) 50% 100% no-repeat;
		}

	ul.dropdown li ul li a:link,
	ul.dropdown li ul li a:visited	{ color: #fbfcfd; text-decoration: none; }
	ul.dropdown li ul li a:hover		{ color: #fbfcfd; background-color:#0064b5; }
	ul.dropdown li ul li a:active	{ color: #fbfcfd; }


	/* -- level mark -- */

	ul.dropdown ul {
	 left: 2px;
	 width: 185px;
	 padding: 0 0px;
	/* background: url(images/box1-top.png) 50% 0 no-repeat;*/
	
	}

	ul.dropdown li.last ul {
	 left: auto;
	 right: 16px;
	}

		ul.dropdown ul li {
		 height: auto;
		 padding: 5px 15px;
		 line-height: 1.3em;
		 white-space: normal;
		 border-bottom:1px solid #bae0f7;		
		 
		}

		ul.dropdown ul li.first {
		 padding-left: 0;
		 background: #45c2ed;
		 
		}

		ul.dropdown ul li.last {
		 padding-bottom: 9px;
		 background: transparent url(images/box1-bottom.png) 50% 100% no-repeat;
		 line-height:0px;
		 height:0px;
		 border-bottom:none;
		 
		}
		
		ul.dropdown ul li.last a:hover{
		 padding-bottom: 9px;
		 background: none;
		 background-color:Transparent;
		 line-height:0px;
		 height:0px;
		 border-bottom:none;
		 
		}
		ul.dropdown ul li.last:hover {
		background: transparent url(images/box1-bottom.png) 50% 100% no-repeat;
		}

		ul.dropdown ul li.first ul {
		 top: 0;
		 padding: 0 16px 0 0;
		 background-image: url(images/box1-outwards-top-right.png);
		}

		ul.dropdown ul li.first li.first {
		 background-image: none;
		}

		ul.dropdown ul li.last {
		 padding-right: 0;
		}

		ul.dropdown ul li.last ul {
		 left: 100%;
		 right: auto;
		 top: -16px;
		}

		/* -- level mark -- */

		ul.dropdown ul ul {
		 top: -16px;
		 left: 100%;
		 padding: 16px 0 0;
		/* background: transparent url(images/box1-top-left.png) 0 0 no-repeat;*/
		 
		}

			ul.dropdown ul ul li.first {
			 padding-top: 5px;
			/* background: #45c2ed url(images/box1-top-right.png) 100% 0 no-repeat;*/
			}
			ul.dropdown ul ul li.first:hover {
			 background-color:#0064b5;
			}


/*-------------------------------------------------/
 * @section		Search Form
 */

ul.dropdown form * {
 display: inline;
 float: left;
}

ul.dropdown form label {
 display: none;
}

ul.dropdown form input.text {
 width: 143px;
 height: 18px;
 padding: 2px 25px 2px 5px;
 border-width: 0;
 background: transparent url(images/bg_search-field.png) 0 0 no-repeat;
 color: #969696;
 font: normal 14px/17px Tahoma, Verdana, Arial, Helvetica, sans-serif;
 vertical-align: middle;
}

ul.dropdown form input.text:focus {
 outline: none;
}

ul.dropdown form input.button {
 position: relative;
 margin: 4px 0 0 -20px;
}


/*-------------------------------------------------/
 * @section		Support Class `dir`
 */


ul.dropdown *.dir {
 padding-right: 20px;
 background-image: url(images/nav-arrow-down.png);
 background-position: 100% 50%;
 background-repeat: no-repeat;
}


/* -- Components override -- */

ul.dropdown-horizontal ul *.dir {
 padding-right: 15px;
 background-image: url(images/nav-arrow-right.png);
 background-position: 95% 50%;
 background-repeat: no-repeat;
}