@import url("responsive.css");
/* ========== Global Styles ========== */
body {
	font-family: Copperplate, "Copperplate Gothic Light", "Copperplate Light";
	font-size: 14px; font-weight: normal;
	color: #666666; text-decoration: none;
}
a img { border: none; }
p.pageTitle {
	font: 20px 'Gill Sans', 'Trebuchet MS', Arial, sans-serif;
	color: #444;
	width: 359px;
	margin-bottom: 20px;
	border-bottom: 1px solid #DEDEDE;
}
p { text-align: justify; }


/* ====== Index Text ====== */
#indexText {
	color: #444;
	font: 14px "Gill Sans", Tahoma, "Trebouchet MS", sans-serif;
	word-spacing: 8px;
	margin-bottom: 0;
}


/* ====== Main Navigation ====== */
a {
	text-decoration: none; color: #3071D2;
	-webkit-transition: all 300ms; -moz-transition: all 300ms; transition: all 300ms;
} a:hover { color: #88D146; }
#nav { padding: 10px 0 15px 0; color: #616161; white-space: nowrap; }
#nav a {
	text-decoration: none;
	font: 13px "Trebuchet MS", Arial, sans-serif;
	font-weight: bold;
	color: #616161;
	margin: 0 20px;
}
#nav a:hover { color: #CCC }
#nav a.right { margin-right: 0 }
#nav a.left { margin-left: 0 }


/* ====== Index Navigation ====== */
#nav.index a { margin: 0 42px; }
#nav.index a.left { margin-left: 0; }
#nav.index a.right { margin-right: 0; }


/* ====== Island / Location / Production Links ====== */
#islandLinksBorder {
	width: 600px; height: 0; margin: 10px auto 0 auto;
	border-top: 1px solid #DEDEDE;
}
#islandLinks {
	margin-top: 10px;
	text-align: justify;
	line-height: 1.4em;
}
#islandLinks div.bottom { text-align: center; }
#islandLinks a {
	text-decoration: none;
	font: 14px "Trebuchet MS", Arial, sans-serif;
	letter-spacing: -1px;
	color: #616161;
	margin-right: 17px;
}
#islandLinks a.endLink { margin-right: 0; }
#islandLinks a:hover { color: #88D146 }
.islandDiagram { margin: 0 0 5px 15px; }

#nav.locationLinks { text-align: right; width: 150px; height: 110px; float: right; line-height: 10px; }
#nav.locationLinks a { margin: 0; }
#nav.locationLinks a:hover { color: #88D146 }

#nav.productionLinks { white-space: normal; }
#nav.productionLinks { line-height: 20px; }
#nav.productionLinks a { margin: 0 34px 0 0; }
#nav.productionLinks a:hover { color: #88D146 }
#nav.productionLinks a.endLink { margin: 0; }
#nav.productionLinks a.bottomRow { margin-right: 67px; }


/* ====== Image Galleries ====== */
#imageSelector { white-space: nowrap; padding-bottom: 18px; }
#imageSelector img { cursor: pointer; opacity: 0.5; -webkit-transition: all 150ms; -moz-transition: all 150ms; transition: all 150ms; }
#imageSelector img.selected { opacity: 1 }


/* ====== Recent Productions ====== */
.video {
	
}
.video iframe {
	margin-top: 15px;
}



/* ====== Apps For Film ====== */
#appsForFilm h2 {
	text-align: center;
	font-weight: 100;
	margin: 20px 0 35px 0;
}
#appsForFilm div {
	width: 20%; height: 120px;
	float: left;
	text-align: center;
	line-height: 1.1em;
}
#appsForFilm img {
	-webkit-border-radius: 14px; -moz-border-radius: 14px; border-radius: 14px;
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.6); -moz-box-shadow: 0 0 5px rgba(0,0,0,0.6); box-shadow: 0 1px 5px rgba(0,0,0,0.6);
	-webkit-transition: all 300ms; -webkit-transition: all 300ms; -webkit-transition: all 300ms;
	opacity: 0.8;
}
#appsForFilm a:hover img { opacity: 1; }