#wrapper { background-color: #E6E6E6; background-repeat: no-repeat; background-position: left bottom; margin: 0 auto; min-height: 850px; overflow: hidden; width: 950px; }
	.commercial { background-image: url(../img/backgrounds/bg_commercial.jpg); } 
	.residential { background-image: url(../img/backgrounds/bg_residential.jpg); }
  .about { background-image: url(../img/backgrounds/bg_purpose_driven_about.jpg); }
  .history { background-image: url(../img/backgrounds/bg_history.jpg); }
  .services { background-image: url(../img/backgrounds/bg_services.jpg); }
  .contact { background-image: url(../img/backgrounds/bg_contact.jpg); }
  .news { background-image: url(../img/backgrounds/bg_news.jpg); }
  .mission { background-image: url(../img/backgrounds/bg_mission.jpg); }
  .people { background-image: url(../img/backgrounds/bg_people.jpg); }
 	.purposeful { background-image: url(../img/backgrounds/bg_purpose_driven_portfolio.jpg); }
  #main { background: #fafafb url(../img/subpage_bg.png) repeat-x; color: #333; float: left; margin-top: 20px; min-height: 712px; padding: 98px 20px 25px 20px; width: 560px; }
  * html #main { height: 712px; }
  #main.portfolio { background-color: #0D0A16; background-image: none; color: #fff; opacity: 0.95; }
  #main h1 { color: #C30035; font-size: 16px; font-weight: bold; padding-bottom: 5px; }
  #main h2 { color: #1C1925; font-size: 24px; font-weight: bold;  padding-bottom: 10px; }
  #main h2.pink { color: #C30035; }
  #main.portfolio h2 { color: #fff; font-size: 24px; }
  #main h2 span { color: #ccc; font-size: 18px; }
  #main h4 { color: #C30035; font-size: 13px; font-weight: bold;  line-height: 16px; padding-bottom: 10px; }
  #main p { line-height: 1.3; padding-bottom: 8px; }
  #main ul  { font-size: 12px; font-weight: bold; color: #1B1823; list-style: disc url(../img/red_bullet.gif) inside; padding-left: 1em; text-indent: -1em;}
  #main li { line-height: 14px; padding-bottom: 8px; }
  #main small { color:#666; font-size: 11px; }
  #main ol { margin-left: 20px; }

  #main a { color: #CF335D; font-size: 12px; font-weight: normal;}
  #main a:hover { color: #333; }

  #left { float: left; margin-top: 20px; min-height: 810px; position: relative; width: 350px; }
  #nav { margin-top: 0; }
  #quote { float: left; background: transparent; width: 308px; /*padding: 10px 0;*/ /*margin: 10px 0 0 20px;*/ padding: 10px 2px 0 20px; }
  #quote p { font-size: 11px; color: #555; margin-left: 10px; }

