/*
Item Name : CSS3 Mega Drop Down Menu
Author URI : http://themeforest.net/user/Keliah
Item URI : http://codecanyon.net/item/css3-mega-drop-down-menu/126387
Version : 3.0
*/

/*
TABLE OF CONTENTS
01 MENU BAR
02 DROP DOWN MENU
03 CONTENT STYLING
04 CONTACT FORM
05 COLORS
*/



/*  _______________________________________

	01 MENU BAR
    _______________________________________  */

#wrapper_menu {
	width: 980px;
	margin:0 auto;
	display:block;
	position: relative;
	z-index:9999
}

.menu {
	list-style:none;
	margin:0 auto 0px auto;
	height:42px;
	padding:0px;
	display:table;
}

.menu li {
	float:left;
	text-align:center;
	position:relative;
	border-left:1px solid #fbefd9;
	width: 92px;
	height: 42px;
}

.menu li.fullwidth {
	position: static !important;
}

.menu li:hover {
	background:#762A85; /* #fbefd9; */
	border-left:1px solid #FDB927;
	/*
	background: -moz-linear-gradient(top, #762A85, #762A85);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbefd9), to(#feefd4));
	background: -o-linear-gradient(top, #fbefd9, #feefd4);
*/
}
.menu li:last-child 
{
	/*border-right:1px solid #fbefd9;*/
}
.menu li:last-child:hover 
{
	border-left:1px solid #fbefd9;
	border-right: 1px solid #FDB927;
}
.menu li.nodrop {
    padding-bottom: 0;
}

.menu li.nodrop:hover {
	background:#762A85;
	border-left:1px solid #FDB927;
	/*
	background: -moz-linear-gradient(top, #fbefd9, #feefd4);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#fbefd9), to(#feefd4));
	background: -o-linear-gradient(top, #fbefd9, #feefd4);
*/
}

.menu li.currentmenu {
	background:#762A85; /* #fbefd9; */
	border-left:1px solid #FDB927;
}
.menu li.currentmenu a {
	color:#FFFFFF; /*#161616;*/
	position:relative;
	z-index:11;
}


.menu li a {
	color: #333333;
	outline:0;
	padding: 5px 5px 3px 7px;
	text-decoration:none;
	display:block;
	text-align: center;
	font-size: 11px;
}

.menu li:hover a {
	color:#FFFFFF; /*#161616;*/
	position:relative;
	z-index:11;
}

.menu li:hover div a {
	display:inline;
}

.menu li .drop {
	padding-right:27px;
	background:url("img/drop.png") no-repeat right 13px;
}

.menu li:hover .drop {
	padding-right:27px;
	background:url("img/drop.png") no-repeat right 12px;
}



/* Right aligned menu item */

.menu .right {
	float:right;
	right:0;
	margin-right:0px;
}

.menu li.right:hover {
	margin-right:-1px;
}





/*  _______________________________________

	02 DROP DOWN MENU
    _______________________________________  */


/* Left & right aligned common styles */

.menu .dropdown_1column, 
.menu .dropdown_2columns, 
.menu .dropdown_3columns, 
.menu .dropdown_4columns,
.menu .dropdown_5columns,
.menu .dropdown_fullwidth {
	margin:0px auto;
	left:-999em;
	position:absolute;
	background:#fffaee;
	border:1px solid #FDB927;
	border-top: none;
	padding:10px;
	padding-top: 20px;
	margin-top: 7px;
	text-align:left;
	/*
	background: -moz-linear-gradient(top, #feefd4, #FFE2AF);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#feefd4), to(#FFE2AF));
	background: -o-linear-gradient(top, #feefd4, #FFE2AF);
*/
}



/* Drop Downs Sizes */

.menu .dropdown_1column {width: 145px;}
.menu .dropdown_2columns {width: 300px;}
.menu .dropdown_3columns {width: 455px;}
.menu .dropdown_4columns {width: 610px;}
.menu .dropdown_5columns {width: 765px;}
.menu .dropdown_fullwidth {
	width: 920px;
	-moz-border-radius:5px;
    -webkit-border-radius:5px;
    -khtml-border-radius:5px;
    border-radius:5px;
}

