body {background: #393737; font-family: Arial; font-size: 11pt; color: #666; line-height: 14pt;}
a {color: #666;}
#header {background: url(../images/header_bg.jpg) no-repeat center; margin: 0 auto; width: 960px; height: 114px; position: relative;}
	#logo {width: 261px; height: 72px; position: absolute; left: 203px; top: 15px;}
	#navigation {float: right; display: inline; width: 300px; margin-top: 43px; margin-right: 180px;}
		#navigation ul li{display: inline; margin: 0; padding: 0;}
		#navigation ul li a {margin: 0; padding: 0; height: 60px;}
#slideshow_wrapper { background: #252525  url(../images/slide_expand_bg.jpg) repeat-x; height: 263px; width: 100%; }
	#slideshow {background: url(../images/slides_bg.jpg) no-repeat center; height: 263px; width: 100%; }

#content {margin: 0 auto; background: url(../images/content_bg.jpg) no-repeat center; width: 960px; min-height: 400px;  }
	#about {width: 300px; float: left; display: inline; margin-left: 200px;}
		#about h2 {text-indent: -9999px; background: url(../images/about_chris.jpg) no-repeat; height: 34px; width: 160px; margin-top: 38px; margin-bottom: 10px;}
		#about p {color: #ccc; width: 270px; font-size: 9pt; padding-left: 14px; margin-bottom: 10px;}
	#chris {float: left; width: 219px; border: solid 16px #333; margin-top: 45px; margin-left: 7px;}

#slideshow {}

#slideshow h2 {color: #ccc; font-size: 16pt; background: #000; width: 240px; margin-top: -80px; position: absolute; z-index: 10; margin-left: 1px; padding: 5px 0px 5px 4px;}
#slideshow h3 {color: #ccc; font-size: 9pt; font-style: italic;  width: 300px;  position: absolute; z-index: 10;}
#slideshow .slide img {border: solid 1px #666; margin-top: 30px;}


#slideshow #slidesContainer {
  margin:0 auto;
  margin-top: 40px;
  width: 531px; 
  height: 205px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer {margin-bottom: -20px;}

#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:511px; /* reduce by 20 pixels to avoid horizontal scroll */
  height:205px;
}
/** 
 * Slideshow style rules.
 */
#slideshow {
	margin:0 auto;
	width:640px;
	height:263px;
	background:transparent url(../images/bg_slideshow.jpg) no-repeat 0 0;
	position:relative;
}
#slideshow #slidesContainer {
  margin:0 auto;
  width:531px;
  height:263px;
  overflow:auto; /* allow scrollbar */
  position:relative;
}
#slideshow #slidesContainer .slide {
  margin:0 auto;
  width:531px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */
  height:263px;
}

/** 
 * Slideshow controls style rules.
 */
.control {
  display:block;
  width:39px;
  height:263px;
  text-indent:-10000px;
  position:absolute;
  cursor: pointer;
}
#leftControl {
  top:0;
  left:0;
  background:transparent url(../images/control-left.png) no-repeat 0 0; 
  margin-left: 0px;
  margin-top: 100px;
}
#rightControl {
  top:0;
  right:0;
  background:transparent url(../images/control-right.png) no-repeat 0 0;
  margin-right: -15px;
    margin-top: 100px;

}


/* footer */
#footer {width: 530px; margin: 0 auto; font-size: 7pt;}

#contact #slideshow_wrapper {background-image: none; min-height: 200px; padding: 0px 40px;}
#contact #slideshow_wrapper ul {margin: 0 auto; width: 600px;}
#contact #slideshow_wrapper h2 {margin: 0 auto; width: 600px;color: #ccc; margin-top: 0px; padding: 20px 0px 10px 0px;}
#contact #slideshow_wrapper li, #contact #slideshow_wrapper a {color: #777;}
#contact #slideshow_Wrapper li a {margin-bottom: 10px;}
#contact #slideshow_wrapper .contact_info {color: #777; margin-bottom: 10px;}

#resume #slideshow_wrapper {height: 100%; background-image: none; padding: 20px 40px;}
#resume #slideshow_wrapper ul {margin: 0 auto; width: 600px;}
#resume #slideshow_wrapper ul .resume_title {margin-top: 20px; margin-bottom: 0px; width: 600px; color: #ccc; font-size: 10pt;}
#resume #slideshow_wrapper ul .resume_title:first-child {margin-top: 0px; margin-bottom: 0px; width: 600px; color: #ccc;}
#resume #slideshow_wrapper h2 {color: #ccc; margin-top: 20px;}
#resume #slideshow_wrapper ul .resume_descript {margin-bottom: 5px; font-size: 9pt; width: 600px; color: #777;}