@charset "UTF-8";
/* CSS Document */

html, body {
	margin:0px;
	padding:0px;
	height:1%;
	text-align:center;
	background-color:black;
}

#wrapper {
width:900px;
height:100%;
margin-left:auto;
margin-right:auto;
margin-top:0px;



}

#banner {
width:900px;
height:232px;
background-image:url(images/banner.jpg);
float:left;
display:inline;
}

#logo {
background-image:url(images/fredtvlogo.gif);
background-repeat:no-repeat;
width:142px;
height:149px;
float:left;
display:inline;
margin-left:60px;
margin-top:30px;


}

#lowerhalf {
width:900px;
height:100%;
height:auto;
float:left;
display:inline;
background-image:url(images/background_square.jpg);
padding-bottom:15px;

}

#leftcolumnwrapper {
float:left;
width:169px;
height:auto;
display:inline;
}



#content {
float:right;
display:inline;
width:731px;
height:100%;
height:auto;
text-align:left;
background-image:url(images/background_tile.jpg);
background-repeat:repeat-x;

}

#leftcolumn {
float:left;
display:inline;
width:366px;
height:auto;
}

#welcome {
position:relative;
left:75px;
top:5px;
font-size:18px;
color:white;
font-family:Verdana, Arial, Helvetica, sans-serif;
display:inline;


}

#contentbox {
background-image:url(images/box_middle.gif);
background-repeat:repeat-y;
width:346px;
float:left;
display:inline;
margin-top:25px;
margin-left:20px;
max-height:300px;
}

#contentbox h3 {
background:url(images/box_top.gif) no-repeat left top;
padding-top:20px;
margin-top:-10px;
}

#contentbox h2 {
background:url(images/box_bottom.gif) no-repeat left bottom;
padding:10px;
margin-bottom:-5px;

}

#text {
text-align:left;
width:200px;
color:white;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:150%;
}

#flashplayer {
float:right;
display:inline;
width:345px;
height:525px;
margin-top:-245px;
margin-right:12px;
margin-bottom:15px;
z-index:100;

}

#slideshow {
float:right;
display:inline;
width:345px;
height:196px;
margin-top:-180px;
margin-right:12px;
z-index:100;

}

#slideshow
    			{
    				zoom: 1;
    				position: relative;
    			}
                
                #moviereviews ol {
                	margin-left:4px;
                }
                
               

/***********************  Homepage Lower Content Box ***********************************/

.box { 
clear:both;
margin-left:20px;
margin-bottom: 20px;
width: 688px;
 background:url(images/content_middle.gif) repeat-y;
 color:white;
font: 80%/1.3 "Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif;
}

.box h2 {
  background: url(images/content_top.gif) no-repeat left top;
  padding-top: 20px;
}

.box h3 {
  background: url(images/content_bottom.gif) no-repeat left bottom;
  height:13px;
padding-top:10px;
 margin-bottom:-4px;
clear:both;

}

.box h2 {
  padding-left: 40px;
  padding-right: 20px;
}

.box p {
  padding-left: 0px;
  padding-right: 30px;
}

#leftbox {
float:left;
margin-left:40px;
width:190px;
height:auto;
border-right-style:solid;
border-right-width:thin;
border-right-color:#006666;
padding-right:5px;
display:inline;

}

#middlebox {
float:left;
width:190px;
height:auto;
border-right-style:solid;
border-right-width:thin;
border-right-color:#006666;
padding-left:25px;
display:inline;

}

#rightbox {
float:left;
top:0px;
width:190px;
height:auto;
padding-left:25px;
display:inline;

}



/******************* End of Lower Content Box ******************************/


/******************* Start Content Boxes on SubPages ****************************/

.subpagebox { 
margin-top:30px;
margin-left:20px;
margin-bottom: 20px;
width: 688px;
 background:url(images/content_middle.gif) repeat-y;
 color:white;
font: 80%/1.3 "Gill Sans", Futura, "Lucida Grande", Geneva, sans-serif;

}

.subpagebox h2 {
  background: url(images/content_top.gif) no-repeat left top;
  padding-top: 20px;
  padding-left:40px;
}

.subpagebox #bottombar {
  background: url(images/content_bottom.gif) no-repeat left bottom;
  height:13px;
padding-top:10px;
 margin-bottom:-4px;
 clear:both;

}

.subpagecontent {
padding-left:40px;
padding-right:40px;
width:615px;
font: 12px/.1 Arial, Helvetica, sans-serif;
text-align:left;
line-height:170%;
min-height:250px;
}

.subpagetitle {
font: 18px/.3 Arial, Helvetica, sans-serif;
text-align:left;
line-height:170%;
text-transform:capitalize;
color:#66CCFF;
}

/******************* End Content Boxes on SubPages ****************************/



