@charset "utf-8";
#nav {
background:transparent url(../Images/Navigation.jpg) no-repeat scroll 0 0;
height:42px;
left:0;
margin:0;
overflow:hidden;
padding:0;
position:relative;
top:-21px;
width:870px;
}

#nav li {
display:block;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0;
padding:0;
position:absolute;
}
#nav a {
display:block;
}
#nav span {
display:none;
}
#home, #home a, #profile, #profile a, #services, #services a, #contact, #contact a, #portfolio, #portfolio a, #hlablog, #hlablog a, #cogblog, #cogblog a {
background:transparent url(../Images/Navigation.jpg) no-repeat scroll 0 0;
height:45px;
top:-1px;
}
#home {
left:520px;
width:53px;
}
#profile {
left:571px;
width:56px;
}
#services {
left:627px;
width:67px;
}
#portfolio {
left:692px;
width:68px;
}
#contact {
left:760px;
width:62px;
}
#hlablog {
left:821px;
width:37px;
}
#home, #home a {
background-position:-520px 0;
}
#profile, #profile a {
background-position:-571px 0;
}
#services, #services a {
background-position:-627px 0;
}
#portfolio, #portfolio a {
background-position:-693px 0;
}
#contact, #contact a {
background-position:-761px 0;
}
#hlablog, #hlablog a {
background-position:-823px 0;
}
#home a:hover {
background-position:-520px -83px;
}
#profile a:hover {
background-position:-571px -83px;
}
#services a:hover {
background-position:-627px -83px;
}
#portfolio a:hover {
background-position:-693px -83px;
}
#contact a:hover {
background-position:-761px -83px;
}
#hlablog a:hover {
background-position:-823px -83px;
}
#home a.active {
background-position:-520px -42px;
}
#profile a.active {
background-position:-571px -42px;
}
#services a.active {
background-position:-627px -42px;
}
#portfolio a.active {
background-position:-692px -42px;
}
#contact a.active {
background-position:-762px -42px;
}
#hlablog a.active {
background-position:-823px -42px;
}