/*-------------------------------------------
  Portfolio
-------------------------------------------*/
  /* Projects listing*/
  #projects { overflow: hidden; padding: 0 0 30px 0; }
  #projects a.more { color: #C30035; font-weight: bold; padding: 0 4px; }
  #projects a.more span { color: #fff; }
  .project { float: left; height: 240px; margin: 0 7px 20px 0; padding: 3px; width: 176px;}
  .project.last { margin-right: 0; }
  .project h3 { color: #fff; font-size: 14px; font-weight: bold; padding: 5px 4px; }
  .project p { color: #CBCBCD; padding: 0 4px 5px 4px; }
  .project:hover, .project.hover { background-color: #282336; cursor: pointer; }
  .project .thumb { display: block; float: left; overflow: hidden; margin-bottom: 5px; }
  .project .thumb img { border: 1px solid #666; float: left; overflow: hidden; }
  .project:hover .thumb, .project.hover .thumb { border: 6px solid #C30035; }
  .project:hover .thumb img, .project.hover .thumb img { margin: -6px; }

  .pagination { color: #fff; float: right; overflow: hidden; }
  .pagination span { color: #B7B7B7; font-size: 11px; display: block; float: left; height: 17px; line-height: 17px; margin-right: 5px; }
  #main .pagination a.page_link, .pagination span.current_page, .pagination a.prev_page, .pagination a.next_page { color: #B7B7B7; display: block; float: left; height: 17px; line-height: 17px; margin-right: 5px; padding-left: 6px; width: 11px; }
  .pagination span.current_page { background: url(../img/current_page.png) no-repeat; color: #fff; }
  .pagination a.page_link { background: url(../img/page_link.png) no-repeat; }
  .pagination a.prev_page { background: url(../img/prev_page.png) no-repeat; }
  .pagination a.next_page { background: url(../img/next_page.png) no-repeat; }
    
  /* Individual project */
  #project { margin-top: -14px; overflow: hidden; padding-bottom: 20px; }
  #project .caption { background-color: #36314d; font-size: 11px; margin-bottom: 5px; padding: 5px; position: relative;}
  #project .caption span { color: #fff; position: absolute; right: 5px; top: 5px;}
  #project .images { overflow: hidden; }
  #project .top_links {display: block; margin-top: 13px;}
  #project .top_links .enlarge { color: #ccc;  line-height: 18px; text-align: right; float: right; }
  #project .top_links .backtolist { color: #ccc;  line-height: 18px; text-align: left; }
  #project .top_links .backtolist span { color: #C30035; font-weight: bold;}
  #project .thumbnails { height: 74px; overflow: hidden; position: relative; /*width: 464px;*/ }
  a.thumbnails_prev { background-color: #36314d; color: #fff; display: block; height: 74px; line-height: 74px; left: 0; position: absolute; width: 10px; z-index: 10; }
  a.thumbnails_next { background-color: #36314d; color: #fff; display: block; height: 74px; line-height: 74px; right: 116px; position: absolute; width: 10px; z-index: 10; }
  .thumbnails_container { left: 15px; position: absolute; width: 2000px; }
  #project .thumb { display: block; float: left; overflow: hidden; margin-right: 5px; }
  #project .thumb img { border: 1px solid #666; float: left; overflow: hidden; }
  #project .thumb:hover, #project .thumb.active { border: 4px solid #C30035; }
  #project .thumb:hover img, #project .thumb.active img { margin: -4px; }
  #project a.next { background: #0D0A16 url(../img/next.png) no-repeat right center; color: #fff; display: block; font-size: 11px; font-weight: bold; height: 74px; line-height: 74px; padding: 0 15px 0 41px; position: absolute; right: 0;}
  * html #project a.next { background-image: url(../img/next.gif); }
  #project h3 { color: #fff; font-size: 14px; font-weight: bold; padding: 10px 0 0 0; }
  #project .description { border-right: 1px solid #3E1932; color: #CBCBCD; float: left; line-height: 1.3; padding: 10px 10px 0 0; width: 374px; }
  #project .details { border-left: 1px solid #3E1932; float: left; margin-left: -1px; padding: 10px 0 0 10px; width: 164px; }
  #project .details h4 { color: #C30035; font-size: 12px; font-weight: bold; padding-bottom: 3px;}
  #project .details p { padding-bottom: 10px; }
  

/*-------------------------------------------
  Sub Page Header
-------------------------------------------*/  
  #main .subheader { color: #C30035; font-size: 16px; font-weight: bold; padding-bottom: 5px; }
  #main .subheader h1 { color: #C30035; font-size: 16px; font-weight: bold; padding-bottom: 15px; padding-top: 30px;}
  #main .subheader h2 { color: #1C1925; font-size: 24px; font-weight: bold;  padding-bottom: 5px; padding-top:25px; }
  #main .subheader h3 { color: #C30035; font-size: 12px; font-weight: bold; padding-bottom: 3px;}
  #main .subheader p { font-size: 12px; line-height: 1.3; padding-bottom: 10px; color: #333333; font-weight: normal;}
  
/*-------------------------------------------
  News
-------------------------------------------*/  
  #main .news { color: #C30035; font-size: 16px; font-weight: bold; padding-bottom: 5px; }
  #main .news h1 { color: #C30035; font-size: 16px; font-weight: bold; padding-bottom: 15px; padding-top: 30px; }
  #main .news h2 { color: #1C1925; font-size: 24px; font-weight: bold;  padding-bottom: 5px; padding-top:25px; }
  #main .news h3 { color: #C30035; font-size: 12px; font-weight: bold; padding-bottom: 3px; }
	#main .news_categories dt.selected { background: url(../img/news_category_bg.png) repeat-x left top; }
	* html #main .news_categories dt.selected { background-image: none; }
	#main .news_categories dt a { background: url(../img/news_category.png) no-repeat 10px top; border-bottom: 1px solid #CACACE; color: #C30035; display: block; font-size: 14px; font-weight: bold; line-height: 28px; padding: 0 0 0 30px; }
	* html #main .news_categories dt a { background: url(../img/news_category.gif) no-repeat 10px top; }
	#main .news_categories dt.selected a { background-position: 10px bottom; border-bottom: 0; color: #1A1723; }
	#main .news_categories dd { border-bottom: 1px solid #CACACE; padding: 5px 0 0 20px; }
	#main .news_categories dd p { color: #68676E; }