#topnav
{		
	height:65px;
	background:url('../../artsandtv/images/nav/topnav_bottomborder.html') #ffffff repeat-x;
}

#topnav ul.nav, #footer ul.nav
{
	overflow:hidden;
}

#topnav ul.nav li, #footer ul.nav li
{
	float:left;
	padding:0;
	margin:0;
}

#topnav .right
{
	right:20px;
	font-size:16px;
}




/* nav styles start here */
.nav li.menu1 {background:transparent url(../artsandtv/images/nav/topnav_home.png);}
.nav li.menu2 {background:transparent url(../artsandtv/images/nav/topnav_listings.png);}
.nav li.menu3 {background:transparent url(../artsandtv/images/nav/topnav_sellers.png);}
.nav li.menu4 {background:transparent url(../artsandtv/images/nav/topnav_buyers.png);}
.nav li.menu5 {background:transparent url(../artsandtv/images/nav/topnav_areas.png);} 
.nav li.menu6 {background:transparent url(../artsandtv/images/nav/topnav_buildings.png);}
.nav li.menu7 {background:transparent url(../artsandtv/images/nav/topnav_resources.png);}
.nav li.menu8 {background:transparent url(../artsandtv/images/nav/topnav_aboutus.png);}
.nav li.menu9 {background:transparent url(../artsandtv/images/nav/topnav_contact.png);}
.nav li.menu10 {background:transparent url(../artsandtv/images/bottomnav_contact.png);}
.nav li.menu11 {background:transparent url(../artsandtv/images/bottomnav_privacy.png);}

.nav a {display:block; height:0; padding-top:35px; color:#000; overflow:hidden;}

/* hack for older versions of IE with incorrect box model */
* html .nav a:link, * html .nav a:visited {height:35px; he\ight:0;}

.nav li.menu1 a {background:transparent url(../artsandtv/images/nav/topnav_home_selected.png) -81px 0 no-repeat; width:81px;}
.nav li.menu2 a {background:transparent url(../artsandtv/images/nav/topnav_listings_selected.png) -80px 0 no-repeat; width:80px;}
.nav li.menu3 a {background:transparent url(../artsandtv/images/nav/topnav_sellers_selected.png) -75px 0 no-repeat; width:75px;}
.nav li.menu4 a {background:transparent url(../artsandtv/images/nav/topnav_buyers_selected.png) -76px 0 no-repeat; width:76px;}
.nav li.menu5 a {background:transparent url(../artsandtv/images/nav/topnav_areas_selected.png) -70px 0 no-repeat; width:70px;} 
.nav li.menu6 a {background:transparent url(../artsandtv/images/nav/topnav_buildings_selected.png) -97px 0 no-repeat; width:97px;}
.nav li.menu7 a {background:transparent url(../artsandtv/images/nav/topnav_resources_selected.png) -95px 0 no-repeat; width:95px;}
.nav li.menu8 a {background:transparent url(../artsandtv/images/nav/topnav_aboutus_selected.png) -94px 0 no-repeat; width:94px;}
.nav li.menu9 a {background:transparent url(../artsandtv/images/nav/topnav_contact_selected.png) -87px 0 no-repeat; width:87px;}
.nav li.menu10 a {background:transparent url(../artsandtv/images/bottomnav_contact.png) -76px 0 no-repeat; width:76px;}
.nav li.menu11 a {background:transparent url(../artsandtv/images/bottomnav_privacy.png) -75px 0 no-repeat; width:75px;}

/* Step 9 - Adding the :hover style */
.nav li.menu1 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu2 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu3 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu4 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu5 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu6 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu7 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu8 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu9 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu10 a:hover {background-position:0 -35px; z-index:50;}
.nav li.menu11 a:hover {background-position:0 -35px; z-index:50;}

.nav li.menu1 .selected, .nav li.menu1 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu2 .selected, .nav li.menu2 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu3 .selected, .nav li.menu3 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu4 .selected, .nav li.menu4 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu5 .selected, .nav li.menu5 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu6 .selected, .nav li.menu6 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu7 .selected, .nav li.menu7 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu8 .selected, .nav li.menu8 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu9 .selected, .nav li.menu9 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu10 .selected, .nav li.menu10 .selected:hover {background-position:0 0; z-index:50;}
.nav li.menu11 .selected, .nav li.menu11 .selected:hover {background-position:0 0; z-index:50;}

* html .nav a:hover {height:35px; he\ight:0;}