/* ==================================================
	File Name:    menu-style.css
	Description:  Custom menu styles
 * =============================================== */
/* --------------------------------------------------
	OVERLAY for Behind the Menu
 * ----------------------------------------------- */
#menuOverlay {
	position: fixed;
	z-index:15;
	display: none;
	left: 0; top: 0;
	height: 100%; width: 100%;
	background-color:rgba(0,0,0,.85);
}


/* --------------------------------------------------
	Menu Containers / Layout
 * ----------------------------------------------- */
#nav_main .menu-container {
	position:relative;
}
#nav_main .menu {
	display: block;
	margin: 0; padding: 0;
	list-style-type: none;
}
#nav_main .outer.menu {
	width:100%;
	height:810px;
}
#nav_main .inner.menu {
	position:absolute;
	top: 45px; left:50%;
	width: 880px; height: 550px;
	margin-left:-440px;
	background: url("../images/bkgds/bg_nav-inner.png") no-repeat center top;
}


/* --------------------------------------------------
	Nav Menu: list item shared styles
 * ----------------------------------------------- */
#nav_main .menu > .menu-item {
	display: block;
	position: absolute;
	overflow: hidden;
	text-indent:-100%;
	background-position:0 0;
}
#nav_main .menu > .menu-item > a {
	display: block; position: relative;
	width:100%; height:100%; overflow: hidden;
	border:0 none;
	font-size:12px;
}
#nav_main .outer.menu > .menu-item > a {
	z-index: 10;
}
#nav_main .inner > .menu-item > a {
	z-index: 20;
}


/* --------------------------------------------------
	Nav Menu: Custom Elements
 * ----------------------------------------------- */
#nav_main .retract {
	display: block;
	position: absolute; z-index: 50;
	top: 15px; height: 25px;
	left: 15px; width:120px;
	color: #06C;
	font: bold 14px/20px "Helvetica Neue", Helvetica, Arial, sans-serif;
	text-align:center; text-transform:uppercase; text-decoration: none;
}
#nav_main .retract:hover { color: #6bcaef; }

#nav_main .tohome {
	display:block;
	position: absolute; z-index: 50;
	top:auto; bottom:27px; right:0;
	height:65px; width:280px; overflow:hidden;
	background:url("../images/logos/logo_crowacademy.png") no-repeat 0 0;
}
#nav_main.open .tohome { bottom:auto; top:8px; }
#nav_main .tohome > span { display:none; padding:40px 0 0 30px; color:#fff; font-size:14px; }
#nav_main .tohome:hover { background-position:0 -66px; }
#nav_main .tohome:hover > span { display:inline-block; }


/* --------------------------------------------------
	OUTER Area: "Vine" menu items
 * ----------------------------------------------- */
/* Standard Vines */
#nav_main .outer .dom     { top:435px; left:0; height:225px; width:225px; }
#nav_main .outer .sub     { top:435px; right:0; height:225px; width:225px; }
#nav_main .outer .free    { top:-10px; right:0; height:225px; width:225px; }
#nav_main .outer .store   { top:-10px; left:10px; height:225px; width:225px; }
#nav_main .outer .return  { top:575px; left:50%; height:225px; width:275px; margin-left:-135px; }

#nav_main .outer .dom     { background-image: url("../images/nav/menu-item_vine-dom.png"); }
#nav_main .outer .sub     { background-image: url("../images/nav/menu-item_vine-sub.png"); }
#nav_main .outer .free    { background-image: url("../images/nav/menu-item_vine-free.png"); }
#nav_main .outer .store   { background-image: url("../images/nav/menu-item_vine-store.png"); }
#nav_main .outer .return  { background-image: url("../images/nav/menu-item_vine-return.png"); }

#nav_main .outer .dom:hover     { background-position:-225px 0; }
#nav_main .outer .sub:hover     { background-position:-225px 0; }
#nav_main .outer .free:hover    { background-position:-225px 0; }
#nav_main .outer .store:hover   { background-position:-225px 0; }
#nav_main .outer .return:hover  { background-position:-280px 0; }

/* Special Buttons */
#nav_main .outer .signup  { top:-25px; right:50%; height:105px; width:210px; margin-right:80px; }
#nav_main .outer .contact { top:-25px; left:50%;  height:105px; width:210px; margin-left: 80px; }
#nav_main .outer .members { top:-25px; left:50%;  height:105px; width:210px; margin-left:-105px; }
#nav_main .outer .free-ebook { top:-25px; right:50%; height:105px; width:210px; margin-right:80px; }

#nav_main .outer .signup  { background-image: url("../images/nav/menu-item_btn-signup.png"); }
#nav_main .outer .contact { background-image: url("../images/nav/menu-item_btn-contact.png"); }
#nav_main .outer .members { background-image: url("../images/nav/menu-item_btn-members.png"); }
#nav_main .outer .free-ebook { background-image: url("../images/nav/menu-item_btn-free-ebook.png"); }

#nav_main .outer .signup:hover,
#nav_main .outer .contact:hover,
#nav_main .outer .members:hover,
#nav_main .outer .free-ebook:hover { background-position:0 -105px; }


/* --------------------------------------------------
	INNER Oval: "Wedge" menu items
 * ----------------------------------------------- */
