body {
	margin: 0;
	font-family: tahoma;
}

.main-menu {
	background: #34495e;
}
.main-menu ul {
	margin: 0;
	list-style: none;
}
.main-menu ul li {
	float: left;
	position: relative;
}


.main-menu:after {
	content: '';
	display: block;
	clear: both;
}
.main-menu ul li a {
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 20px;
	display: block;
}

.main-menu ul li:hover a {
	background: #2a82bd;
}




/*** First Sub Menu ***/

.main-menu ul ul {
	padding: 0;
	position: absolute;
	top: 100%;
	left: 0;
	min-width: 180px;
	display: none;
	z-index: 9999;
}
.main-menu ul ul li {
	float: none;
}

.main-menu ul ul li:hover a {
	background: #c93e2f;
}

.main-menu ul li:hover > ul {
	display: block;
}





/*** Second sub menu ***/


.main-menu ul ul ul {	
	top: 0;
	left: 100%;
}


.main-menu ul ul ul li:hover a {
	background: #16a085;
}



/*** Third sub menu ***/


.main-menu ul ul ul ul {	
	top: 0;
	left: -100%;
}



.content {
	overflow: hidden;
}





/*** Menu bar ***/

.main-menu .bar {
	color: #FFFFFF;
	text-decoration: none;
	padding: 10px 20px;
	background: #2a82bd;
	display: none;
}

.main-menu .bar i {
	float: right;
}