.menu li .first_fullwidth {
	-moz-border-radius: 0px 5px 5px 5px;
    -webkit-border-radius: 0px 5px 5px 5px;
    border-radius: 0px 5px 5px 5px;
}



/* Showing Drop Down on Mouse Hover - Left aligned */

.menu li:hover .dropdown_1column, 
.menu li:hover .dropdown_2columns, 
.menu li:hover .dropdown_3columns,
.menu li:hover .dropdown_4columns,
.menu li:hover .dropdown_5columns {
	left:-1px;
	top:35px;
}

.menu li:hover .dropdown_fullwidth {
	left:21px;
	top:33px;
	display: block;
}



/* Showing Drop Down on Mouse Hover - Right aligned */

.menu li .align_right {
	/* Rounded Corners */
	/*
	-moz-border-radius: 5px 0px 5px 5px;
    -webkit-border-radius: 5px 0px 5px 5px;
    border-radius: 5px 0px 5px 5px;
*/
}

.menu li:hover .align_right {
	left:auto;
	right:-1px;
}

.menu li.right:hover .dropdown_fullwidth {
	right:18px;
	top:33px;
}



/* Columns Sizes */

.menu .col_1,
.menu .col_2,
.menu .col_3,
.menu .col_4,
.menu .col_5,
.menu .col_6 {
	display:inline;
	float: left;
	position: relative;
	margin-left: 10px;
}

.menu .col_1 {width:145px;}
.menu .col_2 {width:300px;}
.menu .col_3 {width:455px;}
.menu .col_4 {width:610px;}
.menu .col_5 {width:765px;}
.menu .col_6 {width:920px;}



/* IMPORTANT */

/* Use the firstcolumn class for the items that stick to the left edge of the dropdown */
.menu .firstcolumn {
	margin-left: 0; /* Clearing margin & left */
	clear: left;
}




/*  _______________________________________

	03 CONTENT STYLING
    _______________________________________  */

.menu ul,
.menu li {
	font-size:12px; 
	font-family:Arial, Helvetica, sans-serif;
	line-height:26px;
	text-align:left;
	font-weight: bold;
}

.menu li:hover div a { 
	text-decoration:none;
	text-shadow:none;
	border:none;
}

.menu li a.longtitle {
	line-height:13px;
	/*width: 70px;*/
	}

.menu .pusher { /* Use this pusher if you want to give more vertical spacing between your rows of content */
	margin-top:18px;
}


/* Standard lists styles */

.menu li ul {
	list-style:none;
	padding:0;
	margin:0 0 12px 0;
	width: 135px;
	display: table;
}

.menu li ul li {
	position:relative;
	padding:0;
	margin:0;
	border: 0;
	float:left;
	text-align:left;
	font-weight: normal;
	text-indent: 0px;
	height: auto;
    width: 135px;
	padding: 6px;
    padding-left: 10px;
	line-height:14px;
	font-size:12px;
}

.menu li:hover ul li a 
{
    display: block;
    text-align: left;
    padding:0;
    margin:0;
}

.menu li ul li a:hover {
}

.menu li ul li:hover {
	background:none;
	border:none;
}



/*  _______________________________________

	05 COLORS
    _______________________________________  */

/* Yellow */

.wrapper_yellow, 
.menu_yellow 
{
    background: #FDB927;
	background: -moz-linear-gradient(top, #FFE2AF, #FDB927);
	background: -webkit-gradient(linear, 0% 0%, 0% 100%, from(#FFE2AF), to(#FDB927));
	background: -o-linear-gradient(top, #FFE2AF, #FDB927);
}

.menu_yellow 
{
	border-left: 1px solid #FDB927;
    border-right: 1px solid #FBEFD9;
}
.menu_yellow li 
{
	border-right: 1px solid #FDB927;
}

.menu_yellow li ul li 
{
    border-right: 0;
}

.menu_yellow li:hover div a {
	color:#762A85;
}

.menu_yellow li:hover div li:hover {
	color: white;
	background-color: #762A85;
}

.menu_yellow li:hover div li:hover a {
	/*color:#762A85;*/
	color: white;
	text-decoration: none;
}

.menu_yellow li ul li a:hover {
	color:#762A85;
}