/* @group Work Section */

#work {
  height:2784px;
  background:#000;
}

#work-mid-bg {
    position: absolute;
    top: 895px;
    left: 0;
    width: 2000px;
    height: 3800px;
    background: url("../images/vb8.jpg") repeat scroll 0 0 #afaa6d;
}

/* @group Feature Gallery */
#feature-gallery {
  height:900px;
}

#feature-backgrounds-center {
  position:absolute; 
  left:50%;
}

#feature-backgrounds-container {
  margin-left:0px;
  overflow:hidden;
}

.feature-item {
  position:relative;
  height:890px;
  float:left;
  overflow:hidden;
}

#feature-gallery-panel {
  position:relative;
  margin:490px 0 0 50px;
}

#feature-gallery-panel .black-box {
  padding:30px 0 0 50px;
  width:830px;
  height:130px;
}

.feature-caption {
  font-size:4.75em;
  line-height:1.5em;  
}

.feature-name {
  line-height:2.25em;
  margin-right:25px;
}

.feature-detail-link {
  margin-right:-6px;
  padding:0 25px;
  font-size:1.25em;
  line-height:2.25em;
}

#feature-gallery-panel .teardrop-down {
  position:absolute;
  top:140px;
  left:30px;
}

#feature-gallery-nav {
  position:relative;
  width:880px;
  margin-top:20px;
}

#feature-gallery-nav ul {
  position:relative;
  float:left;
  left:50%;
}

#feature-gallery-nav li {
  display:block;
  position:relative;
  float:left;
  right:50%;
  margin-right:8px;
}

#feature-gallery-nav a {
  display:block;
	width:23px;
	height:23px;
	background:url('../images/gallery-nav-btn.png') no-repeat 0 0;
}

#feature-gallery-nav a.selected,
#feature-gallery-nav a:hover {
  background-position:0 -23px;
}

/* @end */

/* @group Bocce */
#bocce {
	top:2375px;
}

.bocce {
	height:420px;
	background:url(../images/bocceBG.png) top left no-repeat;
}
	
.bocce div {
	width:300px;
	margin:0 0 0 512px;
}
	
/* @end */

/* @group Work Showcase */
#work-showcase {
  top:1000px;
}

#work-showcase.white-box {
  background-color:rgba(255,255,255, 1);
  background-color:#fff;
   overflow:visible!Important;
}

#work-showcase-slider {
  width:1960px;
}

  /* @group Work Showcase Header*/
  #work-showcase-header {
    padding:45px 20px 35px 50px;
  }

  #work-showcase-header h1 {
  	margin-right:20px;
	}
	
	#work-showcase-header h2 {
  	font-size: 4.1em;
    line-height: 1.16em;
    margin: 5px 0 8px;
	}
	
	/* @end */
	
	/* @group Work Showcase Menu*/
	#work-showcase-menu {
    padding:25px 0 50px;
    width:980px;
	}
	
	.js #work-showcase-menu {
	  float:left;
	}
	
	#work-thumb-filters {
	  width:230px;
	  padding:0 20px 0 20px;
	}
	
	#work-thumb-filters h4 {
      width: 294px;
      height: 38px;
      margin:0 0 5px -58px;
      padding: 9px 0 0;
      font-size: 1.2em;
      font-weight: normal;
      text-indent: 10px;
      color: #FFFFFF;
      background: url("../images/purpleArrow.png") no-repeat scroll 0 0 transparent;
  }
  
  #work-thumb-filters h3 {
    margin-bottom:10px;
    line-height:2em;
    border-bottom:1px dashed #999;
	
	color: #AFAA6D;
	text-transform: uppercase;
	
	font-size: 3.0em;
