.nav {
	padding-top:1px;
	padding-right:1px;
	margin: auto; 
	height:48px;
	text-align:right;
	width:780px;
	float:right;
}

.nav ul ul {
	display: none;
}

	.nav ul li:hover > ul {
		display: block;
	}


.nav ul {
	margin-top:0;
	background-position:top;
	background-repeat:repeat-x;
	padding: 0 0px; 
	list-style: none;
	position: relative;
	display: inline-table;

	z-index:80;
}
	.nav ul:after {
		content: ""; clear: both; display: block;
	}

	.nav ul li {
			transition:all 0.3s;
			-webkit-transition: all 0.3s;
			-o-transition: all 0.3s;
			-moz-transition: all 0.3s;
			-ms-transition: all 0.3s;
	border-left: 1px solid rgba(99, 3, 11, 0); /* rgba for transparency */
	border-right: 1px solid rgba(163, 20, 46, 0); /* rgba for transparency */
		float: right;
	}
		.nav ul li:hover {
			background: rgba(59, 38, 27, 0.7);
			box-shadow: inset 0px 0px 3px rgba(0,0,0,0.9);
			border-left: 1px solid rgb(234, 211, 171); /* default color */
			border-left: 1px solid rgba(234, 211, 171, 0.20); /* rgba for transparency */
			border-right: 1px solid rgb(234, 211, 171); /* default color */
			border-right: 1px solid rgba(234, 211, 171, 0.20); /* rgba for transparency */
		}
			.nav ul li:hover a {

				text-align:left;
				color: #fff;
			}
		
		.nav ul li a {
			font: 15px/20px 'Droid Arabic Kufi', Arial, sans-serif;letter-spacing: 0;
			-webkit-font-smoothing: subpixel-antialiased;
			display: block; padding: 13px 24px;
			color: #e9e0cf; text-decoration: none;
			text-shadow: 1px 1px 1px rgba(0, 0, 0, 0);
			
		}
			
		
	.nav ul ul {

		background: #7e0713; 
		border:0px;	
		-webkit-border-radius:.0em .0em .0em .0em;
		-moz-border-radius:.0em .0em .0em .0em;
		border-radius: .0em .0em .0em .0em;
		padding: 0;
		position: absolute; top: 100%;
	}
		.nav ul ul li {
			
			float: none; 
			border-top: 1px solid #a31f2c;
			border-bottom: 1px solid #6b0510; position: relative;
			border-left:0px;
			border-right:0px;
			width:220px;
		}
			.nav ul ul li a {
				font: 13px/21px 'GudeaRegular', Arial, sans-serif;letter-spacing: 0;
				padding: 6px 20px;
				color: #fff;
				
			}	
				.nav ul ul li a:hover {
					background: #a21422;
				}
		
	.nav ul ul ul {
		position: absolute; left: 100%; top:0;
	}