/*****css-menu-03 styles*****/
div#wrapper-menu{background:url(../images/back-menu.jpg) repeat; color:#75a1bf;}
div#wrapper-menu span#head-nav{
	position:relative;
	display:block;
	width:300px;
	height:200px;
	background:url(../images/atgtlogo200.png) no-repeat;
	margin-left:0;
	margin-right:auto;
	left:20px;
	margin-top:0px;
	top : 20px
	
	/*padding-right:26px;this line center the ribbon head with the rest of the navigation*/
	}
div#wrapper-menu ul#nav{
	position:relative;
	width:200px;/*size of the navigation bar*/
	height:380px;
	margin-left:0;/*centering navigation*/
	margin-right:auto;/*centering navigation*/
	margin-top:25px;
	left:20px;
	/*background-color:#FFF;*/
	opacity: 0.3; 

	
	}

div#wrapper-menu ul#nav:hover{
	opacity: 1;
-webkit-transition: opacity 1000ms;
-moz-transition: opacity 1000ms;
-webkit-transition: color 1000ms;
-moz-transition: color 1000ms;

	}
	
div#wrapper-menu ul#nav li{display:block;position:relative;width:100%;height:25px;margin-bottom:10px;}
div#wrapper-menu ul#nav li a{
	display:block;
	/* background:url(arrow.png) no-repeat 220px 10px; */
	width:100%;
	height:25px;
	line-height:25px;
	text-decoration:none;
	font-size:1.3em;
	font-weight:normal;
	letter-spacing:0px;
	text-indent:10px; 
	color:#fff;	/*color:#6d6e72;
 color:#fcb040; */
	}
div#wrapper-menu ul#nav li a.current{
	color:#fcb040;
	font-weight:bold;
	}
div#wrapper-menu ul#nav li a:hover{background:url(../images/arrow.png) no-repeat 280px -10px #fcb040;border-bottom: #c7c8ca 4px solid;color:#FFF;}
div#wrapper-menu ul#nav li ul ul{
	position:absolute;
	display:none;
	top: 0;
	left: 0;
	left: 100%;
	width: 100%;
	margin-left:1px;/*margin between main navigation and subhidden navigation*/
}
div#wrapper-menu ul#nav li ul li:hover ul{display:block;}
/*hidden menu we are monsters*/
div#wrapper-menu ul#nav li ul li ul#monsters{width:425px;height:180px;background-color:#FFF;}
div#wrapper-menu ul#nav li ul li ul#monsters a{display:block;width:425px;height:180px;background:url(../images/monsters.jpg) no-repeat center center;text-indent:-9999px;}
/*hidden menu our skills*/
div#wrapper-menu ul#nav li ul li ul#skills{width:425px;height:175px;background-color:#FFF;top:-44px;padding:5px 0 0 20px;}
div#wrapper-menu ul#nav li ul li ul#skills li{
	display:inline-block;
	float:left;
	width:auto;
	height:12px;
	line-height:12px;
	line-height:20px\9;
	font-family:Helvetica,arial,sans;
	font-size:1.3em;
	font-weight:bold;
	letter-spacing:-1px;
	text-indent:5px; 
	margin:5px 0 5px 0;
	}
div#wrapper-menu ul#nav li ul li ul#skills li.head{width:100%;margin-top:15px;color:#474747;}
/*hidden menu what we make*/
div#wrapper-menu ul#nav li ul li ul#portfolio{width:450px;height:100px;background-color:#FFF;top:-10px;padding:5px 0 0 20px;}
div#wrapper-menu ul#nav li ul li ul#portfolio li{display:inline-block;float:left;width:auto;}
div#wrapper-menu ul#nav li ul li ul#portfolio li a{
	display:block;
	width:100%;
	height:100%;
	line-height:100px;
	padding:0px 0 0 5px;
	font-size:1.3em;
	letter-spacing:-1px;
	}
div#wrapper-menu ul#nav li ul li ul#portfolio li a:hover{background-color:#FFF;color:inherit;border:none;}
/*hidden menu location*/
div#wrapper-menu ul#nav li ul li ul#location{width:600px;height:50px;background-color:#FFF;top:-10px;padding:0px 0 0 0px;}
div#wrapper-menu ul#nav li ul li ul#location li{display:inline-block;float:left;width:auto;}
div#wrapper-menu ul#nav li ul li ul#location li a{
	display:block;
	width:100%;
	height:50px;
	line-height:50px;
	padding:0px 0 0 17px;
	font-size:1.3em;
	letter-spacing:-1px;
	}
div#wrapper-menu ul#nav li ul li ul#location li a:hover{background-color:#FFF;color:inherit;border:none;}

/*classes for coloring diferent skills from each "monster"*/
.craig,div#wrapper-menu ul#nav li ul li ul li a.craig{color:#22b1b1;}
.david,div#wrapper-menu ul#nav li ul li ul li a.david{color:#a0cf07;}
.jane,div#wrapper-menu ul#nav li ul li ul li a.jane{color:#e31982;}
.aux-color,div#wrapper-menu ul#nav li ul li ul li a.aux-color{color:#474747;}