font-family: league-gothic, sans-serif;
font-weight: normal;

	
	
	
	
  }
  
  #work-thumb-filters ul {
    margin-bottom:35px;
  }
  
  #work-thumb-filters li {
    float:left;
  }
  
  #work-thumb-filters a {
    padding:2px 4px;
    margin-right:9px;
    font-size:1.7em;
    line-height:1.5em;
    /*color:#999;*/
	
	color: #E6674A;
	font-family: news-gothic-std, tahoma, lucida, verdana, helvetica, sans-serif;
	
	
  }
  
  #work-thumb-filters a.selected,
  #work-thumb-filters a:hover {
    color:white;
    background:#AFAA6D;
	}
	
	#work-thumbs {
	  width:680px;
	  
	  float:right!Important;
	  
	}

  #work-thumbs .grid-item {
	  width:209px;
    height:209px;
  }
  
  #work-thumbs .grid-item img {
    position:absolute;
    top:0px;
    left:0px;
    width:204px;
    height:204px;
  }
  
  #work-thumbs .grid-item img.hover {
    opacity:0;
  }
  
  #work-thumbs a {
    position:relative;
    display:block;
	  width:204px;
	  height:204px;
	  overflow:hidden;
  }
    
  #work-thumbs p {
    display:block;
    position:absolute;
    bottom:-55px;
    left:0px;
    width: 100%;
    text-align: center;
    line-height: 20px;
    padding-bottom: 7px;
    padding-top: 7px;
	 margin-left: 10px;
    background-image:url('../images/bg-black-alpha-90.png');
  }
  
  .rgba #work-thumbs p {
    background-image:none;
    background-color: rgba(0,0,0,.8);
  }
	
	/* @end */
	
	/* @group Work Showcase Detail*/
	#work-showcase-detail {
	  width:980px;
	}
	
	.js #work-showcase-detail {
	  float:left;
	  overflow:visible!Important;
	}
	  
	.project-header {
	  padding:25px 0 5px;
	}
		
	  #work-showcase-detail .back-button {
  	  margin:0 25px 0 20px;
  	  background:url('../images/dash-vertical.png') repeat-y right top;
  	}
	
    #work-showcase-detail .back-button p {
      display:block;
    	padding:30px 19px 30px 0;
    	margin-right:-1px;
    	width:64px;
    	font-size:1.2em;
    	text-align:right;
    	background:url('../images/leftArrowTab2.png') center center no-repeat;
    }
	  
	  .project-header .left-side {
	    width:815px;
	    float:left;
		margin-left:-22px;
	  }
	  
	  .project-header h2 {
	    font-size:4.5em;
	    line-height:1.2em;
	  }
	  
	  
	   span#ppp {
line-height: 1.0em!Important;
font-family: verdana,geneva;


}
	  
	  .project-header h2 .circleR {
  		font-size:.45em;
  		vertical-align:top;
  		position:relative;
  		top:-10px;
	  }
	
    #work-showcase-detail .project-nav a {
      display:block;
      width:30px;
    	height:20px;
    }
        
    #work-showcase-detail .project-nav a.prev {
    	background:url('../images/smArrowLeft.png') no-repeat 17px 3px;
    }

    #work-showcase-detail .project-nav a.next {
    	background:url('../images/smArrowRight.png') no-repeat 6px 3px;
    }
    
  .circleR {
  	font-size:.45em;
  	vertical-align:top;
  }
  
  .project-container {
   position:relative;
  }
  
  .project {
    float:left;
    width:980px;
  }
  
  .project-detail-gallery {
    position:relative;
    margin:0 50px 10px;
  }
  
  .project-gallery-items {
    width:880px;
    height:495px;
    overflow:hidden;
  }
  
  .project-detail-gallery li {
    position:relative;
    float:left;
  }
  
  .project-detail-gallery li iframe {
    position:absolute;
    top:0px;
    left:0px;
  }
  
  .project-detail-gallery a.prev,
  .project-detail-gallery a.next {
    position:absolute;
    display:block;
    top:0px;
    width:40px;
    height:445px;
	
  }
  
  .project-detail-gallery a.next {
    right:-40px;
  }
  
  .project-detail-gallery a.prev {
    left:-40px;
  }
  
  .project-detail-gallery .arrow {
    position:absolute;
    display:block;
    top:228px;
    width:20px;
    height:36px;
    background:url('../images/gallery-arrows.png');
   /* overflow:hidden;*/
    opacity:0.25;
	/*z-index:55555555555555;*/
  }
  
  .project-detail-gallery a.prev .arrow {
    left:20px;
  }
  
  .project-detail-gallery a.next .arrow {
    right:20px;
    background-position:-20px 0px;
  }
  
  .play-icon {
    position: absolute;
    top: 198px;
    left: 404px;
    width: 96px;
    height: 96px;
  } 
  
  .project-gallery-nav {
    position:relative;
    margin:-10px 0 0 -10px;
  }
  
  .project-gallery-nav a {
    display:block;
    float:left;
    font-size: 1.2em;
    line-height: 3.15em;
    padding:0 15px;
  }
  
  .rgba .project-gallery-nav a.redorange-box.selected,
  .rgba .project-gallery-nav a.redorange-box:hover {
    background-color: rgba(238,137,118,.9);
  }
  
  .detail-overlay-container {
    position:relative;
    width: 100%;
    height: 100%;
    background:#000;
  }
  
  .detail-overlay-container .loading {
    margin:0;
    padding-top:250px;
  }
  
  .detail-overlay-image {
    position:absolute;
    top:50%;
    left:50%;
  }
    
  .projNavBorder {
  	border-right:0px solid rgba(230, 103, 74, 0.9);
  	border-left:0px solid rgba(230, 103, 74, 0.9);
  	float:left;
  	}
  
  .project-info {
    padding:0 0 50px;
  }
  
  /* left column */
  .project-info-col1 {
    width:615px;
    background:url('../images/dash-vertical.png') repeat-y right top;
  }
  
    .project-caption {
      padding-top:15px;
	    padding-bottom:0px;
		  padding-right:30px;
		    padding-left:30px;
	  
	  
	  
	  
	  
	  
    }
    
    .project-caption h2 {
      font-size: 4.55em;
    }
	
	

	
	    .project-caption h2.tea1 {
      font-size: 3.0em;
	  color:#BDBDBD;
    }
	
	
	
	
	
    
    .project-body {
      padding: 20px 60px 0 50px;
    }
    
    .project-body p {
      font-size: 1.35em;
      line-height:1.5em;
    }
    
    
	
	
	
	div #dert.project-body p.overview {
      margin-bottom:0px!Important;
    }
	
	
	div #dert.project-body.dark-gray  ul li{
      font-family: news-gothic-std, tahoma, lucida, verdana, helvetica, sans-serif;
	  font-size: 1.35em;
	  line-height: 1.5em;
	  list-style: disc;
	  margin-left:38px;
	 
    }
	
	
		div #dert.project-body.dark-gray  ul {
      
	    margin-bottom:20px;
    }
	

	
	
	div #dert99.project-body p.overview {
      margin-bottom:0px!Important;
    }
	
	
	div #dert99.project-body.dark-gray  ul li{
      font-family: news-gothic-std, tahoma, lucida, verdana, helvetica, sans-serif;
	  font-size: 1.35em;
	  line-height: 1.5em;
	  list-style: disc;
	  margin-left:38px;
	 
    }
	
	
		div #dert99.project-body.dark-gray  ul {
      
	    margin-bottom:20px;
    }
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	
	.project-body p.overview {
      margin-bottom:23px;
    }
    
    .project-body strong {
      font-weight:bold;
    }
    
    .project-category-info {
      margin-bottom:25px;
    }
    
    .project-category-info h3 {
      margin-bottom:15px;
    }
  
  /* right column */
  .project-info-col2 {
    width:265px;
    padding:0 50px;
  }
    
    .client-logo {
      margin:0px 0 0px;
    }
    
    .project-info-col2 .tout {
      font-size: 22px;
    }
    
    .tout .ldquo {
      margin-left:-8px;
    }
    
    .attribution {
      margin-top: 12px;
      font-size: 1.5em;
    }
    
    .project-info-col2 h3 {
      margin:50px 0 10px;
      line-height:1.35em;
    }
    
    .awards li {
      font-size:1.25em;
      line-height:2.2em;
    }	

	 #userForm {
      
	display: block;
	font-size: 1.25em;
