/*********************************/
/*           TOPNAV
/*********************************/

#topnav {
height:35px;
position:relative;
z-index:99;
margin:0 auto;
width:150px;
text-align:right;
float:right;
top:16px;
right:0px;
}

#topnav ul {}

#topnav ul li {
list-style:none;
display:inline;
float: left;
height:15px;
position: relative;
line-height:15px;
}

#topnav ul li a {
text-transform:uppercase;
text-decoration:none;
display:block;
position:relative;
outline:none;
}

#topnav ul li a span{
display:none;
}

#topnav .home a{
background:url(../images/topnav/home.gif) 0 0 no-repeat;
background-position:top left;
width:56px; 
height:15px;
}

#topnav .blog a{
background:url(../images/topnav/pyronBlog.gif) 0 0 no-repeat;
width:100px; 
height:15px;
}

#topnav .clientLogin a{
background:url(../images/topnav/clientLogin.gif) 0 0 no-repeat;
background-position:top left;
width:106px; 
height:15px;
}

#topnav .contact a{
background:url(../images/topnav/contactUs.gif) 0 0 no-repeat;
background-position:top left;
position:relative;
width:85px; 
height:15px;
}

#topnav .logout a{
background:url(../images/topnav/logout.gif) 0 0 no-repeat;
background-position:top left;
position:relative;
width:76px; 
height:15px;
}

#topnav .home a:hover, #topnav .blog a:hover, #topnav .clientLogin a:hover, #topnav .contact a:hover, #topnav .logout a:hover  {
background-position: 0 -15px;
}

/*********************************/
/*      TOP LEVEL NAVIGATION
/*********************************/

#nav {
height:35px;
position:relative;
z-index:98;
margin:0 auto;
width:420px;
float:right;
top:57px;
}

#nav ul {}

#nav ul li {
list-style:none;
display:inline;
float: left;
height:35px;
position: relative;
line-height:35px;
}

#nav ul li a {
text-transform:uppercase;
text-decoration:none;
display:block;
position:relative;
outline:none;
}

#nav ul li span {
display:none;
}

.about a{
background:url(../images/nav/aboutUs.jpg) 0 0 no-repeat;
background-position:top left;
width:101px; 
height:35px;
margin:0 5px 0 0;
}

.services a{
background:url(../images/nav/services.jpg) 0 0 no-repeat;
width:89px; 
height:35px;
margin:0 4px 0 0;
}

.caseStudies a{
background:url(../images/nav/caseStudies.jpg) 0 0 no-repeat;
background-position:top left;
position:relative;
width:114px; 
height:35px;
margin:0 1px 0 0;
}

.resources a{
background:url(../images/nav/resources.jpg) 0 0 no-repeat;
background-position:top left;
width:104px; 
height:35px;
}

.about a:hover, .services a:hover, .caseStudies a:hover, .resources a:hover {
background-position: 0 -35px;
}