@charset "utf-8";
/* cursor following menu style */
#cf_menu{position:absolute; display:inline-block; z-index:10; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; cursor:pointer; top:20%; left:0; background:url(empty.gif); z-index:999999999999999999;} /* stupid IE needs a background value */


@media only screen and (max-device-width: 480px) {
#cf_menu{display:none;}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen
and (min-device-width : 320px)
and (max-device-width : 480px) {
/* Styles */
#cf_menu{display:none;}

}

/* Desktops and laptops ----------- */
@media only screen
and (min-width : 1224px) {
/* Styles */
#cf_menu{display:inline-block;}

}

.demo-4 .dl-menuwrapper button {
	background: #7FADC5;
}



	#cf_menu .container{position:relative; /*font-family:Arial, Helvetica, sans-serif;*/ letter-spacing: 5px;
font-family: 'futura_ltregular'; font-size:10px;}
#cf_menu .title{position:relative; display:inline-block; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; /*background:#333;*/ font-size:10px; text-transform:uppercase; text-decoration:none; margin:1px; color:#fff; padding:5px 8px;
background-image:url(../images/cc/png/space%20ship.png); background-repeat:no-repeat; width:210px; height:100px;}

#cf_menu .title:hover{ background-image:url(../images/cc/png/fullspaceship.png);}


#cf_menu ul{margin:0; padding:0; list-style:none; display:none;}
#cf_menu ul li{margin:0; padding:0;}	
#cf_menu ul ul{margin:0 0 0 2px; padding:0; list-style:none; display:inline-block;}
#cf_menu ul ul li{margin:0 2px 0 0; padding:0; display:inline-block;}
#cf_menu a:link,#cf_menu a:visited{position:relative; display:inline-block; -moz-border-radius:4px; -khtml-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; font-size:10px; text-transform:uppercase; text-decoration:none; margin:1px 1px 5px 1px; padding:5px 8px; border-bottom:1px solid #7FADC5; border-right:1px solid #7FADC5; color:#fff; background:#7FADC5;}
#cf_menu a:hover{background:#fff; color:#000; border-bottom:1px solid #000; border-right:1px solid #000;}
#cf_menu ul ul a:link,#cf_menu ul ul a:visited{background:#333; color:#ddd; border-bottom:1px solid #333; border-right:1px solid #333;}
#cf_menu ul ul a:hover{background:#fff; color:#000;}
.cf_menu_transparency{filter:alpha(opacity=25); -moz-opacity:0.25; -khtml-opacity:0.25; opacity:0.25;} /* menu opacity */