                               
/*  FPO -------------------------------------------------- */
  body                                             
  {
	/*
		background:url(/static/fpo/casestudy.jpg) top center no-repeat #241919;
	*/
  }
                                  
/*  COLUMNS ---------------------------------------------- */
  #col_left                                             
  { 
    width:200px;
    float:left;
    margin-left:75px;
    padding:33px 0 0 0;
  }
  
  #col_right
  {
    float:left;
    width:630px;
    position:relative;
    left:69px;
    top:40px;
		padding-bottom:100px;
  }
  
  #col_right.case_study
  {
    margin-left:1px;
  }
  
  #col_right img
  {
    border:1px solid #ccc;
  }
  
  span.smcaps
  {
    text-transform:uppercase;
    font-size:10px;
  }
  
/*  SUBNAVIGATION ---------------------------------------- */
	div#accordion
  {
    position:relative;
    width:190px;
		padding:0px;
		margin:0;
    letter-spacing:1px;
  }
  h1.toggler
  {
    font-size:14px;
    font-weight:bold;
    line-height:28px;
    text-transform:uppercase;
    margin:0;
    padding:0;
    cursor:pointer;
  }
  div#accordion h1
  {
    margin-bottom:10px;
  }
  div#accordion h1.active a
  {
    color:#ccc;
  }
  div#accordion h1 a
  {
    color:#666;
  }
  div#accordion h1 a:hover
  {
    color:#fff;
  }
  div.list
  {
    margin-top:-6px;
    padding:0;
  }
  div.list ul
  {
    padding:0;
    margin:0 0 8px 0;
  }
  div.list ul li
  {
    
    list-style:none;
    line-height:24px;
  }
  div.list ul li a
  {
    padding:0 0 0 13px;
    font-size:12px;
  }
  div.list ul li a:hover
  {
    color:#fff;
  }
  div.list ul li.active
  {
    line-height:16px;
    background-color:#a8d5d6;
    list-style-position: outside;
  }

  div.list ul li.active a,
  div.list ul li.active a:hover
  {
    color:#fff;
  }
  ul#categories_nav,
  ul#case_studies_nav
  {
    margin:0;
    padding:0;
  }
  ul#categories_nav li,
  ul#case_studies_nav li
  {
    margin:0;
    padding:0;
  }

/*  PROJECTS ---------------------------------------- */
	div#copy
	{
	  width:630px;
		color:#cccccc;
		font-size:16px;
		margin-top:16px;
		letter-spacing:1.4px;
	}

	div#copy #scope,
	div#copy #specs,
	div#copy #awards
	{
		color:#cccccc;
		font-size:13px;
		line-height:22px;
		letter-spacing:.25px;
	}

  div#project_header
  {
    float:left;
  	color:#fff;
  	font-weight:bold;
  	font-size:18px;
  	display:block;
  	width:475px;
  }

	div#project_header #project_name
	{
		color:#99cccc;
	}
  
  div#copy #project_links
  {
    float:left;
    font-size:10px;
	  width:155px;
  	text-align:right;
		letter-spacing:.5px;
  }
  div#copy #project_links a
  {
    color:#a8d5d6;
  }
  
  div#copy #project_links a:hover
  {
    color:#ffc;
  }

	
	div#additional_images
	{
	  margin-top:16px;
	}
	
/*  CASE STUDIES ---------------------------------------- */
	
	div.case_study div#project_header
  {
	  margin-bottom:16px;
  }

	div.case_study #image
	{
	  margin-bottom:16px;
	}
	
	div#analysis
  {
    width:400px;
		float:left;
		margin-top:-8px;
		padding-right:20px;
  }
	div#analysis p.label,
  div#sidebar p.label
  {
    color:#fff;
		font-size:16px;
		font-weight:bold;
		line-height:10px;
		letter-spacing:.5px;
		margin-bottom:10px;
  }
	div#analysis p.copy
  {
    color:#ffc;
		font-size:14px;
		line-height:22px;
		margin-top:-3px;
		margin-bottom:3px;
  }
	div#analysis img.l
  {
    
  }
	div#analysis img.r
  {
    margin-left:5px;
  }
	div#sidebar
  {
		color:#999;
		float:left;
    width:185px;
		height:100%;
		font-size:12px;
		line-height:18px;
		margin-left:23px;
		margin-top:-8px;
  }
  div#sidebar p#keypoints
  {
    margin-top:-5px;
    line-height:21.5px;
  }
  div#sidebar p#quote
  {
    font-style:italic;
    font-size:16px;
    margin-top:20px;
    line-height:24px;
  }
  div#sidebar p#quoted
  {
    color:#666666;
    font-size:14px;
    text-align:right;
    margin-top:-14px;
  }

/*  NEXT / PREVIOUS ---------------------------------------- */
	div#category_nav
	{
	  margin-top:10px;
	  width:200px;
	  color:#a8d5d6;
	  font-size:10px;
	  text-align:right;
	  position:absolute;
	  right:0;
	}
	div#category_nav a
	{
	  color:#fff;
	  background:#a8d5d6;
  	font-size:10px;
  	padding:6px 10px;
	}
	div#category_nav a:hover
	{
	  color:#a8d5d6;
	  background:#fff;
	}

/** ADMIN ------------------------------------------------ */
	#edit_form
	{
	  margin-top:-10px;
	}
	#edit_form .tile_wrap,
	#edit_form .tile_wrap .tile,
	#edit_form .field_wrap
	{
		margin-left:0px;
	}
	div#edit_form textarea#sidebar
  {
		color:#999;
		font-size:11px;
		line-height:15px;
  }
  
	div#edit_form select
  {
		width:200px;
  }