#sidebar {
	margin-top:48px;
	width:240px;
}

#main {
	width:640px;
	margin:0;
	padding:0;
}

/* ------------------------------------------------------------------------------------------- */
#featuredProjects {
	margin-top: 20px;
}

#featuredProjects img.featuredProj  {
	border: 3px solid #86816b;
}








/* ------------------------------------------------------------------------------------------- */
/* Project Thumbnails */
#thumbnailSlider {
  width: 640px;
  margin: 0 auto;
  position: relative;
}
#thumbnailSlider div.scroll {
  clear: left;
  height: 370px;
  overflow: auto;
	overflow-x: hidden;
  position: relative; /* fix for IE to respect overflow */
  width: 638px;
}
#thumbnailSlider div.scrollContainer div.panel {
  height: 370px;
  width: 640px; /* reduce by 20px if not using JS to remove rh.scroll */
}
#thumbnailSlider div.scrollContainer div.panel a img.thumb  {
	float: left;
	background-color: #86816b;
	padding: 2px;
	margin: 14px 14px 0 0;	
}
#thumbnailSlider div.scrollContainer div.panel a:hover img.thumb  {
	background-color: #882003;
	padding: 2px;
}
#thumbnailSlider ul.navigation {
	border-top: 1px solid #e1dfdf;
	border-bottom: 1px solid #e1dfdf;
	font-family:verdana, helvetica, arial, sans-serif;
	height: 8px;
	margin: 10px 0;
	padding:5px;
	width: 610px;
}
#thumbnailSlider ul.navigation li {
	float: left;
	margin: 0 10px 0 0;
	width: 30px;
}
#thumbnailSlider ul.navigation li a {
	border:1px solid #413E31;
	background-color:#86816B;
	color: #fff;
	font-size: 8px; line-height: 6px;
	padding:1px 6px;
	text-decoration: none;
}
#thumbnailSlider ul.navigation li a.selected {
	background-color:#882003;
}

#thumbnailSlider ul.navigation li a:hover {
	background-color:#413E31;
	color: #fff;
}

/* ------------------------------------------------------------------------------------------- */
/* Project Slider */
#slider {
  width: 640px;
  margin: 0 auto;
  position: relative;
}
#slider div.scroll {
  clear: left;
  height: 295px;
  overflow: auto;
  overflow-x: hidden;
  position: relative; /* fix for IE to respect overflow */
  width: 600px;
}
#slider div.scrollContainer div.panel {
  height: 295px;
  width: 600px; /* reduce by 20px if not using JS to remove rh.scroll */
}
#slider div.scrollContainer div.panel a img.thumb  {
    float: left;
    background-color: #86816b;
    padding: 2px;
    margin: 14px 14px 0px 0;
}
#slider div.scrollContainer div.panel a:hover img.thumb  {
    background-color: #882003;
    padding: 2px;
}
#slider ul.navigation {
    border-top: 1px solid #e1dfdf;
    border-bottom: 1px solid #e1dfdf;
    font-family:verdana, helvetica, arial, sans-serif;
    height: 8px;
    margin: 10px 0;
    padding:5px;
}
#slider ul.navigation li {
    float: left;
    margin: 0 10px 0 0;
    width: 30px;
}
#slider ul.navigation li a {
    border:1px solid #413E31;
    background-color:#86816B;
    color: #fff;
    font-size: 8px; line-height: 6px;
    padding:1px 6px;
    text-decoration: none;
}
#slider ul.navigation li a.selected {
    background-color:#882003;
}

#slider ul.navigation li a:hover {
    background-color:#413E31;
    color: #fff;
}



/* ------------------------------------------------------------------------------------------- */
/* Project Notes when redesign occurs by another agency */

div#projectDisclaimer {
	width:610px;
}
div#projectDisclaimer p {
	font-size: 12px;
	border: 1px dashed #999;
	background-color: #DFDCD1;
	padding: 10px;
}
div#projectDisclaimer p span {
	font-family: Arial, helvetica, sans-serif;
	font-size: 10px;
	color: #06395F;
	text-transform: uppercase;
}
