@import url("/vs/docs/shared/c/generic_tiscover_components.css");

body {
  margin               : 0 auto;
  width                : 760px;
}

#nav {
  width                : 760px;
  height               : 30px;
  border               : 0;
  padding              : 0;
  margin               : 0;
}

#nav ul	{
  width                : 760px;
  height               : 30px;
  background           : url(../i/nav.gif);
  margin               : 0;
  padding              : 0;
  position             : relative;
}

#nav ul li {
  margin               : 0;
  padding              : 0;
  list-style           : none;
  position             : absolute;
  top                  : 0;
}

#nav ul li, #nav a {
  height               : 30px;
  display              : block;
}

#nav ul li a	{
  text-indent          : -9999px; 
  text-decoration      : none;
}

#footer {
  margin-top           : 10px;
  height               : 70px;
  background-color     : #751635;
  padding              : 2px 0 8px 0;
}

#footer ul {
  float                : left;
  padding-top          : 10px;
}

#footer ul li {
  padding-left         : 10px;
}

#footer a {
  font-size            : 0.8em;
  color                : #fff;
  text-decoration      : none;
}

#footer a:hover {
  text-decoration      : underline;
}

#footer img {
  float                : left;
}

#footer img#vs {
  float                : right;
}

#homelink {left: 0; width: 50px;}
#walkslink {left: 50px; width: 76px;}
#accommodationlink {left: 126px; width: 102px;}
#usefulinfolink {left: 228px; width: 75px;}
#travellink {left: 303px; width: 53px;}
#eventslink {left: 356px; width: 54px;}
#bookshoplink {left: 410px; width: 70px;}
#newslink {left: 480px; width: 48px;}
#munroslink {left: 528px; width: 115px;}
#operatorslink {left: 643px; width: 117px;}

#homelink a:hover {background: transparent url(../i/nav.gif) 0 -30px no-repeat;}
#walkslink a:hover {background: transparent url(../i/nav.gif) -50px -30px no-repeat;}
#accommodationlink a:hover {background: transparent url(../i/nav.gif) -126px -30px no-repeat;}
#usefulinfolink a:hover {background: transparent url(../i/nav.gif) -228px -30px no-repeat;}
#travellink a:hover {background: transparent url(../i/nav.gif) -303px -30px no-repeat;}
#eventslink a:hover {background: transparent url(../i/nav.gif) -356px -30px no-repeat;}
#bookshoplink a:hover {background: transparent url(../i/nav.gif) -410px -30px no-repeat;}
#newslink a:hover {background: transparent url(../i/nav.gif) -480px -30px no-repeat;}
#munroslink a:hover {background: transparent url(../i/nav.gif) -528px -30px no-repeat;}
#operatorslink a:hover {background: transparent url(../i/nav.gif) -643px -30px no-repeat;}

/* You are here */

body#home #homelink {background: transparent url(../i/nav.gif) 0 -30px no-repeat;}
body#walks #walkslink {background: transparent url(../i/nav.gif) -50px -30px no-repeat;}
body#accommodation #accommodationlink {background: transparent url(../i/nav.gif) -126px -30px no-repeat;}
body#usefulinfo #usefulinfolink {background: transparent url(../i/nav.gif) -228px -30px no-repeat;}
body#travel #travellink {background: transparent url(../i/nav.gif) -303px -30px no-repeat;}
body#events #eventslink {background: transparent url(../i/nav.gif) -356px -30px no-repeat;}
body#bookshop #bookshoplink {background: transparent url(../i/nav.gif) -410px -30px no-repeat;}
body#news #newslink {background: transparent url(../i/nav.gif) -480px -30px no-repeat;}
body#munros #munroslink {background: transparent url(../i/nav.gif) -528px -30px no-repeat;}
body#operators #operatorslink {background: transparent url(../i/nav.gif) -643px -30px no-repeat;}