/* -----------------------------------------------------------------------

	Screen CSS
	Design and Dev by New Way Design LLC
	http://www.newwaydesign.com; hooray@newwaydesign.com

------------------------------------------------------------------------- */

/* ----- Generic styles --------------------------------------------------*/
html { margin:0px; padding:0px; font: normal 72.5%/1 Helvetica, Arial, Verdana, sans-serif; color: #ffffff; line-height: 1.5em; }

body { background-color: #110d01;}


/* ----- Generic classes -------------------------------------------------*/
.alt { position: absolute; left: -9999px; }
.clear {clear: both;margin: 0;padding: 0;}
.clear:after { display: block; visibility: hidden; clear: both; height: 0; content: "."; }
hr { display:none; }

h1#logo a { width: 500px; height: 140px; position: absolute; left: 370px; text-indent:-9999em; }
.container_24{margin-left:auto;margin-right:auto;width:960px;height:auto; }
.grid_4,.grid_5,.grid_15{display:inline;float:left;position:relative;margin-left:5px;margin-right:5px}

/* ----- Typography -----------------------------------------------------*/
h1 {font-size: 2em; color: #000; line-height: 1.5em; }

h2 {font-size: 1.6em; font-style: italic;  color: #fff; padding-bottom: 10px; padding-top: 10px;}

h3 {font-size: 1.6em; color: #fff; margin-bottom: 10px;}

h4 {font-size: 1.2em; color: #ffffff; margin-bottom: 7px;}

p {font: normal 1em Helvetica, Arial, Verdana, sans-serif; color: #ffffff; line-height: 1.6em; margin-bottom: 10px;}


/* ----- Homepage -------------------------------------------------*/
div#home {background: #110d01 url("../images/bg-home.jpg") no-repeat 50% 0; min-height: 630px;  }
.grid_4{width:135px;top:350px; left: auto;}

.grid_15{width:590px; height: auto; top: 153px;}
.grid_5{width:205px; float: right; top: 190px;}

div#home li {padding-bottom: 7px;}
div#home li .current { color: #BA0F07; } 
div#home li .gray {color: #727068;}
div#home li a { color: #ffffff; text-decoration: none; line-height: 1.2em;}
div#home li a:hover { color: #BA0F07;} 

div#social-media ul li {padding-bottom: 15px;}

/* ----- Home Nav -----------------------------------------------------*/
div#nav {padding-bottom: 0px;}
	ul#nav-home { margin:0; }
	ul#nav-home li { float: left; }
	ul#nav-home li a { display: block; height: 27px; background-repeat: no-repeat; background-position: 0 0; }
	ul#nav-home li a:hover, ul#nav-home li a.current { background-position: 0 -27px; }

		li#nav-about a { width: 75px; background-image: url("../images/nav/nav-home-about.png"); }
		li#nav-photos a { width: 82px; background-image: url("../images/nav/nav-home-photos.png"); }
		li#nav-cast a { width: 120px; background-image: url("../images/nav/nav-home-cast.png"); }
		li#nav-blog a { width: 63px; background-image: url("../images/nav/nav-home-blog.png"); }
		li#nav-contact a { width: 92px; background-image: url("../images/nav/nav-home-contact.png"); }
		li#nav-artwork a { width: 91px; background-image: url("../images/nav/nav-home-artwork.png"); }
		li#nav-home a { width: 65px; background-image: url("../images/nav/nav-home-home.png"); }
		
/* ----- About -------------------------------------------------*/
div#about {background: #110d01 url("../images/bg-about.jpg") no-repeat 50% 0; min-height: 650px;}
.insets {width: 190px; height: 112px; border: 1px solid #625f57; margin-bottom: 10px;}
div#body-text {width:540px; padding: 20px;}

/* ----- Artwork -------------------------------------------------*/
div#artwork {background: #110d01 url("../images/bg-artwork.jpg") no-repeat 50% 0; min-height:650px;}

/* ----- Contact -------------------------------------------------*/
div#contact {background: #110d01 url("../images/bg-contact.jpg") no-repeat 50% 0; min-height:750px;}


/* ----- Photos -------------------------------------------------*/
div#photos {background: #110d01 url("../images/bg-photos.jpg") no-repeat 50% 0; min-height:750px;}
div#column1 {float:left; padding-right: 8px;}
div#column2 {float:left; padding-right: 8px;}
div#column3 {float:left; padding-right: 8px;}
div#column4 {float:right; }
div#body-photos {width:575px; padding-top: 20px; padding-left: 20px; min-height: 450px;}
.insets-photos {width: 135px; height: 80px; border: 1px solid #625f57; margin-bottom: 9px;}	

/* ----- Cast & Crew -------------------------------------------------*/
div#cast {background: #110d01 url("../images/bg-cast.jpg") no-repeat 50% 0; min-height: 650px;}
div#crew {margin-bottom:15px; height: 170px;}
.odd {clear: left; }
.photos {float: left; width: 135px; height: 160px; border: 1px solid #625f57; margin-right: 15px; margin-bottom: 15px;	
div#right {float: right; width: 400px;}
div#castandcrew {float:left;margin-right:-5px;margin-top:0.5em;}
div#castandcrew li {width: 540px; float:left;}
div#castandcrew li p {width: 400px;}
.clear {display:inline-block;}
ul, ol, ul li, ol li {
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}