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

body {
  margin               : 0 auto;
  background-color     : #ffffff;
  width                : 730px;
}

#header {
  padding              : 6px;
  background           : #bdd3c7 url('../i/headerbg.jpg') top left repeat-x;
}

#header img.box {
  border               : 1px solid #fff;
}

#nav {
  background           : transparent url('../i/nav.gif') no-repeat left top;
  height               : 38px;
  position             : relative;
}

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

#nav li a {
  display              : block;
  text-indent          : -9999px;
  text-decoration      : none;
  height               : 38px;
}

#nav li#nav1 {left: 0; width: 53px;}
#nav li#nav2 {left: 53px; width: 94px;}
#nav li#nav3 {left : 147px; width: 54px;}
#nav li#nav4 {left: 201px; width: 67px;}
#nav li#nav5 {left: 268px; width: 122px;}
#nav li#nav6 {left: 390px; width: 62px;}
#nav li#nav7 {left: 452px; width: 57px;}
#nav li#nav8 {left: 509px; width: 66px;}
#nav li#nav9 {left: 575px; width: 67px;}
#nav li#nav10 {left: 642px; width: 88px;}

/* navigation hover */
#nav li a:hover {background: transparent url('../i/nav.gif') no-repeat 0 0;}
#nav li#nav1 a:hover {background-position: 0 -38px;}
#nav li#nav2 a:hover {background-position: -53px -38px;}
#nav li#nav3 a:hover {background-position: -147px -38px;}
#nav li#nav4 a:hover {background-position: -201px -38px;}
#nav li#nav5 a:hover {background-position: -268px -38px;}
#nav li#nav6 a:hover {background-position: -390px -38px;}
#nav li#nav7 a:hover {background-position: -452px -38px;}
#nav li#nav8 a:hover {background-position: -509px -38px;}
#nav li#nav9 a:hover {background-position: -575px -38px;}
#nav li#nav10 a:hover {background-position: -642px -38px;}

#footer {
  background-color     : #779886;
  padding              : 6px;
}

#footer ul {
  float                : left;
  width                : 400px;
  padding              : 0 30px 0 0;
  margin               : 0;
  list-style-position  : inside;
}

#footer ul li {
  float               : left;
  padding             : 0 7px 0 10px;
  line-height         : 1.6em;
  list-style          : none;
  background          : transparent url(../i/arrow.gif) no-repeat 0;
  margin              : 0;
}

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

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