#nav  {
position:absolute;
top:0;
right:0;
width:503px;
height:53px;

}

ul#navmenu {
list-style:none;
width:503px;
padding:0;
margin:0;
display:inline;
}

ul#navmenu li.about, ul#navmenu li.portfolio, ul#navmenu li.case {
float:left;
border-right:1px solid #fff;
width:125px; 
height:53px;
text-align:right;
}

ul#navmenu li.contact { 
float:left;
border-right:none;
width:125px; 
height:53px;
text-align:right; 
}


#navmenu li.about a, #navmenu li.portfolio a, #navmenu li.case a, #navmenu li.contact a {
display: block; 
font-family: Verdana, Arial, sans-serif;
color:#000;
font-size:12px;
letter-spacing:0em;
text-decoration:none;
padding:35px 10px 5px 0;
text-align:right;
}

#navmenu li.about :hover {
background-color:#6e84a1;
color:#fff;
}

#navmenu li.portfolio :hover {
background-color:#999966;
color:#fff;
}
#navmenu li.case :hover {
background-color:#938775;
color:#fff;
}

#navmenu li.contact :hover {
background-color:#C58138;
color:#fff;
}

.group1.selectedanchor{ /*CSS class that gets added to the currently selected anchor link that carries the "group1" CSS class*/
background: #6e84a1;
}

.group2.selectedanchor{ /*CSS class that gets added to the currently selected anchor link that carries the "group2" CSS class*/
background-color:#999966;
}

/* ######### Default class for drop down menus ######### */

.anylinkmenu{
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border:0;
font: normal 12px Arial;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #333;
width: 125px; /* default width for menu */
}

.anylinkmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu li {
width:100%;
padding:8px 0 8px 0;
border:none;
display:block;
text-align:right;
color:#fff;
}


.anylinkmenu ul li a  {
text-decoration: none;
font-weight: normal;
color:#fff;
margin-right:8px;
}

.anylinkmenu ul li:hover {
background: #999;
}

.anylinkmenu ul li a:hover{ /*hover background color*/
color: #fff;
}

.anylinkmenu2 {
position: absolute;
left: 0;
top: 0;
visibility: hidden;
border:0;
font: normal 12px Arial;
line-height: 18px;
z-index: 100; /* zIndex should be greater than that of shadow's below */
background: #333;
width: 125px; /* default width for menu */
color:#fff;
}

.anylinkmenu2 ul {
margin: 0;
padding: 0;
list-style-type: none;
}

.anylinkmenu2 ul li {
width:100%;
padding:8px 0 8px 0;
border:none;
display:block;
text-align:right;
color:#fff;
}


.anylinkmenu2 a {
text-decoration: none;
font-weight: normal;
color:#fff;
padding-right:8px;
text-align:right;
}

.anylinkmenu2 li:hover {
background: #999;
}

.anylinkmenu2 a:hover { /*hover background color*/
color: #fff;
}


/* ######### class for shadow DIV ######### */


.anylinkshadow{ /*CSS for shadow. Keep this as is */
position: absolute;
left: 0;
top: 0;
z-index: 99; /*zIndex for shadow*/
background: black;
visibility: hidden;
}