body {
  font-family: Arial, "century gothic", verdana, Trebuchet MS, Eyechart, Geneva, Helvetica, sans-serif;
  padding: 25px 0px;
  margin: 0px;
}

#container {
  position: relative;
  margin: 0px auto;
  padding: 0px;
  width: 600px;
}

#subcontainer {
  position: relative;
  float: left;
  border: 1px solid #AAAAAA;
  width: 600px;
  margin: 0px;
  padding: 0px;
}

h2 {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  color: #000;
  margin: 0px;
}

h2.youtube {
  text-align: center;
  font-size: 20px;
  font-weight: normal;
  color: #000;
  margin: 0px 0px 15px 0px;
}

h2.active {
  color: #B50F0F;
}

h2 a, h2 a:visited {
  color: #000;
  text-decoration: none;
}

h2 a:hover {
  color: #B50F0F;
  text-decoration: none;
}

h3 {
  font-size: 18px;
  font-weight: normal;
}

p {
  font-size: 14px;
}

p a, p a:visited {
  color: #B50F0F;
  text-decoration: none;
}

p a:hover {
  text-decoration: underline;
}

p.small {
  text-align: center;
  margin-top: 0px;
}

p.footer {
  font-size: 10px;
  text-align: right;
}

p.smallright {
  text-align: right;
  margin-bottom: 0px;
}

/*-----------Header-----------*/

#header {
  margin: 0px;
  padding: 0px;
  width: 600px;
}

#banner {
  margin: 0px;
  padding: 0px;
  width: 600px;
  height: 100px;
  background: url("../images/banner.jpg") 0 0 no-repeat;
  border-bottom: 1px solid #AAAAAA;
}

#banner a {
  text-decoration: none;
}

#banner img {
  width: 600px;
  height: 100px;
  border: none;
}

#banner span {
  display: none;
}

/*-----------Nav Bar----------*/

#nav {
  padding: 0px;
}

#nav ul {
  font-size: 20px;
  padding: 5px 0px 6px 0px;
  margin: 0px;
  text-align: center;
  list-style-type: none;
}

#nav ul li {
  display: inline;
  padding: 4px 6px;
  margin: 0px;
}

#nav ul li.active {
  color: #B50F0F;
}
  
#nav ul li a, #nav ul li a:visited {
  color: #000;
  text-decoration: none;
}

#nav ul li a:hover {
  color: #B50F0F;
  text-decoration: none;
}

/*-----------End Nav Bar----------*/
/*-----------End Header----------*/

/*-----------Images Menu----------*/

#imagesnav {
  padding: 0px 0px 0px 246px;
  border-top: 1px solid #AAAAAA;
}

#imagesnav ul {
  font-size: 20px;
  padding: 5px 0px 6px 0px;
  margin: 0px;
  list-style-type: circle;
}

#imagesnav ul li {
  margin: 0px;
}

#imagesnav ul li.active {
  color: #B50F0F;
}
  
#imagesnav ul li a, #nav ul li a:visited {
  color: #000;
  text-decoration: none;
}

#imagesnav ul li a:hover {
  color: #B50F0F;
  text-decoration: none;
}

/*-----------End Images Menu----------*/

#home {
  width: 250px;
  float: left;
  height: 375px;
  padding: 0px;
  border: 1px solid #AAAAAA;
  background: url("../images/headshot-home.jpg") 0 0 no-repeat;
}

#bio {
  width: 250px;
  float: left;
  height: 375px;
  padding: 0px;
  border: 1px solid #AAAAAA;
  background: url("../images/headshot-bio.jpg") 0 0 no-repeat;
}

#contact {
  width: 250px;
  float: left;
  height: 375px;
  padding: 0px;
  border: 1px solid #AAAAAA;
  background: url("../images/headshot-contact.jpg") 0 0 no-repeat;
}

div.leftcontent {
  float: left;
  width: 250px;
  margin: 0px;
  padding: 25px;
}

div.rightcontent {
  float: right;
  width: 277px;
  margin: 0px;
  padding: 20px 20px 20px 0px;
}

#contactright {
  float: right;
  width: 298px;
  height: 425px;
  margin: 0px;
  padding: 0px;
  background: url("../images/contactinfo.jpg") 0 0 no-repeat;
}

#reel {
  width: 570px;
  margin: 0px;
  padding: 20px 0px;
  border: none;
  text-align: center;
} 

#flashmovie {
  width: 570px;
  margin: 0px;
  padding: 20px 0px;
  border: none;
  text-align: center;
} 

div.content {
  width: 570px;
  margin: 0px;
  padding: 20px 15px;
  border-top: 1px solid #AAAAAA;
}

div.nopadding {
  width: 600px;
  margin: 0px;
  padding: 0px;
  border-top: 1px solid #AAAAAA;
}

#images, #headshots {
  width: 570px;
  margin: 0px;
  padding: 15px;
  border-top: 1px solid #AAAAAA;
}

#resume {
  width: 600px;
  margin: 0px;
  padding: 20px 0px 15px 0px;
  border-top: 1px solid #AAAAAA;
}

img.thumbnail {
  border: 2px solid #AAAAAA;
  margin: 5px;
}

img.thumbnail a, img.thumbnail a:visited {
  border: 2px solid #AAAAAA;
}

img.thumbnail a:hover {
  border: 2px solid #B50F0F;
}

object.youtube {
  text-align: center;
  width: 425px;
  height: 355px;
  margin-top: 20px;
}

embed.youtube {
  text-align: center;
  width: 425px;
  height: 355px;
  margin-top: 20px;
}

#footer {
  width: 580px;
}

/*-----------Lightbox CSS follows----------*/

#lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 100;
  text-align: center;
  line-height: 0;
}

#lightbox a img {
  border: none;
}

#outerImageContainer {
  position: relative;
  background-color: #fff;
  width: 250px;
  height: 250px;
  margin: 0 auto;
}

#imageContainer {
  padding: 10px;
}

#loading {
  position: absolute;
  top: 40%;
  left: 0%;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

#hoverNav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

#imageContainer>#hoverNav {
  left: 0;
}

#hoverNav a {
  outline: none;
}

#prevLink, #nextLink {
  width: 49%;
  height: 100%;
  background: transparent url(../images/lightbox/blank.gif) no-repeat; /* Trick IE into showing hover */
  display: block;
}

#prevLink {
 left: 0;
 float: left;
}

#nextLink {
 right: 0;
 float: right;
}

#prevLink:hover, #prevLink:visited:hover { 
 background: url(../images/lightbox/prevlabel.gif) left 15% no-repeat;
}

#nextLink:hover, #nextLink:visited:hover{ 
 background: url(../images/lightbox/nextlabel.gif) right 15% no-repeat;
}

#imageDataContainer {
 font: 10px Verdana, Helvetica, sans-serif;
 background-color: #fff;
 margin: 0 auto;
 line-height: 1.4em;
 overflow: auto;
 width: 100%	
}

#imageData {
 padding:0 10px;
 color: #666;
}

#imageData #imageDetails {
 width: 70%;
 float: left;
 text-align: left;
}
	
#imageData #caption {
 font-weight: bold;
}

#imageData #numberDisplay {
 display: block;
 clear: left;
 padding-bottom:
 1.0em;
}			

#imageData #bottomNavClose {
 width: 66px;
 float: right;
 padding-bottom:
 0.7em;
}	
		
#overlay {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 90;
 width: 100%;
 height: 500px;
 background-color: #000;
}