.navigation 
{
PADDING-RIGHT: 0px; BORDER-TOP: #ccc 1px solid; PADDING-LEFT: 0px; FONT-SIZE: 100%; BACKGROUND: #f1f1f1; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; LIST-STYLE-TYPE: none;
}

.navigation LI 
{
PADDING: 0px 0px 0px 0px; DISPLAY: block; FLOAT: left; MARGIN: 0px 0px 0px 0px; TEXT-ALIGN: left; BORDER-BOTTOM: 0px; WIDTH: 100px; BORDER-BOTTOM: #ccc 0px solid;
}

.navigation LI A:link 
{
BORDER-RIGHT: #ccc 1px solid; PADDING: 2px 5px 2px 10px; DISPLAY: block; MARGIN: 0px; COLOR: orange; TEXT-ALIGN: left; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}

.navigation LI A:visited 
{
BORDER-RIGHT: #ccc 1px solid; PADDING: 2px 5px 2px 10px; DISPLAY: block; MARGIN: 0px; COLOR: #f60; TEXT-ALIGN: left; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}

.navigation LI A:hover 
{
BACKGROUND: #fff; COLOR: #f60; TEXT-DECORATION: none;
}

/* sub navigation portfolio*/

.subnavigation
{
PADDING-RIGHT: 0px; BORDER-TOP: gray 0px solid; PADDING-LEFT: 0px; FONT-SIZE: 100%; BACKGROUND: gray; FLOAT: left; PADDING-BOTTOM: 0px; MARGIN: 0px 0px 0px 0px; WIDTH: 100%; PADDING-TOP: 0px; BORDER-BOTTOM: #ccc 1px solid; LIST-STYLE-TYPE: none;
}

.subnavigation LI 
{
PADDING: 0px 0px 0px 0px; DISPLAY: block; FLOAT: left; MARGIN: 0px 0px 0px 0px; TEXT-ALIGN: left; WIDTH: 100px; BORDER-BOTTOM: #ccc 0px solid; BACKGROUND: gray;
}

.subnavigation LI A:link 
{
BORDER-RIGHT: #gray 1px solid; PADDING: 3px 5px 3px 10px; DISPLAY: block; MARGIN: 0px; COLOR: white; TEXT-ALIGN: left; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}

.subnavigation LI A:visited 
{
BORDER-RIGHT: #gray 1px solid; PADDING: 3px 5px 3px 10px; DISPLAY: block; MARGIN: 0px; COLOR: white; TEXT-ALIGN: left; TEXT-DECORATION: none; BORDER-BOTTOM-STYLE: none
}

.subnavigation LI A:hover 
{
BACKGROUND: #gray; COLOR: #f60;
}

BODY.home #navigation LI.home A 
{
BACKGROUND:	#00008B; COLOR:	#00008B
}