@charset "UTF-8";
@import url("../webfonts/AmbleLightCondensed/stylesheet.css");
@import url("../webfonts/AnonymousRegular/stylesheet.css");
@import url("../webfonts/AmbleLight/stylesheet.css");
@import url("../webfonts/AmbleLightItalic/stylesheet.css");
/* CSS Document */

html {
	font-size: 100%;
}
div
{
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box; 
  box-sizing: border-box;
}
body {
	background: #fff url(../images/home-bg.gif) no-repeat fixed center center;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
#home-container {
	position: fixed; 
	width: 100%; 
	margin: 0 auto; 
	padding: 0; 
}
#main_outer-fixed {
   width: 1024px;
   margin-top: 50px;
   margin-left: auto;
   margin-right: auto;
   height: 592px;
}
.left-col {
	width: 328px;
	background: url(../images/home/bg-1.gif) no-repeat;
	height: 592px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	opacity:1.0;
}
.left-col:hover .left-col:active  {
	width: 328px;
	background: url(../images/home/bg-1.gif) no-repeat;
	height: 592px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	opacity:0.4;
}
.left-col img {
	width: 100%;
}
.cent-col {
	width: 328px;
	background: url(../images/home/bg-2-3.gif) no-repeat;
	height: 592px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	opacity:1.0;
}
.cent-col:hover .cent-col:active  {
	width: 328px;
	background: url(../images/home/bg-2-3.gif) no-repeat;
	height: 592px;
	float: left;
	padding: 0;
	margin: 0 20px 0 0;
	opacity:0.4;
}
.cent-col img {
	width: 100%;
}
.cent-col-art {
	width: 100%;
	height: 592px;
	background: url(../images/home/film-bg.gif) no-repeat;
	padding: 0;
	margin: 0;
}
#fade:hover { 
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
}
.right-col {
	width: 328px;
	background: url(../images/home/bg-2-3.gif) no-repeat;
	height: 592px;
	float: right;
	padding: 0;
	margin: 0;
	opacity:1.0;
}
.right-col:hover .right-col:active {
	width: 328px;
	background: url(../images/home/bg-2-3.gif) no-repeat;
	height: 592px;
	float: right;
	padding: 0;
	margin: 0;
	opacity:0.4;
}
.right-col img {
	width: 100%;
}
.right-col a img {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.right-col a img:hover {
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
.left-col a img {
opacity:1.0;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
.left-col a img:hover {
opacity:0.7;
filter:alpha(opacity=70); /* For IE8 and earlier */
}
#footer_outer {
	width: 100%;
	height: 40px;
	padding: 0;
	margin: 0;
	text-align: center;
	vertical-align: top;
	position: relative;
	overflow: hidden;
	text-overflow: ellipsis;
}
#footer_outer p {
	font-size: 10px;
	line-height: 18px;
	color:#333;
	margin: 0;
	padding: 0;
	font-family: AmbleLightCondensed, Arial, Helvetica, sans-serif;
	
	letter-spacing: 0.1em;
	white-space: nowrap;
}
.footer_13 {
	font-size: 13px;
	line-height: 18px;
	color: #333;
	letter-spacing: 0.2em;
}
.darker-gray {
	font-size: 13px;
	font-family: AmbleBoldCondensed, Arial, Helvetica, sans-serif;
	line-height: 18px;
	color: #000;
}
.clear {
	clear: both;
	font-size: 1px;
}


@media (min-width: 1024px){
}	
		
@media (min-width: 768px) and (max-width: 1023px){
#home-main_outer {
   margin-top: -222px;/* half of #content height*/
}
#main_outer-fixed {
   width: 768px;
   height: 444px;
   margin-top: 25px;
}
.left-col {
	width: 246px;
	height: 444px;
	background: url(../images/home/bg-1-b.gif) no-repeat;
	margin: 0 15px 0 0;
}
.left-col:hover .left-col:active  {
	width: 246px;
	height: 444px;
	background: url(../images/home/bg-1-b.gif) no-repeat;
	margin: 0 15px 0 0;
}
.cent-col {
	width: 246px;
	height: 444px;
	background: url(../images/home/bg-2-3-b.gif) no-repeat;
	margin: 0 15px 0 0;
}
.cent-col:hover .cent-col:active  {
	width: 246px;
	height: 444px;
	background: url(../images/home/bg-2-3-b.gif) no-repeat;
	margin: 0 15px 0 0;
}
.cent-col-art {
	height: 444px;
	background: url(../images/home/film-bg-b.gif) no-repeat;
}
.right-col {
	width: 246px;
	height: 444px;
	background: url(../images/home/bg-2-3-b.gif) no-repeat;
}
.right-col:hover .right-col:active {
	width: 246px;
	height: 444px;
	background: url(../images/home/bg-2-3-b.gif) no-repeat;
}
}

@media (min-width: 512px) and (max-width: 767px){
#home-main_outer {
   margin-top: -148px;/* half of #content height*/
}
#main_outer-fixed {
   width: 512px;
   height: 296px;
   margin-top: 0;
}
.left-col {
	width: 164px;
	height: 296px;
	background: url(../images/home/bg-1-d.gif) no-repeat;
	margin: 0 10px 0 0;
}
.left-col:hover .left-col:active  {
	width: 164px;
	height: 296px;
	background: url(../images/home/bg-1-d.gif) no-repeat;
	margin: 0 10px 0 0;
}
.cent-col {
	width: 164px;
	height: 296px;
	background: url(../images/home/bg-2-3-d.gif) no-repeat;
	margin: 0 10px 0 0;
}
.cent-col:hover .cent-col:active  {
	width: 164px;
	height: 296px;
	background: url(../images/home/bg-2-3-d.gif) no-repeat;
	margin: 0 10px 0 0;
}
.cent-col-art {
	height: 296px;
	background: url(../images/home/film-bg-d.gif) no-repeat;
}
.right-col {
	width: 164px;
	height: 296px;
	background: url(../images/home/bg-2-3-d.gif) no-repeat;
}
.right-col:hover .right-col:active {
	width: 164px;
	height: 296px;
	background: url(../images/home/bg-2-3-d.gif) no-repeat;
}
}

@media (max-width: 511px){
#home-main_outer {
   margin-top: -88px;/* half of #content height*/
}
#main_outer-fixed {
   width: 320px;
   height: 177px;
}
.left-col {
	width: 98px;
	height: 177px;
	background: url(../images/home/bg-1-c.gif) no-repeat;
	margin: 0 6px 0 0;
}
.left-col:hover .left-col:active  {
	width: 98px;
	height: 177px;
	background: url(../images/home/bg-1-c.gif) no-repeat;
	margin: 0 6px 0 0;
}
.cent-col {
	width: 98px;
	height: 177px;
	background: url(../images/home/bg-2-3-c.gif) no-repeat;
	margin: 0 6px 0 0;
}
.cent-col:hover .cent-col:active  {
	width: 98px;
	height: 177px;
	background: url(../images/home/bg-2-3-c.gif) no-repeat;
	margin: 0 6px 0 0;
}
.cent-col-art {
	height: 177px;
	background: url(../images/home/film-bg-c.gif) no-repeat;
}
.right-col {
	width: 98px;
	height: 177px;
	background: url(../images/home/bg-2-3-c.gif) no-repeat;
}
.right-col:hover .right-col:active {
	width: 98px;
	height: 177px;
	background: url(../images/home/bg-2-3-c.gif) no-repeat;
}
}