body 
{
font-size:80%;
line-height:150%;
font-family:Arial, Helvetica, sans-serif;
color:black;
background-color: #408cff;
}

#wrapper_grid
{
margin-top:-10px;
width: 720px;
border:2px solid gray;
background: url("../images/Background Gray.png");
}

#header
{
margin-top:20px;
height: 100px;

}

#logo
{
margin: 0;
border: 0;
z-index: 3;
width: 259px;
height: 100px;
/*
background-image: url("../images/Film Grok Logo Beta.png");
background-repeat:no-repeat;
text-indent: -9000px;
*/
}

#top_banner
{
height:100px;
float:right;
}

#top_banner img
{
border:0;
}

#description
{
font-size:1%;
line-height:1%;
color:transparent;
}


/*Navigation*/
#menu
{
font-size:75%;
margin:5px 0px 10px 0px;
border:2px solid black;
padding:10px;
background-color:#ffffff;
text-align:center;
}

.navspacer {
display:inline-block;
width: 47px;
height: 50px;
background: url("../images/Nav Spacer.png") no-repeat 0 0;
border-right-style:solid;
border-right-color:black;
border-right-width:1px;
margin:0px -1px 0px -2px;
}

.nav {
display:inline-block;
width: 95px;
height: 50px;
border-right-style:solid;
border-right-color:black;
border-right-width:1px;
margin:0px -1px 0px -2px;
background-attachment:fixed; 
}

#nav1 {background: url("../images/Nav Films Rollover.png") no-repeat 0 0;}
#nav2 {background: url("../images/Nav What Rollover.png") no-repeat 0 0;}
#nav3 {background: url("../images/Nav Blah Rollover.png") no-repeat 0 0;}
#nav4 {background: url("../images/Nav Swag Rollover.png") no-repeat 0 0;}
#nav5 {background: url("../images/Nav Credits Rollover.png") no-repeat 0 0;}
#nav6 {background: url("../images/Nav Hey Rollover.png") no-repeat 0 0;}

#menu .nav:hover {background-position: 0 -100px;}
#menu .nav:active {background-position: 0 -100px;}
#menu .nav span {display: none;}

#menu .nav_current {background-position: 0 -50px;}
#menu .nav_current:hover {background-position: 0 -50px;}
#menu .nav_current:active {background-position: 0 -50px;}

/*Content*/
#main .content_current
{
display:block;
}

#main .content_hidden
{
display:none;
}

.article
{
display:block;
height:auto;
margin:10px 0px 10px 0px; 
border-style:solid;
border-color:black;
border-width:1px 1px 1px 0px;
padding:0px;
background-color:#ffffff;
background-repeat:no-repeat;
background-position:left center;
padding:0px 10px 0px 60px;
}

.new {background-image: url('../images/Article Banner Films.png');height:191px;line-height:120%;}
.what {background-image: url('../images/Article Banner What.png');}
.blah {background-image: url('../images/Article Banner Blah.png');}
.swag {background-image: url('../images/Article Banner Swag.png');}
.credits {background-image: url('../images/Article Banner Credits.png');}
.cast {background-image: url('../images/Article Banner Cast.png');}
.friends {background-image: url('../images/Article Banner Friends.png');}
.music {background-image: url('../images/Article Banner Music.png');}
.hey {background-image: url('../images/Article Banner Hey.png');}
.website {background-image: url('../images/Article Banner Website.png');}

.film {background-image: url('../images/Article Banner Films.png');line-height:120%;}


.more
{
float:right;
font-size:75%;
display:inline-block;
width: 50px;
height: 191px;
margin:0px -11px 0px 10px;
padding:0px;
text-align:center;
background-color:#ffffff;
background-repeat:no-repeat;
background-image: url('../images/Article Banner More.png');
background-position:0 0;
}

.more:hover {background-position: 0 -191px;}
.more:active {background-position: 0 -191px;}
.more span {display: none;}

.article_new
{
float:left;
margin-left:-60px;
margin-top:-1px
}

.thumb_poster
{
margin:10px 5px 10px 5px;
vertical-align:text-top;
border:0;
}

.article .thumb_poster
{
float:left;
vertical-align:top;
margin:10px 10px 40px 0px;/*kludge*/
}

.article_new_content
{
vertical-align:top;
}



.article_poster
{
margin:0px 0px 10px 0px;
padding:0;
}

.title
{
vertical-align:top;
margin:10px 0px 0px 0px;
border:0;
}

.bio_icon
{
margin:0px 5px 0px 0px;
vertical-align:text-top;
border:0;
}


.film_column_1
{
float:left;
margin:10px 10px 0px 0px;
}

.film_column_2
{
}

.download
{
font-size:75%;
display:inline-block;
width: 126px;
height: 50px;
margin:0px 0px 10px 0px;
padding:0px;
text-align:center;
background-color:#ffffff;
background-repeat:no-repeat;
background-image: url('../images/Download Button Rollover.png');
background-position:0 -150px;
}

.download:hover {background-position: 0 -100px;}
.download:active {background-position: 0 -100px;}
.download span {display: none;}

.article_title
{
font-size:large;
font-weight:bold;
}

.article_subtitles
{
font-size:medium;
font-weight:bold;
}

/*Posters*/
#posters
{
margin:10px 0px 10px 0px;
border:10px solid black;
padding:0px 0px 0px 17px;
background-color:#ffffff;
text-align:left;
}

/*Blah*/
.blah_date
{
font-weight:bold;
}

/*Credits*/
#content_credits .bio_icon
{
margin:0px 0px 0px 0px;
padding:0px 10px 5px 0px;
vertical-align:text-top;
float:left;
}

.bio_name
{
font-size:large;
font-weight:bold;
}

.film_name
{
font-weight:bold;
font-style:italic;
}

/*Credits*/



/*Side*/

.icon_box
{
margin:10px 0px 10px 0px; 
border:1px solid black;
padding:10px;
text-align:center;
vertical-align:bottom;
background-color: #ffffff;
}

.side_banner_banner
{
margin:-10px 0px 10px -10px;
}

.side_icons
{
margin:0px 5px 0px 5px;
border:0;
}

#side_banner_1
{
height:250px;
}

#side_banner_2
{
margin:10px 0px 10px 0px; 
border:1px solid black;
padding:10px;
height:240px;
background-color: #ffffff;
}

#footer_text
{
margin:10px 0px 10px 0px; 
border:1px solid black;
padding:10px;
height:auto;
text-align:center;
background-color:black;
color:white;
}

#footer_text a:link {color:#ffffff;} 
#footer_text a:visited {color:#ffffff;}