/*
-----------------------------------------------
Style Sheet

Site: traction.com
Author:   Andy Heintzelman    www.onezerocharlie.com / www.visual-language.com
Version:  navigation-blue v.1 - 2007.4
----------------------------------------------- */


/* *********************************************************************************
=PRIMARY NAVIGATION ****************************************************************
************************************************************************************ */


#nav {
background: url("../img/mst_nav_blue.jpg") no-repeat;
list-style-type: none;
margin: 0;
padding: 0;
position: absolute;
top: 131px; /*was383*/
width: 720px;
height: 40px;
overflow: hidden;
}

#nav ul {
list-style-type: none;
}

#nav a {
background: url("../img/mst_nav_blue.jpg") no-repeat;
text-indent: -9999px;
position: absolute;
top: 0;
width: 124px;
height: 40px;
overflow: hidden;
}

#nav_abt a{
left:265px;
background-position:-265px 0;
}

#nav_flr a {
left:336px;
background-position: -336px 0;
}

#nav_ser a {
left:405px;
background-position: -405px 0;
}

#nav_lnk a{
left:516px;
background-position:-516px 0;
}

#nav_con a {
left:565px;
background-position:-565px 0;
}

#nav_hom a {
left:645px;
background-position:-645px 0;
}



#nav_abt a:hover {
background-position:-265px -40px;
}
#nav_flr a:hover {
background-position:-336px -40px;
}
#nav_ser a:hover {
background-position:-405px -40px;
}
#nav_lnk a:hover {
background-position:-516px -40px;
}
#nav_con a:hover {
background-position:-565px -40px;
}
#nav_hom a:hover {
background-position:-645px -40px;
}



#body_abt #nav_abt a {
background-position:-265px -80px;
}
#body_flr #nav_flr a {
background-position:-336px -80px;
}
#body_ser #nav_ser a {
background-position:-405px -80px;
}
#body_lnk #nav_lnk a {
background-position:-516px -80px;
}
#body_con #nav_con a {
background-position:-565px -80px;
}
#body_hom #nav_hom a {
background-position:-645px -80px;
}

/* *********************************************************************************
=PRODUCT SIDEBAR NAVIGATION ********************************************************
************************************************************************************ */	

#snav {
margin: 0px 0 0 10px; /* was 16px */
padding: 0;
float: left;
display: inline;
}
	
#snav {
width: 222px;
}

#snav ul {
list-style: none;
}

#snav li {
width: 222px;
text-indent: -5000px;
height: 37px;
}

#snav #sport {
height: 38px;
}

#snav #turf {
height: 37px;
}

#snav li a {
display: block;
width: 100%;
height: 100%;
}

#sport a, #xx a, #dek a, #stone a, #max a, #control a, #turf a {
background: url("../img/sidebar_nav.jpg");
}

#sport a { background-position: 0 0; }
#sport a:hover { background-position: 444px 0; }

#xx a { background-position: 0 -38px; }
#xx a:hover { background-position: 444px -38px; }

#dek a { background-position: 0 -75px; }
#dek a:hover { background-position: 444px -75px; }

#stone a { background-position: 0 -112px; }
#stone a:hover { background-position: 444px -112px; }

#max a { background-position: 0 -149px; }
#max a:hover { background-position: 444px -149px; }

#control a { background-position: 0 -187px; }
#control a:hover { background-position: 444px -187px; }

#turf a { background-position: 0 -224px; }
#turf a:hover { background-position: 444px -224px; }



#body_sport #sport a {
background-position: 222px 0;
}
#body_xx #xx a {
background-position: 222px -38px;
}
#body_dek #dek a {
background-position: 222px -75px;
}
#body_stone #stone a {
background-position: 222px -112px;
}
#body_max #max a {
background-position: 222px -149px;
}
#body_control #control a {
background-position: 222px -187px;
}
#body_turf #turf a {
background-position: 222px -224px;
}