#nav_main .inner .history    { top:   3px; height: 152px; left: 165px; width: 291px; }
#nav_main .inner .history a  { top:  10px; height: 100px; left: 50px;  width: 220px; }
#nav_main .inner .classes    { top:   2px; height: 147px; left: 427px; width: 276px; }
#nav_main .inner .classes a  { top:  10px; height: 100px; left: 20px;  width: 220px; }
#nav_main .inner .perform    { top:  56px; height: 181px; left: 23px;  width: 251px; }
#nav_main .inner .perform a  { top:  30px; height: 110px; left: 10px;  width: 200px; }
#nav_main .inner .books      { top:  52px; height: 180px; left: 585px; width: 264px; }
#nav_main .inner .books a    { top: 30px;  height: 110px; left: 50px;  width: 200px; }
#nav_main .inner .gallery    { top: 183px; height: 184px; left:  8px;  width: 196px; }
#nav_main .inner .gallery a  { top: 15px;  height: 145px; left: 10px;  width: 170px; }
#nav_main .inner .advice     { top: 175px; height: 183px; left: 678px; width: 196px; }
#nav_main .inner .advice a   { top: 20px;  height: 135px; left: 10px;  width: 170px; }
#nav_main .inner .dungeon    { top: 310px; height: 176px; left: 31px;  width: 263px; }
#nav_main .inner .dungeon a  { top: 35px;  height: 110px; left: 30px;  width: 180px; }
#nav_main .inner .bondage    { top: 298px; height: 180px; left: 599px; width: 258px; }
#nav_main .inner .bondage a  { top: 35px;  height: 110px; left: 50px;  width: 180px; }
#nav_main .inner .testimon   { top: 395px; height: 139px; left: 180px; width: 273px; }
#nav_main .inner .testimon a { top: 20px;  height: 110px; left: 40px;  width: 220px; }
#nav_main .inner .deeper     { top: 389px; height: 143px; left: 430px; width: 288px; }
#nav_main .inner .deeper a   { top: 25px;  height: 110px; left: 20px;  width: 220px; }

#nav_main .inner .history  { background-image: url("../images/nav/menu-item_history.png"); }
#nav_main .inner .classes  { background-image: url("../images/nav/menu-item_classes.png"); }
#nav_main .inner .perform  { background-image: url("../images/nav/menu-item_performance.png"); }
#nav_main .inner .books    { background-image: url("../images/nav/menu-item_books-videos.png"); }
#nav_main .inner .gallery  { background-image: url("../images/nav/menu-item_galleries.png"); }
#nav_main .inner .advice   { background-image: url("../images/nav/menu-item_advice.png"); }
#nav_main .inner .dungeon  { background-image: url("../images/nav/menu-item_dungeon.png"); }
#nav_main .inner .bondage  { background-image: url("../images/nav/menu-item_bondage.png"); }
#nav_main .inner .testimon { background-image: url("../images/nav/menu-item_testimonials.png"); }
#nav_main .inner .deeper   { background-image: url("../images/nav/menu-item_deeper.png"); }

#nav_main .inner .history:hover  { background-position: 0 -151px; }
#nav_main .inner .classes:hover  { background-position: 0 -146px; }
#nav_main .inner .perform:hover  { background-position: 0 -181px; }
#nav_main .inner .books:hover    { background-position: 0 -180px; }
#nav_main .inner .gallery:hover  { background-position: 0 -184px; }
#nav_main .inner .advice:hover   { background-position: 0 -183px; }
#nav_main .inner .dungeon:hover  { background-position: 0 -176px; }
#nav_main .inner .bondage:hover  { background-position: 0 -179px; }
#nav_main .inner .testimon:hover { background-position: 0 -139px; }
#nav_main .inner .deeper:hover   { background-position: 0 -145px; }


/* --------------------------------------------------
	HOME / INNER Page: Custom Settings
 * ----------------------------------------------- */
body.home #nav_main .tohome,
body.home #nav_main .return,
body.home #nav_main .retract { display:none; }

body.inner #nav_main .outer .signup,
body.inner #nav_main .outer .contact,
body.inner #nav_main .outer .members,
body.inner #nav_main .outer .free-ebook { top:-30px; }


/* --------------------------------------------------
	MOBILE Menu Styles
 * ----------------------------------------------- */
#header .slicknav_menu {
	border:0 none;
	background-color:rgba(0,0,0,.85);
}
#header .slicknav_menu .slicknav_nav {
	position:absolute;
	top:51px;
	width:320px;
}
#header .slicknav_menu .slicknav_btn { float:left; padding:15px 12px; }
#header .slicknav_menu .slicknav_btn:hover { background-color:rgba(132, 12, 246, 0.25); }

#header .slicknav_nav ul { padding:0 10px; background:rgba(0,0,0,.85); border-top:1px solid #000; }
#header .slicknav_nav ul > li > a { margin:0; padding:8px 10px; border-bottom:1px solid #383838; text-transform:uppercase; }
#header .slicknav_nav ul > li:last-child > a { border-bottom:0 none; }
#header .slicknav_nav ul > li > a:hover,
#header .slicknav_nav ul > li > a:focus,
#header .slicknav_nav ul > li > a:active { background-color:rgba(132, 12, 246, 0.50); }
#header .slicknav_menu .slicknav_icon { margin:0; }
#header .slicknav_menu .slicknav_nav .container { background:none; margin:0; }

#header .slicknav_nav .tohome,
#header .slicknav_nav .retract,
#header .slicknav_nav .outer.menu .return { display:none; }