@import url("dropdown.css");


#nav {height:100%;margin:0;padding:20px 0 0 0;}
#nav li {margin-left:18px;}
#nav li a {color:#000;text-decoration:none;text-align:center;}
#nav li a:hover{color:#6c0d12;}

#nav ul {background:#6d6d6e;border:1px solid #000;margin:0;padding:0;}
#nav ul li{margin:0;padding:0;}

#nav ul li a {background:#6d6d6e;color:#fff;text-align:left;padding:5px;width:200px;}
#nav ul li a:hover {background:#2B2B2B;color:#DBC418;}

#nav ul li ul {width:350px;}



#nav li a#home{
    background: url('/media/images/menu/home.jpg') no-repeat;
    width:83px;
    padding-top:84px;
}

#nav li a#portfolio{
    background: url('/media/images/menu/portfolio.jpg') no-repeat;
    width:83px;
    padding-top:84px;
}


#nav li a#references{
    background: url('/media/images/menu/testimonial.jpg') no-repeat;
    width:83px;
    padding-top:85px;
}

#nav li a#links{
    background: url('/media/images/menu/links.jpg') no-repeat;
    width:83px;
    padding-top:84px;
}


#nav li a#contact{
    background: url('/media/images/menu/contact.jpg') no-repeat;
    width:83px;
    padding-top:84px;
}


#nav li a#blog{
    background: url('/media/images/menu/blog.jpg') no-repeat;
    width:83px;
    padding-top:84px;
}