@charset "utf-8";

/* Top Navigation Bar */
#navTop{
width: 1024px;
margin: 0 auto;
background: #F9F8F8 url(../images/navBlue.gif) center repeat-y;
}

#navTop ul{
margin: 0;
padding: 0 0 0 300px;
height: 20px;
background: url(../images/navBlueMask.gif) repeat-x;
border:none;
list-style: none;
}

#navTop img{
display:block;
}

#navTop li{
float: left;
}

#navTop li span{
display: none;}

#navTop a{
display: block;
float:left;
height: 25px;
}

#service a{
background: url(../images/navTop_WeDo.png) 0 0 no-repeat;
}

#clients a{
margin: 0 0 0 -12px;
background: url(../images/navTop_Clients.png) 0 0 no-repeat;
}

#creative a{
margin: 0 0 0 -12px;
background: url(../images/navTop_Creative.png) 0 0 no-repeat;
}

#about a{
margin: 0 0 0 -12px;
background: url(../images/navTop_About.png) 0 0 no-repeat;
}

#contact a{
margin: 0 0 0 -12px;
background: url(../images/navTop_Contact.png) 0 0 no-repeat;
}

#navTop a:hover{
background-position: 0 -25px;
}

/* Bottom Navigation Bar */
#navBottom{
width: 1024px;
margin: 0 auto;
}

#navBottom ul{
margin: 0;
padding: 2em 0 0 300px;
height: 10px;
}

#navBottom li{
list-style:none;
float: left;
height: 10px;
margin: 0;
padding: 0;
}

#navBottom li span{
display: none;}

#navBottom a{
display: block;
float:left;
height: 10px;
margin: 0 0 0 0;
padding: 0;
}