@charset "utf-8";
/* CSS Document */

.nav {
 float:left;
 margin-left:25px;
 margin-top:62px;
}

.nav li {
 float: left;
}

.nav li a {
 margin: 0;
 padding: 0;
 display: block;
 height: 29px;
 background: url('../images/nav_default.gif') no-repeat;
 text-indent: -9999px;
 overflow: hidden;
}

#home_page .nav li a {
 background: url('../images/nav_home.png') no-repeat;
}

#aboutus_page .nav li a {
 background: url('../images/nav_aboutus.png') no-repeat;
}

#services_page .nav li a {
 background: url('../images/nav_services.png') no-repeat;
}

#approach_page .nav li a {
 background: url('../images/nav_approach.png') no-repeat;
}

#contact_page .nav li a {
 background: url('../images/nav_contact.png') no-repeat;
}

#test_page .nav li a {
 background: url('../images/nav_test.png') no-repeat;
}

#blog_page .nav li a {
 background: url('../images/nav_blog.png') no-repeat;
}

/*up state*/
.nav li#nav_home a {
 left: 0;
 width: 101px;
 background-position: 0 0;
}

.nav li#nav_about a {
 left: 101px;
 width: 91px;
 background-position: -101px 0;
}

.nav li#nav_services a {
 left: 192px;
 width: 92px;
 background-position: -192px 0;
}

.nav li#nav_approach a {
 left: 284px;
 width: 92px;
 background-position: -284px 0;
}

.nav li#nav_test a {
 left: 376px;
 width: 103px;
 background-position: -376px 0;
}

.nav li#nav_blog a {
left: 479px;
width: 96px;
background-position: -479px 0;
}

.nav li#nav_contact a {
left: 574px;
width: 90px;
background-position: -574px 0;
}

/*hover state*/
li#nav_home a:hover {
background-position: 0 -30px;
}

li#nav_about a:hover {
background-position: -101px -30px;
}

li#nav_services a:hover {
background-position: -192px -30px;
}

li#nav_approach a:hover {
background-position: -284px -30px;
}

li#nav_test a:hover {
background-position: -376px -30px;
}

li#nav_blog a:hover {
background-position: -479px -30px;
}

li#nav_contact a:hover {
background-position: -574px -30px;
}

#subnav {
 height:36px;
}

#subnav_bg {
 background: url('../images/subnav.gif');
 height:36px;
}

#subnav ul {
 margin-left:25px;
}

#subnav li {
 float: left;
}

#subnav li a {
 margin: 0;
 padding: 0;
 display: block;
 height: 28px;
 text-indent: -9999px;
 overflow: hidden;
 width: 101px;
}

#aboutus_page #subnav li a {
 background: url('../images/subnav_aboutus.gif') no-repeat;
}

#services_page #subnav li a {
 background: url('../images/subnav_services.gif') no-repeat;
}

/*up state*/
#subnav li#nav_why a {
 left: 0;
 width: 106px;
 background-position: 0 0;
}

#subnav li#nav_licenses a {
 left: 106px;
 width: 92px;
 background-position: -106px 0;
}

#subnav li#nav_insurances a {
 left: 198px;
 width: 109px;
 background-position: -198px 0;
}

/*on state*/
#subnav li#nav_why_on a {
 left: 0;
 width: 106px;
 background-position: 0 -28px;
}

#subnav li#nav_licenses_on a {
 left: 106px;
 width: 92px;
 background-position: -106px -28px;
}

#subnav li#nav_insurances_on a {
 left: 198px;
 width: 109px;
 background-position: -198px -28px;
}

/*hover state*/
#subnav li#nav_why a:hover {
 left: 0;
 width: 106px;
 background-position: 0 -28px;
}

#subnav li#nav_licenses a:hover {
 left: 106px;
 width: 92px;
 background-position: -106px -28px;
}

#subnav li#nav_insurances a:hover {
 left: 198px;
 width: 109px;
 background-position: -198px -28px;
}