/*** homepage style ***/
/*c9d4d4 - EC173A*/
body	{ font-family: 'Raleway', sans-serif; 
		/*background: linear-gradient(135deg, #c9d4d4 25%, transparent 25%) -50px 0, linear-gradient(225deg, #c9d4d4 25%, transparent 25%) -50px 0, linear-gradient(315deg, #c9d4d4 25%, transparent 25%), linear-gradient(45deg, #c9d4d4 25%, transparent 25%) #8cc2cf; background-size: 100px 100px; */
		background-image: url('bg/subtle-pattern-5x2.jpg');
		/*width: 100%;*/
}
strong  { font-weight:700; }
a 		{ color: #444; text-decoration: none; }

#mainwrap  			 { 
	padding: 40px 0;
	white-space: nowrap;
}
#hoverwrap 			 { 
	/*position: relative; */
	width: 326px; 
	height: 20px;
	padding-top: 0; 
	display: inline-block;
}
#tilewrap  			 { 
	/*position: relative; */
	white-space: normal;
	display: inline-block;

	background: rgba(0,0,0,0.4);
	padding: 50px 30px 0 50px;
	/*margin-right: 20%;*/
	border-radius: 8px;

	/*max-width: 1156px;
	width: 50vw;*/

	/*width from script*/
}
.titlerow  			 { 
	font-weight: 700; 
	text-align: center;
	text-shadow:1px 1px 0px #ffffff;
	
	width: 222px; 
	margin-bottom: 20px; 
	padding: 10px; 

	color:#666666;
	background: linear-gradient(to bottom, #f9f9f9 45%, #e9e9e9 100% );
	border: 1px solid #dcdcdc;
	border-radius: 4px; 
	box-shadow:inset 0px 1px 0px 0px #ffffff;
}
.row {
	/*display: flex;*/
	/*flex-direction: row;*/
	/*flex-wrap: wrap;*/
	/*flex-flow: row wrap;*/
	/*justify-content: flex-start;*/
	margin-bottom: 60px;
}

.tile 	 { 
	vertical-align: top; 
	text-shadow:1px 1px 0px #ffffff;

	display: inline-block; 
	margin: 0 20px 20px 0;
	padding: 20px;

	/*min-width: 200px;*/


	background: #f9f9f9;
	border: 1px solid #dcdcdc;
	border-radius: 4px; 
	box-shadow:inset 0px 1px 0px 0px #ffffff;
}
.tile img 			 { 
	width: 200px;
	margin-top: 10px; 
	border-radius: 4px;
	border: 1px solid rgba(0,0,0,0.2);

}
.tile:hover 		 { 
	font-weight: 700;
	box-shadow: 0 0 2px 2px rgba(0,0,0,0.2);
}
.tooltip 			 { 
	position: fixed; 
	left: -600px;  
	width: 230px; 
	padding: 20px; 

	color: #444;
	font-size: 14px; 
	font-weight: 300; 
		
	opacity: 0; 
	transition: opacity 0.4s ease; 

	border: 10px solid rgba(0,0,0,0.3);
	border-radius: 4px;
	box-shadow: inset 0 0 0 300px #f9f9f9;
}
.tile:hover .tooltip { 
	opacity: 1; 
	left: 20px; 
}

.tile li {
	padding: 0 10px;
}

.tile li.list_title {
	padding: 0;
}

@media screen and (max-width: 1000px) {
	#mainwrap {
		padding: 0;
	}
	#hoverwrap {
		display: none;
	}
	#tilewrap {
		width: 90%;
		padding: 5%;
		background: none;
		border-radius: none;
	}
	.titlerow {
		width: auto;
	}
	.tile {
		margin: 1%;
		padding: 3%;

		/*width: 47%;*/
		width: calc(42% - 2px);
	}

	.tile img {
		width: 100%;
	}

	.tile:hover .tooltip { 
		opacity: 0; 
		left: -600px; 
	}
}