@charset "UTF-8";

/**
 * Horizontal CSS Drop-Down Menu Module
 *
 * @file		dropdown.css
 * @package		Dropdown
 * @version		0.7.1
 * @type		Transitional
 * @stacks		597-599
 * @browsers	Windows: IE6+, Opera7+, Firefox1+
 *				Mac OS: Safari2+, Firefox2+
 *
 * @link		http://www.lwis.net/
 * @copyright	2006-2008 Live Web Institute. All Rights Reserved.
 *
 */

ul.dropdown,
ul.dropdown li,
ul.dropdown ul {
 list-style:none;
 margin:0;
 padding:0;
}

ul.dropdown {
 position:relative;
 z-index:597;
 float:left;
}

ul.dropdown li {
 float:left;
 vertical-align:middle;
 zoom: 1;
}

ul.dropdown li.hover,
ul.dropdown li:hover {
 position: relative;
 z-index: 599;
 cursor: default;
}

ul.dropdown ul {
 visibility: hidden;
 position: absolute;
 top: 100%;
 left: 0;
 z-index: 598;
 width: 100%;
}

ul.dropdown ul li {
 float: none;
}

ul.dropdown ul ul {
 top:0;
 left:100%;
}

ul.dropdown li:hover > ul {
 visibility:visible;
}





ul.dropdown li.rtl ul {
 top: 100%;
 right: 0;
 left: auto;
}

ul.dropdown li.rtl ul ul {
 top: 1px;
 right: 99%;
 left: auto;
}









ul.dropdown {
 font-weight:bold;
}

	ul.dropdown li {
	 margin:0;
	 padding:0;
	}
	
	ul.dropdown li.company {
		width:107px; height:54px; background:url(../images/mainmenu/company.jpg) top center no-repeat; display:block;
	}
	ul.dropdown li.company:hover {
		width:107px; height:54px; background:url(../images/mainmenu/company_on.jpg) top center no-repeat; display:block;
	}
	
	ul.dropdown li.services {
		width:100px; height:54px; background:url(../images/mainmenu/services.jpg) top center no-repeat;
	}
	ul.dropdown li.services:hover {
		width:100px; height:54px; background:url(../images/mainmenu/services_on.jpg) top center no-repeat;
	}
	
	ul.dropdown li.stormdamage {
		width:148px; height:54px; background:url(../images/mainmenu/stormdamage.jpg) top center no-repeat;
	}
	ul.dropdown li.stormdamage:hover {
		width:148px; height:54px; background:url(../images/mainmenu/stormdamage_on.jpg) top center no-repeat;
	}
	
	ul.dropdown li.oursystem {
		width:123px; height:54px; background:url(../images/mainmenu/oursystem.jpg) top center no-repeat;
	}
	ul.dropdown li.oursystem:hover {
		width:123px; height:54px; background:url(../images/mainmenu/oursystem_on.jpg) top center no-repeat;
	}
	
	ul.dropdown li.testimonials {
		width:135px; height:54px; background:url(../images/mainmenu/testimonials.jpg) top center no-repeat;
	}
	ul.dropdown li.testimonials:hover {
		width:135px; height:54px; background:url(../images/mainmenu/testimonials_on.jpg) top center no-repeat;
	}
	
	ul.dropdown li.affiliates {
		width:117px; height:54px; background:url(../images/mainmenu/affiliates.jpg) top center no-repeat;
	}
	ul.dropdown li.affiliates:hover {
		width:117px; height:54px; background:url(../images/mainmenu/affiliates_on.jpg) top center no-repeat;
	}

	


	/* -- level mark -- */

	ul.dropdown ul {
		width:140px;
		margin:0;
		font-size:13px;
		color:#FFFFFF;
	}

		ul.dropdown ul li {
			display:block;
			background-color:#000000;
			font-weight: normal;
			text-decoration:none;
			margin:0;
			padding-top:4px;
			padding-bottom:4px;
			padding-right:4px;
			padding-left:10px;
			border-top:1px solid #FFF;
			border-right:1px solid #FFF;
			border-left:1px solid #FFF;
		}
		
		ul.dropdown ul li:hover {
			background-color:#C1181E;
			text-decoration:none;
		}
		
		ul.dropdown ul li a {
			display:block;
			color:#FFF;
			text-decoration:none;
		}
		
		
		ul.dropdown ul li.bottom {
			display:block;
			background-color:#000000;
			font-weight: normal;
			text-decoration:none;
			margin:0;
			padding-top:4px;
			padding-bottom:4px;
			padding-right:4px;
			padding-left:10px;
			border-top:1px solid #FFF;
			border-right:1px solid #FFF;
			border-left:1px solid #FFF;
			border-bottom:1px solid #FFF;
		}
		
		ul.dropdown ul li.bottom:hover {
			background-color:#C1181E;
			text-decoration:none;
		}
		
		ul.dropdown ul li.bottom a {
			color:#FFF;
			text-decoration:none;
		}
		
		.arrowright {
			background:url(../images/header/arrowright.gif) right no-repeat;
		}



/*-------------------------------------------------/
 * @section		Support Class `dir`
 * @level sep	ul, .class
 */


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: 100% 50%;
 background-repeat: no-repeat;
}

ul.dropdown-upward *.dir {
 background-image: url(images/nav-arrow-top.png);
}

ul.dropdown-vertical *.dir,
ul.dropdown-upward ul *.dir {
 background-image: url(images/nav-arrow-right.png);
}

ul.dropdown-vertical-rtl *.dir {
 padding-right: 10px;
 padding-left: 15px;
 background-image: url(images/nav-arrow-left.png);
 background-position: 0 50%;
}
