#menu { z-index:99; width: 471px;  height: 87px; background: url(../images/menu-bg.png) top left no-repeat; position: fixed; top:0; left:471px; }

#menu-bg {
background:url(../images/menu-bg.png) top left no-repeat;
height:87px;
left:300;
position:fixed;
top:0;
width:471px;
z-index:9999;
}

#menu ul  {display: block; height: 80px; padding: 14px 0 0 28px; }
#menu li {display: inline; height: 80px;}
#menu a 			{ padding: 0; margin-right: 15px; outline: none; z-index:999;}
#menu a#work.on		{	 background: url(../images/btn-work.jpg) 0 -50px no-repeat; }
#menu a#aboutpage.on		{	 background: url(../images/btn-about.jpg) 0 -50px no-repeat; }
#menu a#contact.on		{	 background: url(../images/btn-contact.jpg) 0 -50px no-repeat; }

#menu a:hover 	{ text-decoration: none; background: none; color: black; }	

#menu li a#aboutpage 	{ display: block; float: left; height: 45px; width: 125px; overflow: hidden; background: url(../images/btn-about.jpg) 0 0 no-repeat; }
#menu li a#aboutpage:hover 	{ background: url(../images/btn-about.jpg) 0 -50px  no-repeat; }
#menu li a#aboutpage-selected 	{ display: block; float: left; height: 45px; width: 125px; overflow: hidden; background: url(../images/btn-about.jpg) 0 -50px no-repeat; }


#menu li a#work 	{ display: block; float: left; height: 45px; width: 103px; overflow: hidden; background: url(../images/btn-work.jpg) 0 0 no-repeat; }
#menu li a#work:hover 	{ background: url(../images/btn-work.jpg) 0 -50px  no-repeat; }
#menu li a#work-selected 	{ display: block; float: left; height: 45px; width: 103px; overflow: hidden; background: url(../images/btn-work.jpg) 0 -50px no-repeat; }

#menu li a#contact 	{ display: block; float: left; height: 45px; width: 160px; overflow: hidden; background: url(../images/btn-contact.jpg) 0 0 no-repeat; }
#menu li a#contact:hover 	{ background: url(../images/btn-contact.jpg) 0 -50px  no-repeat; }
#menu li a#contact-selected 	{ display: block; float: left; height: 45px; width: 160px; overflow: hidden; background: url(../images/btn-contact.jpg) 0 -50px no-repeat; }

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */

#blockmenu { 
text-align:left; 
}


.solidblockmenu{
text-align:left; 
margin-top: 214px;
margin-left: 0px;
padding: 0px;
font: bold 12px "Arial";
font-weight: 400; 
width: auto;
border: 0px solid #625e00;
}

.solidblockmenu li{
display: inline;
float: left;
}

.solidblockmenu li a{
float: left;
color: white;
padding: 15px 13px; 
text-decoration: none;
font-weight:bold;
}



.solidblockmenu li a:hover{
text-decoration:underline;
}


.solidblockmenu li a:hover, .solidblockmenu li .current{
color: white;
background: transparent url(blockactive.gif) center center repeat-x;
}




/* ######### Style for Drop Down Menu ######### */

.dropmenudiv_a{
position:absolute;
top: 0px;
border: 0px solid #01083C; /*THEME CHANGE HERE*/
border-top-width: 8px; /*Top border width. Should match height of .ddcolortabsline above*/
border-bottom-width: 0;
font:normal 12px "Trebuchet MS";
line-height:18px;
z-index:100;
background-color: #01083C;
width: 200px;
visibility: hidden;
}


#dropmenudiv_a a{
width: auto;
display: block;
text-indent: 5px;
border-top: 0 solid #003466;
border-bottom: 0px solid #003466; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
color: white;
}

#dropmenudiv_a a:hover { /*THEME CHANGE HERE*/
width: auto;
display: block;
background: #fff;
color: #003466;
}


* html #dropmenudiv_a a{ /*IE only hack*/
width: 100%;
}

