body {
background-image: url(../images/bg.jpg);
background-repeat:repeat;
}

div#wrapper {
width: 500px;
margin: 0 auto;
}

ul.linked {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul.logo {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul.logo li {
float:left;
margin: 0px;
}

ul.logo a * {
  display: none;
}

ul.logo a,
ul.logo a .hover {
  height: 361px;
  position: relative;
  display: block;
  background: url(../images/maingraphic.jpg) 0 0 no-repeat;
}

ul.logo a.graphic {
  background-position: 0 0;
  width: 500px;
}

/* .highlight will be remove if JS is enabled */
ul.logo .highlight a.graphic:hover, 
ul.logo a.graphic .hover {
  background-position: 0px -361px;
  width: 500x;
}


ul.linked li {
float:left;
margin: 2px;
}

ul.linked a * {
  display: none;
}

ul.linked a,
ul.linked a .hover {
  height: 70px;
  position: relative;
  display: block;
  background: url(../images/nav.jpg) 0 0 no-repeat;
}

ul.linked a.linkedin {
  background-position: -199px 0;
  width: 175px;
}

/* .highlight will be remove if JS is enabled */
ul.linked .highlight a.linkedin:hover, 
ul.linked a.linkedin .hover {
  background-position: -199px -70px;
  width: 175px;
}

/* TWIITTER FACEBOOK BLOG*/

ul.navigation {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}

ul.navigation li {
float:left;
margin: 2px;
}

ul.navigation a * {
  display: none;
}

ul.navigation a,
ul.navigation a .hover {
  height: 84px;
  position: relative;
  display: block;
  background: url(../images/nav.jpg) 0 0 no-repeat;
}

ul.navigation a.linkedin {
  background-position: -198px 0;
  width: 175px;
}

/* .highlight will be remove if JS is enabled */
ul.navigation .highlight a.linkedin:hover, 
ul.navigation a.linkedin .hover {
  background-position: -198 -29px;
  width: 175px;
}

ul.navigation a.twitter {
  background-position: 0 0;
  width: 65px;
}

/* .highlight will be remove if JS is enabled */
ul.navigation .highlight a.twitter:hover, 
ul.navigation a.twitter .hover {
  background-position: 0 -84px;
  width: 65px;
}

ul.navigation a.fbook {
  background-position: -70px 0;
  width: 70px;
}

/* .highlight will be remove if JS is enabled */
ul.navigation .highlight a.fbook:hover, 
ul.navigation a.fbook .hover {
  background-position: -70px -84px;
  width: 70px;
}

ul.navigation a.blog {
  background-position: -134px 0;
  width: 64px;
}

/* .highlight will be remove if JS is enabled */
ul.navigation .highlight a.blog:hover, 
ul.navigation a.blog .hover {
  background-position: -134px -84px;
  width: 64px;
}