body {
  color: #fff;
  background-color: #0b0b0b;
  font-family: arial;
  font-size: 11px;
  color: #fff;
  text-decoration: none;
  line-height: 160%;
}

#container
{
width: 100%;
margin: 10px auto;
/* line-height: 130%; */
}

#leftnav
{
float: left;
width: 200px;
margin: 0;
padding: 1em;
}

#leftnav a:link, #leftnav a:visited {
color: #fff;
}

#leftnav a:hover, #leftnav a:active {
color: blue;
}

#top {
	margin-bottom: 12px;
}

#content
{
margin-left: 220px;
padding: 1em;
}

h1 {
color: #83e3f9;
font-family: tahoma, arial;
font-size: 18px;
padding-top: 8px;
}

h2 {
color: #0a0;
font-family: arial;
font-size: 24px;
padding-top: 8px;
padding-bottom: 10px;
}

/*
#content h1 {
color: #0a0;
font-family: arial;
font-size: 24px;
padding-top: 8px;
padding-bottom: 10px;
}
*/

#content h3 {
color: #f00;
font-family: arial;
font-size: 18px;
margin-top: 4px;
margin-bottom: 4px;
}

#content #spacer {
height: 75px;
}

#content #portfolio {
  width: 700px;
}

#content #portfolio #image {
  border: 0px solid #ccc;
  width: 700px;
}

#content #portfolio #title {
  position: relative;
  top: 15px;
  left: 28px;
  color: #000;
  font-family: tahoma, arial;
  font-size: 18px;
  font-weight: bold;
  letter-spacing: .25em;
}

#content #portfolio #nav {
  position: relative;
  top: 12px;
  left: 28px;
}

#content #portfolio #nav ul {
  margin-left: 0;
  padding-left: 0;
}

#content #portfolio #nav ul li {
  list-style-type: none;
  display: inline;
  margin: 0 4px;
}

#content #portfolio #nav a:link,
#content #portfolio #nav a:visited {
  color: #aaa;
  text-decoration: none;
  text-transform: uppercase;
  font-weight: 600;
}

#nav a:hover {
	color: #82e3f9;
}

#content .portfolio-content {
  padding: 5px 0 10px 0;
}

#content .portfolio-content .title-content,
#content .portfolio-content .url-content {
  color: #8ae9fb;
  text-transform: uppercase;
}

#content .portfolio-content a:link,
#content .portfolio-content a:visited {
  color: #8ae9fb;
  text-transform: uppercase;
  text-decoration: none;
}

#content .portfolio-content .desc-content {
  margin: 2px 0 2px;
  padding: 0;
}

#content #middle {
  border-bottom: 1px solid #555;
  border-top: 1px solid #555;
  padding: 1px 0;
  margin: 8px 0;
  width: 700px;
  font-weight: 100;
}

#content #bottom {
  text-transform: uppercase;
  border-top: 1px solid #555;
  width: 700px;
  margin: 15px 0 10px 0;
  padding: 0;
}

#content .thumbnail img {
  border-style: none;
}

#footer
{
clear: both;
margin: 0;
padding: .5em;
color: #333;
background-color: #4e4e4e;
height: 200px;
font-size: 10px;
}

#footer p {
  text-align: center;
}

#leftnav p { margin: 0 0 1em 0; }

#leftnav #nav {
  position: relative;
  top: 120px;
  left: 40px;
}

#menuItemV a {text-decoration: none;}
#menuItemV {
	margin: 5px 0;
}

#leftnav ul {
  margin-left: 0;
  padding-left: 0;
}

#leftnav ul li {
  list-style-type: none;
  margin: 5px 0;
}

#leftnav ul li a {
  text-decoration: none;
}

#leftnav #logo {
  position: relative;
  top: 100px;
  left: 40px;
  width: 150px;
}

#leftnav #contact {
  position: relative;
  top: 280px;
  left: 40px;
  border-top: 1px solid #555;
  border-bottom: 1px double #555;
  padding: 6px 0 2px 0;
  width: 121px;
}

#leftnav #contact-line {
  margin-top: 8px;
  padding: 0;
  border-top: 1px solid #555;
  height: 2px;
}

#leftnav #contact a:link, #leftnav #contact a:visited {
  font-family: arial black, arial;
  font-size: 9px;
  color: #8ae9fb;
  font-weight: 100;
  text-decoration: none;
}

#content h2 { margin: 0 0 .5em 0; }

.highlight {
  font-family: arial black, arial;
  font-size: 9px;
  color: #8ae9fb;
  font-weight: 100;
}

.wide {
  letter-spacing: .25em;
}

#thumbHolder {
	margin-top: 6px;
	min-height: 500px;
}

.thumbnail {
  float: left;
  width: 160px;
  margin: 0 20px 30px 0;
}

.clearboth {
  clear: both;
}