/* ------ Menu Relative ----- */


#menu {
	height: 76px;
	width: 658px;
	text-align: left;
	float: right;
	z-index:5; 
	 
}

 
#menu:after { /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
clear: both; 
visibility: hidden;
}

#menu ul {
width: 100%;
margin: 0px;
text-align: center; /*set value to "left", "center", or "right"*/
}

#menu ul li {
display: inline;
}

#menu ul li a {
color: #FFFFFF;
padding:0;
margin: 0;
text-decoration: none;
}

#menu ul li a:hover {
 /*THEME CHANGE HERE*/
color:#8C8C8C;

}

#menu ul li a[rel]:after { /*HTML to indicate drop down link*/
content: "";

}





#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	display:block;
	line-height:1.3em;
	z-index:2;
	
	

}

#nav a{
	text-align:left;
	display:block;
	padding:0px 0px;
	color:#FFFFFF !Important;
	font-size:0.9em;
	text-decoration:none;
	height:76px; 
	

}

#nav a:link{
color:#FFFFFF !Important;

}


#nav a:hover{
color:#FFFFFF!Important;



}

#nav li{
	float:left;
	position:relative;
	

}

#nav ul {
	position:absolute;
	display:none;
	 width:760px;
	padding:20px 0px 10px 20px ; 
	top:76px;
	left:0;
	z-index:2;
}

 

#nav li ul a{
	width:115px;
	height:auto;
	float:left; 
 	padding:5px 10px 10px 10px;	
	text-indent:0px; 
	color:#FFFFFF!Important;
	z-index:2;
 
}

#nav ul ul{
top:auto;
z-index:2;

}	

#nav li ul ul {
	left:177px;
	margin:0px 0 0 10px;
	position:absolute;
	z-index:2;
	
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul{
	display:none;
}
#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li li li li:hover ul{
	display:block;
}





/* ------ Menu Animatied Hover Relative ----- */


#menu1 a {
	float:left;
	width:105px;
	height:76px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu1 a.linkClass { background:url(../images/main-layout/images/menu-home.png) top left; }
#menu1 a:hover {background-position:left bottom;}
#menu1 a.open {background-position:left bottom !important;}






#menu2 a {
	float:left;
	width:118px;
	height:76px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu2 a.linkClass { background:url(../images/main-layout/images/menu-mission.png) top left; }
#menu2 a:hover {background-position:left bottom;}
#menu2 a.open {background-position:left bottom !important;}



#menu3 a {
	float:left;
	width:139px;
	height:76px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu3 a.linkClass { background:url(../images/main-layout/images/menu-get-the-book.png) top left; }
#menu3 a:hover {background-position:left bottom;}
#menu3 a.open {background-position:left bottom !important;}




#menu4 a {
	float:left;
	width:92px;
	height:76px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	display:none;

	
}

#menu4 a.linkClass { background:url(../images/main-layout/images/menu-blog.png) top left; }
#menu4 a:hover {background-position:left bottom;}
#menu4 a.open {background-position:left bottom !important;}



#menu5 a {
	float:left;
	width:173px;
	height:76px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;

	
}

#menu5 a.linkClass { background:url(../images/main-layout/images/menu-about-author.png) top left; }
#menu5 a:hover {background-position:left bottom;}
#menu5 a.open {background-position:left bottom !important;}





#menu6 a {
	float:left;
	width:120px;
	height:76px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
	
}


#menu6 a.linkClass { background:url(../images/main-layout/images/menu-contact.png) top left; }
#menu6 a:hover {background-position:left bottom;}
#menu6 a.open {background-position:left bottom !important;}







/* ------ Header-Buttons ----- */

#header-btns	{
	float:right;
	width:283px;
	height:137px;
	
	

}


#menu7 a {
	float:left;
	width:283px;
	height:47px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}


#menu7 a.linkClass { background:url(../images/main-layout/menu-7.png) top left no-repeat; }
#menu7 a:hover {background-position:left bottom;}
#menu7 a.open {background-position:left bottom !important;}




#menu8 a {
	float:left;
	width:283px;
	height:40px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}


#menu8 a.linkClass { background:url(../images/main-layout/menu-8.png) top left no-repeat; }
#menu8 a:hover {background-position:left bottom;}
#menu8 a.open {background-position:left bottom !important;}




#menu9 a {
	float:left;
	width:283px;
	height:50px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
	
}


#menu9 a.linkClass { background:url(../images/main-layout/menu-9.png) top left no-repeat; }
#menu9 a:hover {background-position:left bottom;}
#menu9 a.open {background-position:left bottom !important;}