/*
Item Name : Responsive Mega Menu Complete Set
Item URI : http://codecanyon.net/item/mega-menu-complete-set/152825
Author URI : http://codecanyon.net/user/Pixelworkshop
Version : 3.2
*/

/*

TABLE OF CONTENTS

01 MEGA MENU BAR
02 MEGA MENU CONTAINERS
03 DROP DOWN COLUMNS GRID
04 FLY-OUT MENU
05 MEGA MENU WEB ELEMENTS
   1. General Typography
   2. Lists
   3. Custom Paragraphs
   4. Video + Misc.
   5. Images
   6. Paragraph Icons
   7. Social Icons
   8. Form Elements
   9. Tables
06 DEFAULT THEMES, DARK & LIGHT (COMPULSORY)
   1. Dark Menu Bar
   2. Light Menu Bar
   3. Dark Drop Down
   4. Light Drop Down
   5. Neutral Colored Elements
      - Form Elements
      - Tables
07 ADDITIONAL THEMES (OPTIONNAL)
   1. Blue
   2. Brown
   3. Cherry
   4. Coffee
   5. Green
   6. Grey
   7. Ocean
   8. Orange
   9. Pink
   10. Purple
   11. Red
   12. Tan
   13. Yellow
08 VERTICAL MEGA MENU
09 MOBILE DEVICES
   1. Common Media Queries
   2. Horizontal Mega Menu Media Queries
   3. Vertical Mega Menu Media Queries

*/




/*
	Layout container
	The menu will automatically expand into your container.
	"page_wrapper" and "page_wrapper_vertical" are just used to show how the menu fits,
	those containers are not necessary, just put the menu into a container and it will
	fit exactly to its dimensions.
*/

#nav {width:100%;margin:0;z-index:1000;position:relative; /* For IE7 */}
#nav > ul {
	width:980px;
	margin:0 auto;
	padding:0;
	height:50px;
}

/* main menu */
#nav > ul > li { 
	float: left;
	line-height:0;
}
li#navi01 {width:80px;background:url(images/glnavi-01on.gif) no-repeat 0 0;}
li#navi02 {width:138px;background:url(images/glnavi-02on.gif) no-repeat 0 0;}
li#navi03 {width:109px;background:url(images/glnavi-03on.gif) no-repeat 0 0;}
li#navi04 {width:109px;background:url(images/glnavi-04on.gif) no-repeat 0 0;}
li#navi05 {width:108px;background:url(images/glnavi-05on.gif) no-repeat 0 0;}
li#navi06 {width:109px;background:url(images/glnavi-06on.gif) no-repeat 0 0;}
li#navi07 {width:109px;background:url(images/glnavi-07on.gif) no-repeat 0 0;}
li#navi08 {width:108px;background:url(images/glnavi-08on.gif) no-repeat 0 0;}
li#navi09 {width:110px;background:url(images/glnavi-09on.gif) no-repeat 0 0;}

#nav li a {
	display:block;
	height:50px;
}


/* dropdown menu - block */
#nav li .dropdown_fullwidth {
	position: absolute;
	margin:0;
	padding:10px 0;
	left:-9999em;
	top:-9999em;
	display: block;
	zoom:1;
	z-index:9998;
	float: left;
	width:100%;
	line-height:1;
	border-bottom:1px solid #7e7e7e;
	background:url(images/back-mega.png) repeat 0 bottom;
}
li .box-width,
li .box-width-2 {width:980px;margin:0 auto;}
#nav li:hover .dropdown_fullwidth {
	top:50px !important;
	left:0px;
}

.dropdown_fullwidth ul {
	float:left;
	display:block;
	padding:0 10px;
}

/* dropdown menu - link */
#nav li li a {
	color:#fff;
	font-size:1.2em;
	height:auto;
	padding:5px 0 5px 10px;
	display:block;
	text-decoration:none;
	background:url(images/arrow-gr02.png) no-repeat 0 8px;
}
#nav li li a:hover {
	text-decoration:underline;
	background:url(images/arrow-gr02.png) no-repeat 0 8px;
}
#nav li .bnrs li {float:left;margin-right:10px;}
#nav li .bnrs li a{
	padding:0 ;
	background:none;
}
#nav li .bnrs li a:hover {text-decoration:none;background:none;}


.dropdown_fullwidth ul  p {float:left;line-height:1;}

.dropdown_fullwidth ul.menu-1line {width:980px;}
.dropdown_fullwidth ul.menu-1line li {
	float:left;
	margin-right:10px;
}
.dropdown_fullwidth ul.menu-1line li a {padding-right:15px !important;}