@charset "UTF-8";


/* -------------------------------------------------------------------------- **
**  INDEX LAYOUT
** -------------------------------------------------------------------------- */
#main {
	width: 100%;
	text-align: center;
	}
.content {
	width: 980px;
	margin: 0 auto;
	padding-bottom: 80px;
	}

.content .views-row {
	position: relative;
	float: left;
	margin-right: 5px;
	margin-bottom: 5px;
	overflow: hidden;
	}
.ie6 .content .view-front,
.ie7 .content .view-front {
	padding-bottom: 5px;
	}

	/* .views-row */
	.content .main1 { width: 489px; height: 275px; }
	.content .main2,
	.content .main5 { width: 220px; height: 135px; }
	.content .main3,
	.content .main4 { width: 261px; height: 135px; }
	.content .main6,
	.content .main8 { width: 228px; }
	.content .main7 { width: 324px; }
	.content .main9 { width: 185px; }
	.content .main6,
	.content .main7,
	.content .main8,
	.content .main9 { height: 170px; }
	
	.content .main3,
	.content .main5,
	.content .main9 { margin-right: 0px; }
	

/* -------------------------------------------------------------------------- **
**  INDEX VIEWS
** -------------------------------------------------------------------------- */
.content .views-row .media-frame {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: transparent;
	background-position: left top;
	background-repeat: no-repeat;
	background-image: url(../images/index/view_frames.png);
	z-index: 200;
	}
.content .views-row.main1 .media-frame { background-position: 0px 0px; }
.content .views-row.main2 .media-frame { background-position: -494px 0px; }
.content .views-row.main3 .media-frame { background-position: -719px 0px; }
.content .views-row.main4 .media-frame { background-position: -494px -140px; }
.content .views-row.main5 .media-frame { background-position: -760px -140px; }
.content .views-row.main6 .media-frame { background-position: 0px -280px; }
.content .views-row.main7 .media-frame { background-position: -233px -280px; }
.content .views-row.main8 .media-frame { background-position: -562px -280px; }
.content .views-row.main9 .media-frame { background-position: -795px -280px; }

.content .views-row .term-node {
	display: none;
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 300;
	}
.content .views-row .term-node a {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background: transparent url(../images/index/overlay.png) left top repeat;
	text-decoration: none;
	overflow: hidden;
	}
.content .views-row.main1 .term-node a { background-position: 0px 0px; }
.content .views-row.main2 .term-node a { background-position: -494px 0px; }
.content .views-row.main3 .term-node a { background-position: -719px 0px; }
.content .views-row.main4 .term-node a { background-position: -494px -140px; }
.content .views-row.main5 .term-node a { background-position: -760px -140px; }
.content .views-row.main6 .term-node a { background-position: 0px -280px; }
.content .views-row.main7 .term-node a { background-position: -233px -280px; }
.content .views-row.main8 .term-node a { background-position: -562px -280px; }
.content .views-row.main9 .term-node a { background-position: -795px -280px; }
	.content .views-row .term-node span {
		color: #fff;
		}
	.content .views-row .term-node span.overlay-inner {
		visibility: hidden;
		}
.content-inner .views-row .media-image {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	z-index: 100;
	}


/* -------------------------------------------------------------------------- **
**  CONTENT RETINA
** -------------------------------------------------------------------------- */
@media only screen and (min-device-pixel-ratio:1.5),
	only screen and (-o-min-device-pixel-ratio:3/2),
	only screen and (-ms-min-device-pixel-ratio:1.5),
	only screen and (min--moz-device-pixel-ratio:1.5),
	only screen and (-webkit-min-device-pixel-ratio:1.5) {
		.content .views-row .media-frame { background-image: url(../images/index/view_frames_2x.png); background-size: 980px auto; }
		.content .views-row .term-node a { background-image: url(../images/index/overlay_2x.png); background-size: 980px auto; }
	}