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


#menu {
	height:41px;
	width: 100%;
	background: url(../images/menu-backg.jpg) repeat-x;
}

#menu_content {
	color:#D3D3D3;
	font-size:	1em;
	height: 41px;
	width: 980px;
	margin: 0 auto;
	padding-bottom: 10px;
}

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

#menu ul {
	width: auto;
	margin: 0px;
	text-align: center; /*set value to "left", "center", or "right"*/
	padding-left: 10px;
	position: relative;
	z-index: 0;
}

#menu ul li {
	display: inline;
	
}

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

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

}

#nav, #nav ul{
	margin:0;
	padding:0;
	list-style-type:none;
	list-style-position:outside;
	display:block;
	line-height:2.3em;
	background: url(../images/background/drop-menu-bg.png) bottom left;

}

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

}

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

}


#nav a:hover{
color:#E8E8E8!Important;
background: url(../images/background/drop-menu-bg.png) top left;


}

#nav li{
	float:left;
	position:relative;
	z-index:40000; 

}

#nav ul {
	position:absolute;
	display:none;
	width:180px;
	padding:3px 5px 0px 1px;
	top:27px;
	left:0;
}

#nav li ul a{
	width:165px;
	height:auto;
	float:left; 
 	padding:5px 10px 10px 10px;	
	text-indent:0px; 
 
}





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

#menu1 a {
	float:left;
	text-indent:-100000px;
	position:relative;
	cursor:pointer;
	width:67px;
	height:27px;
	
}




#menu1 a.linkClass { background:url(../images/menu/menu-link-home.jpg) top left repeat-x;}
#menu1 a:hover {background-position:left bottom; }
#menu1 a.open {background-position:left bottom !important;}



#menu2 a {
	float:left;
	width:65px;

	position:relative;
	text-indent:-100000px;
	cursor:pointer;height:27px;
	
}

#menu2 a.linkClass { background:url(../images/menu/menu-link-about.jpg) top left repeat-x; }
#menu2 a:hover {background-position:left bottom; }
#menu2 a.open {background-position:left bottom !important;}



#menu3 a {
	float:left;
	width:88px;
	text-indent:-100000px;
	position:relative;
	height:27px;
	cursor: pointer;
}

#menu3 a.linkClass {
	background:url(../images/menu/menu-link-resources.jpg) top left repeat-x;
}
#menu3 a:hover {
	background-position:left bottom;
	cursor: pointer;
}
#menu3 a.open {
	background-position:left bottom !important;
}




#menu4 a {
	float:left;
	width:65px;
    text-indent:-100000px;
	position:relative;
	cursor:pointer;
	height:27px;
	
}

#menu4 a.linkClass { background:url(../images/menu/menu-link-news.jpg) top left repeat-x; }
#menu4 a:hover {background-position:left bottom;}
#menu4 a.open {background-position:left bottom !important;}



#menu5 a {
	float:left;
	width:74px;
	text-indent:-100000px;
	position:relative;
	cursor:pointer;
	height:27px;
	
}

#menu5 a.linkClass { background:url(../images/menu/menu-link-contact.jpg) top left repeat-x; }
#menu5 a:hover {background-position:left bottom;}
#menu5 a.open {background-position:left bottom !important;}

#menu6 a {
	float:left;
	width:72px;
	text-indent:-100000px;
	position:relative;
	cursor:pointer;
	height:27px;
	
}

#menu6 a.linkClass { background:url(../images/menu/menu-link-paynow.jpg) top left repeat-x; }
#menu6 a:hover {background-position:left bottom;}
#menu6 a.open {background-position:left bottom !important;}

#share {
	float:right;
	text-indent:-100000px;
	position:relative;
	cursor:pointer;
	padding: 5px 10px 0px 0px;
	height: 16px;
}

#header-menu-3btns-wrap {
	width:615px;
	text-align:right;
	float: left;
	position: relative;
}



#header-menu-3btns {
	width:615px;
	height:107px;
	z-index:0;
}


#menu-store a {
	float:left;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	height:75px; 
	width:168px; 
	margin-top:27px;
	margin-left: 65px; 
	margin-right:7px; 
	
}

#menu-store a.linkClass { background:url(../images/header/header-btn-portfolio.jpg) top left repeat-x;}
#menu-store a:hover {background-position:left bottom;}
#menu-store a.open {background-position:left bottom !important;}

#menu-currentprojects a {
	height:75px; 
	width:168px; 
	margin-top:27px;
	margin-left: 7px;
	float:left; 
	margin-right: 7px;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu-currentprojects a.linkClass { background:url(../images/header/header-btn-pricing.jpg) top left repeat-x; }
#menu-currentprojects a:hover {background-position:left bottom;}
#menu-currentprojects a.open {background-position:left bottom !important;}



#menu-portfolio a {
	height:75px; 
	width:168px; 
	margin-top:27px;
	margin-left: 7px;
	float:left;
	text-indent:-10000px;
	position:relative;
	cursor:pointer;
	
}

#menu-portfolio a.linkClass { background:url(../images/header/header-btn-start-now.jpg) top left repeat-x; }
#menu-portfolio a:hover {background-position:left bottom;}
#menu-portfolio a.open {background-position:left bottom !important;}


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