.clearfix {
	clear:both !important;
}


#wrapperCSSTR{
	position:relative;
	text-align:center;
	
}

#wrapperCSSTR hgroup{
	margin:0 0 20px;
	z-index:5;
	position:relative;
	display:inline-block;
}
#wrapperCSSTR hgroup:hover{
	z-index:10;
}
#wrapperCSSTR h2{
	position:relative;
	
	margin:0;
	color:#0082E0;
	text-align:center;
	text-shadow:1px 1px 1px #777;
	font-size:33px;
	font-family:Arial Narrow, Arial, sans-serif;
	
	transition: color 1s, font-size 1s, text-shadow 1s;
	-moz-transition: color 1s, font-size 1s, text-shadow 1s;
	-webkit-transition: color 1s, font-size 1s, text-shadow 1s;
	-o-transition: color 1s, font-size 1s, text-shadow 1s;
}
#wrapperCSSTR h2 span{
	color:#56B8FF;
	
	transition: color 1s, text-shadow 1s;
	-moz-transition: color 1s, text-shadow 1s;
	-webkit-transition: color 1s, text-shadow 1s;
	-o-transition: color 1s, text-shadow 1s;
}
#wrapperCSSTR hgroup h3{
	font-style:italic;
	font-weight:normal;
	font-size:18px;
	text-shadow:0 1px 0 #fafafa;
	color:#444;
	margin:0;
	
	transition: color 1s, font-size 1s;
	-moz-transition: color 1s, font-size 1s;
	-webkit-transition: color 1s, font-size 1s;
	-o-transition: color 1s, font-size 1s;
}
#wrapperCSSTR hgroup:hover h2{
	color:#C9EEFF;
	z-index:10;
	font-size:40px;
	text-shadow:0 0 20px #EAF8FF;
}
#wrapperCSSTR hgroup:hover span{
	color:#fafafa;
	font-style:italic;
	text-shadow:0 0 20px #fafafa;
}
#wrapperCSSTR hgroup:hover h3{
	color:#ccc;
	font-size:20px;
}


#holderCSSTR{
	position:relative;
}


/* image boxes */
.box{
	text-align:center;
	background-color:#f4f4f4;
	border:1px solid #ccc;
	float:left;
	margin:5px 1%;
	padding:10px 2% 15px;
	position:relative;
	z-index:5;
	box-sizing:border-box;
	-moz-box-sizing:border-box;
	-webkit-box-sizing:border-box;
	
	box-shadow:0 0 3px #ccc;
	-moz-box-shadow:0 0 3px #ccc;
	-webkit-box-shadow:0 0 3px #ccc;
	
	transform: scale(1);
	-moz-transform: scale(1);
	-webkit-transform: scale(1);
	
	transition: background-color 1s, box-shadow 1s, transform 0.5s;
	-moz-transition: background-color 1s, -moz-box-shadow 1s, -moz-transform 0.5s;
	-webkit-transition: background-color 1s, -webkit-box-shadow 1s, -webkit-transform 0.5s;
	-o-transition: background-color 1s, -o-box-shadow 1s, -o-transform 0.5s;
}
.box:hover{
	background-color:#fff;
	z-index:10;
	
	box-shadow:0 0 15px #333;
	-moz-box-shadow:0 0 15px #333;
	-webkit-box-shadow:0 0 15px #333;
	
	transform: scale(1.1);
	-moz-transform: scale(1.1);
	-webkit-transform: scale(1.1);
}

.box-1 { max-width:250px; }


.box h3{
	font-size:27px;
	color:#777;
	font-family:'Arial Narrow', Arial;
	letter-spacing:1px;
	text-shadow:0 1px 1px #ccc;
	border-bottom:0 solid #fff;
	
	transition: color 1s, text-shadow 1s, border-bottom 1s;
	-moz-transition: color 1s, text-shadow 1s, border-bottom 1s;
	-webkit-transition: color 1s, text-shadow 1s, border-bottom 1s;
	-o-transition: color 1s, text-shadow 1s, border-bottom 1s;
}
.box:hover h3{
	color:#333;
	border-bottom:1px solid #aaa;
	text-shadow:1px 1px 1px #fff, 2px 2px 1px #888;
}


.box .image{
	margin:10px;
	opacity:0.5;
	filter: alpha(opacity=50);
	
	transition: opacity 1s;
	-moz-transition: opacity 1s;
	-webkit-transition: opacity 1.5s;
	-o-transition: opacity 1s;
}
.box:hover .image{
	opacity:1;
	filter: alpha(opacity=100);
}
.box .image img{
	padding:7px;
	background:#000;
}
.box .image img:hover{
	background:#333;
}


.box .description, .box .description a{
	color:rgb(153,153,153);
	color:rgba(153,153,153,0);
	text-shadow:0 0 5px #aaa;
	text-align:left;
	font-size:14px;
	max-height:0px;
	padding: 0px !important;
	overflow:scroll;
	transition: text-shadow 1s ease 0.5s, color 1s ease 0.5s, outline 1s ease 0.5s, max-height 1s ease 0.5s;
	-moz-transition: text-shadow 1s ease 0.5s, color 1s ease 0.5s, outline 1s ease 0.5s, max-height 1s ease 0.5s;
	-webkit-transition: text-shadow 1s ease 0.5s, color 1s ease 0.5s, outline 1s ease 0.5s, max-height 1s ease 0.5s;
	-o-transition: text-shadow 1s ease 0.5s, color 1s ease 0.5s, outline 1s ease 0.5s, max-height 1s ease 0.5s;
}
.box:hover .description, .box:hover .description a{
	text-shadow:0 0 0 #fff;
	color:rgb(100,100,100);
	max-height:150px;
}
.box:hover .description a{
	outline:1px dotted #777;
}