/* HTML tag styles */
 
a {
  color: #111;
  text-decoration: none;
}

a:hover {
  text-decoration: underline;
}

img {
border: 1px solid #151515;
}

/* hack to highlight the thumbs */
a:hover img.hidden {
  border: 1px solid #ff9900
}

.hidden {
visibility: hidden;
}

body {
  font-family: georgia, geneva, arial, sans-serif;
  font-size: 14px;
  line-height: 20px;
  color: #fff;
  background-color: #151515;
  padding: 0px;
}

/* Layout */

#test {
  border: 1px solid #fff;
}

#container {
  position: absolute;
  top: 10px;
  left: 100px;
}

#top {
  position: absolute;
  width: 600px;
  height: 50px;
  left: 50px;
}

#main {
  position: absolute;
  top: 35px;
  width: 900px;
  height: 600px;

}

#photoContainer {
  position: absolute;
  left: 50px;
}

#thumbs {
  position: absolute;
  top: 500px;
  width: 700px;
  height: 300px;
  left: 50px;
}

#titleBox {
  position: absolute;
  top: 0px;
  left: 0px;
}

#portfolioBox {
  position: absolute;
  top: 10px;
  left: 200px;
}

#contactBox {
  position: absolute;
  top: 11px;
  left: 287px;
}

#leftArrow {
  position: absolute;
  top: 10px;
  left: 0px;
}

#rightArrow {
  position: absolute;
  top: 10px;
  left: 20px;
}