/******************* Start of Movie Review Box *****************************/
#moviereviews {
background:black url(images/movies_bottom.gif) no-repeat left bottom;
width:158px;
float:left;
display:inline;
margin-left:10px;
margin-top:10px;
}

#moviereviews h2 {
font-family:Arial, Helvetica, sans-serif;
color:#66CCCC;
font-size:15px;
font-weight:200;
line-height:140%;
}

#moviereviews li {
font-family:Arial, Helvetica, sans-serif;
color:#CCCCCC;
font-size:12px;
font-weight:200;
text-align:left;
line-height:150%;


}

#moviereviews ol {
margin-top:-5px;

padding-right:5px;
display:inline;
float:left;


}



/******************* End of Movie Review Box *****************************/



#navbar {
width:169px;
height:auto;
float:left;
display:inline;
}


ul {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:300;
text-align:left;

}


#nav li{
text-decoration:none;
}

#events {
width:169px;
height:47px;
background-image:url(images/hollywood_events.gif);
background-repeat:no-repeat;
float:left;
}

#events a{
width:169px;
height:47px;
background-image:url(images/hollywood_events.gif);
background-repeat:no-repeat;
float:left;
}

 
#events a:hover {
background-image:url(images/hollywood_events_over.gif);
float:left;
z-index:2;
}

.events li#events a, .events li#events a:hover {
background-image:url(images/hollywood_events_over.gif);
width:169px;
height:47px;
z-index:180;
float:left;
}

#photos {
background-image:url(images/photos.gif);
background-repeat:no-repeat;
width:284px;
height:31px;
float:left;
}

#photos a{
width:284px;
height:31px;
background-image:url(images/photos.gif);
background-repeat:no-repeat;
float:left;
}

#photos a:hover {
background-image:url(images/photos_over.gif);
}

.photos #photos a, .photos #photos a:hover {
background-image:url(images/photos_over.gif);
}

#movie_premieres {
background-image:url(images/movie_premieres.gif);
width:169px;
height:33px;
float:left;
}

#movie_premieres a{
width:169px;
height:33px;
background-image:url(images/movie_premieres.gif);
background-repeat:no-repeat;
float:left;
}

#movie_premieres a:hover {
background-image:url(images/movie_premieres_over.gif);
}

.movie_premieres #movie_premieres a, .movie_premieres #movie_premieres a:hover {
background-image:url(images/movie_premieres_over.gif);
}

#movie_reviews {
background-image:url(images/movie_reviews.gif);
width:169px;
height:34px;
float:left;
margin-top:-1px;
}

#movie_reviews a{
width:169px;
height:34px;
background-image:url(images/movie_reviews.gif);
background-repeat:no-repeat;
float:left;
}

#movie_reviews a:hover {
background-image:url(images/movie_reviews_over.gif);
}

.movie_reviews #movie_reviews a, .movie_reviews #movie_reviews a:hover  {
background-image:url(images/movie_reviews_over.gif);
}

#foundation{
background-image:url(images/foundation.gif);
width:169px;
height:33px;
float:left;
}

#foundation a{
width:169px;
height:33px;
background-image:url(images/foundation.gif);
background-repeat:no-repeat;
float:left;
}

#foundation a:hover {
background-image:url(images/foundation_over.gif);
}

.foundation #foundation a, .foundation #foundation a:hover  {
background-image:url(images/foundation_over.gif);
}

#contact {
background-image:url(images/contact.gif);
width:169px;
height:35px;
float:left;
}

#contact a{
width:169px;
height:35px;
background-image:url(images/contact.gif);
background-repeat:no-repeat;
float:left;
}

#contact a:hover {
background-image:url(images/contact_over.gif);
}

.contact #contact a, .contact #contact a:hover {
background-image:url(images/contact_over.gif);
}

#about {
background-image:url(images/about.gif);
width:169px;
height:33px;
float:left;
}

#about a{
width:169px;
height:33px;
background-image:url(images/about.gif);
background-repeat:no-repeat;
float:left;
}

#about a:hover {
background-image:url(images/about_over.gif);
}

.about #about a, .about #about a:hover {
background-image:url(images/about_over.gif);
}

#press {
background-image:url(images/press.gif);
width:169px;
height:33px;
float:left;
}

#press a{
width:169px;
height:33px;
background-image:url(images/press.gif);
background-repeat:no-repeat;
float:left;
}

#press a:hover {
background-image:url(images/press_over.gif);
}

.press #press a, .press #press a:hover {
background-image:url(images/press_over.gif);
}

#space {
background-image:url(images/nav_end.gif);
width:169px;
height:40px;
float:left;
}

#footer {
clear:both;
padding-top:5px;
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#00CCFF;
font-size:11px;
line-height:160%;
}

#footer a {
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#00CCFF;
font-size:11px;
text-decoration:none;

}

#footer a:hover {
color:white;
text-decoration:underline;
}