* {margin:0; padding:0; outline:0}
body {
	font:11px Verdana,Arial;
	color:#000;
	background-color: #FFF;
}
/*nav bar*/
.nav {
	
	color:#666;
	/*text-shadow:1px 1px #888;*/
	z-index:1000
}

/*Main Nav Bar*/
.menu {
	list-style:none;
	font:16px Arial,Verdana;
	text-align:center;
	width:740px;
	background-color: #99F;
	
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

/*this guy makes boxes that 'menu a' fits inside of 

!!!!!!!!!!!Affects drop down boxes AND Nav Buttons!!!!!!!!!*/
.menu li {
	position:relative;
	float:left;
	width:185px;
	z-index:1000;	
}

/* Main Nav Buttons */
.mainmenubutt {
	background-color: #03C;
	height: 130px;
	width: 60px;	
	}
.menunavwords {
	text-align:right;
	font-family: Verdana, Geneva, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #FFF;
	padding-top: 80px;
	padding-right: 40px;
	}
.menu a {
	float:left;
	color:#eee;
	text-decoration:none;
	width:180px;
	height:120px;
	padding-top:8px;
	background-image: url(images/g.png);
	opacity: 0.7;
				/* Firefox */
				-moz-transition: height 1s ease-out, opacity 2s ease;
				/* WebKit */
				-webkit-transition: height 1s ease-out, opacity 2s ease;
				/* Opera */
				-o-transition: height 1s ease-out, opacity 2s ease;
				/* Standard */
				transition: height 1s ease-out, opacity 2s ease;
}

/* Hover Nav Button*/
.menu a:hover {
	color:#ccc;
	background-image: url(images/o.png);
			opacity: 1;
				/* Firefox */
				-moz-transition: height 1s ease-in, opacity .6s ease;
				/* WebKit */
				-webkit-transition: height 1s ease-in, opacity .6s ease;
				/* Opera */
				-o-transition: height 1s ease-in, opacity .6s ease;
				/* Standard */
				transition: height 1s ease-in, opacity .6s ease;
}
/* Drop Down boxes*/
.menu ul {
	display:none;
	position:absolute;
	font:normal 13px Arial,Verdana;
	top:130px;
	left:-1;
	background:#aaa;
	display:none;
	list-style:none;
	width: 180px;
}

/*border for drop down boxes*/
.menu ul li {
	float:none;
	width:179px;
	border-top-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-left-style: solid;
	border-top-color: #ccc;
	border-right-color: #ccc;
	border-bottom-color: #ccc;
	border-left-color: #ccc;
	border-right-width: 1px;
	border-right-style: solid;
}
/*Terminal drop down boxes*/
.menu ul li a, li.menuhover li a, li.menuhover li.menuhover li a {float:none; display:block; background:none; height:22px; padding-top:5px}
/*Hovered drop down box*/
.menu ul li a:hover, li.menuhover li a:hover, li.menuhover li.menuhover li a:hover {
	color:#fff;
	background-color: #F90;

}

/*non-Terminal drop down box*/
.menu ul li span, li.menuhover li span, li.menuhover li.menuhover li span {float:none; display:block; background:none; height:22px; padding-top:5px}
/*font for non-terminal nav box*/
.menu li.submenu {
	font-weight:bold;
	}
	
	
/*placement of secondary menu*/
.menu ul ul {
	left:180px;
	top: 0;
	
}

.menu li.noborder {border-top:none}
/*active nav box*/
li.menuhover a {
	background-image: url(images/o.png);
	opacity: 1;
	}
/*terminal boxes*/
li.menuhover li.menuhover a {
	color:#fff;
	background-color: #f48507;

}



/* font for active menu boxes*/
li.menuhover span, li.menuhover li.menuhover span {color:#fff; background:#999}