line-height: 2em;

	
	}	
	
	
	
	
	form#BookCleaningOnline {
     display: block;
	font-size: 1.25em;
line-height: 2em;

	
	}	
	
	
	form#BookCleaningOnline table {
border-collapse: collapse;
border-spacing: 0;
}
	
	
	form#BookCleaningOnline table td {
padding: 10px;
}
	
	
	
	
	
section#work-showcase table img{

border-radius: 10px;


}

	
section#work-showcase table#hy img{

border-radius: 0px;


}



#hy a.TitulosTabla{

font-family: league-gothic, sans-serif;
color: #AFAA6D;
font-weight: normal;
font-size: 1.99em;


}

font-family: league-gothic, sans-serif;


	
	
section#work-showcase table#hy img{

border-radius: 0px;


}
	
	
section#work-showcase table td{

padding: 10px;
margin: 0px;

}
	section#work-showcase table#hy td{

padding: 4px;
margin: 0px;

}
	
	
	
	div.project-body.dark-gray a{
	
	color:black;
	
	/*text-transform: lowercase;*/
	
	}
	
		
	div.project-body.dark-gray #ft a.feature-detail-link.redorange-box.futura.uppercase.right{
	
	
	
	text-transform: upercase!Important;
	
	}
	
	
	
	
	
	
	
	
		
	div.project-body.dark-gray a.EnlacesTabla{
	
color: #E6674A;
font-family: news-gothic-std, tahoma, lucida, verdana, helvetica, sans-serif;
	
	text-transform: lowercase;
	
	font-size: 110%;
	
	}
	
	
	
	
	

	
	
	
	blockquote span{
	
	
	
	/*font-size: 1.25em;*/
line-height: 1.5em;


}


.googft-info-window {
	
	color:black;
	
	}
	
	.clear {
clear: both;
}




#gg {
	
margin-left:-50px;
}


















