/* CSS Document */

div#navbar
{
background-image:url(../images/navbar_background.gif);
background-repeat:no-repeat;
margin-top:5px;
width: 160px; 
float:left; 
margin-left:-670px;
font-size:0.80em;
}
#navbar ul
{
margin:0;
padding: 40px 0 40px 2PX;

}
#navbar ul li
{
margin:0;
padding: 5px 0px 5px 0;

}
#navbar ul li a
{
display:block;
padding: 5px 0px 5px 8px;
text-decoration:none;
color:#004477;
height:100%;
}
/* for internet explore 5 for macintosh and nestscape navigator 6+ */
html>body #navbar ul li a{width:auto;}

#navbar ul li a:hover
{

color:#CC0000;
border-bottom: dashed 1px #FF0000;
border-TOP: dashed 1px #FF0000;
/*to fix the hover effect with the background image */
width:147px;
border-left: 1px solid #FF0000;
border-right: 1px solid #FF0000;
background-color:#F1F5FF;
}

/* navbar =special */

li#nav_webdesignservices
{

font-weight:bold;
}
/* ________________________________ navbar =sub __________________________*/
div#navbar_sub
{
text-decoration:none;
display: inline;
position:absolute;
top:0px;
left:570px;
z-index:10000;
font-size:0.8em;
color:#ffffff;
}
div#navbar_sub ul li
{
display:inline;
padding-left:10px;
}
#navbar_sub ul li a
{
color:#FFFFFF;
text-decoration:none;
}
#navbar_sub ul li a:hover
{
color:#000;
text-decoration:underline;
}