@charset "UTF-8";

#nav_spacer {
	height:120px;
	background-image: url(../images/trio_background_top.jpg);
	background-repeat: no-repeat;
	background-position: center top;
	min-width:1120px;	
}
#content_holder {
	float:left;
	width:890px;
	min-height:330px;
	margin-top:10px;
	
}
#anim_content {
	position:relative;    
	margin-left:15px;
}

#anim1  {

	position: relative;
	width:700px;	
	z-index:1;
}
  

#anim1_info  {width:270px;
	position: absolute;
	left: 18px;
	top: 176px;
	background-image: url(../images/white_80.png);
	background-repeat: repeat;
	padding:10px;
} 
       

#anim2  {
	display:none;
	position: relative;
	width:700px;	
	z-index:1;
}
  

#anim2_info  {width:250px;
	position: absolute;
	left: 410px;
	top: 30px;
	background-image: url(../images/white_80.png);
	background-repeat: repeat;
	padding:10px;
} 
       

#anim3  {
	display:none;
	position: relative;
	width:700px;	
	z-index:1;
}
  

#anim3_info  {width:250px;
	position: absolute;
	left: 50px;
	top: 150px;
	background-image: url(../images/white_80.png);
	background-repeat: repeat;
	padding:10px;
} 
       


#anim4  {
	display:none;
	position: relative;
	width:700px;	
	z-index:1;
}
  

#anim4_info  {width:250px;
	position: absolute;
	left: 50px;
	top: 100px;
	background-image: url(../images/white_80.png);
	background-repeat: repeat;
	padding:10px;
} 
       

#anim5  {
	display:none;
	position: relative;
	width:700px;	
	z-index:1;
}
  

#anim5_info  {width:250px;
	position: absolute;
	left: 50px;
	top: 210px;
	background-image: url(../images/white_80.png);
	background-repeat: repeat;
	padding:10px;
} 
       


.back_img {
	position:absolute;
	width:700px;
	height:350px;
	left: 0;
	top: 0; 
	border: 2px solid  #adadad;  
}

.headline {
	margin-bottom:10px;
	font-size: 16px;
	font-weight: bold;
	color: #333333;	
}
.body_copy {
	margin-bottom:10px;
	font-size: 13px;
	color: #333333;
	line-height: 20px;
}
.cta {
	margin-bottom:10px;
	font-size: 13px;
	font-weight: bold;
}




#featured_project {
	width:200px;
	position: absolute;
	left: 5px;
	top: 5px;
	z-index:2;
	
	
}


#anim_nav {
	width:200px;
	position: absolute;
	left: 540px;
	top: 300px;
	z-index:3;
	
	
}
.anim_nav1_img {
	background-position: 0px 0px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}
.anim_nav1_img_active {
	background-position: 0px -42px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}
#anim_nav1_btn {float:left;}
#anim_nav2_btn {float:left;}
.anim_nav2_img {
	background-position: -31px 0px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}
.anim_nav2_img_active {
	background-position: -31px -42px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}

#anim_nav3_btn {float:left;}
.anim_nav3_img {
	background-position: -52px 0px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}
.anim_nav3_img_active {
	background-position: -52px -42px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}
#anim_nav4_btn {float:left;}
.anim_nav4_img {
	background-position: -79px 0px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}
.anim_nav4_img_active {
	background-position: -79px -42px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}
#anim_nav5_btn {float:left;}
.anim_nav5_img {
	background-position: -100px 0px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}
.anim_nav5_img_active {
	background-position: -100px -42px;
	background-image: url(../images/anim_nav_back.png);
	background-repeat: no-repeat;		
}