/* CSS Document */

body 	{
			background-color:#A89F7E;
			margin:0px;
			padding:0px;
		}
		
img	{
		border:0px;
	}
		
.homepage	{
				background-image:url(../Graphics/TitlePage.jpg);
				background-repeat:no-repeat;
				width:800px;
				height:580px;
				padding:0px;
				margin:0px;
				border:0px;
			}
			
.subpage	{
				background-image:url(../Graphics/ContentPage.jpg);
				background-repeat:no-repeat;
				width:800px;
				height:580px;
				padding:0px;
				margin:0px;
				border:0px;
			}

.top	{
			width: 800px;
			height:124px;
		}

.middle	{
				width:800px;
				height:384px;
			}
			
.title	{
			height:25px;
		}
.content	{	
				width:400px;
				height:257px;
				color:#000000;
				font-family:Arial, Helvetica, sans-serif;
				font-size:12px;
				text-align:left;
				margin-top:10px;
				border:0px;
				padding:0px;
			}
#back	{
			background-image:url(../Graphics/Back.jpg);
			background-repeat:no-repeat;
			background-position:right;
			text-align:right;
			width:480px;
			height:31px;
		}
		
#back a	{
			margin-left:414px;
			display:block;
			width: 66px;
		 }

#back a:hover	{
					background:#FFFFFF url(../Graphics/BackRollover.jpg);
				}

.firstrow	{
				width: 712px;
				padding-left: 88px;
			}

.secondrow	{
				float:left;
				width: 689px;
				padding-left: 111px;
				padding-bottom:10px;
			}


	
/*--------------------- Roll Over Button Effects > firstrow ---------------------*/
#about_btn	{ 	
				float:left; 
				margin-left:0px;
			}
#about_btn a	{
					display:block;
					width: 172px;
				}
				
#about_btn a:hover 	{
						 background:#A89F7E url(../Graphics/AboutTheShow.jpg);
					}


#characters_btn	{ 
					float:left;
					margin-top:1px;
					margin-left:17px;
				}
#characters_btn a	{
						display:block;
						width: 129px;
					}
				
#characters_btn a:hover 	{
								 background:#A89F7E url(../Graphics/Characters.jpg);
							}


#dirbios_btn	{ 
					float:left;
					margin-left:18px;
				}
				
#dirbios_btn a	{
					display:block;
					width: 164px;
				}
				
#dirbios_btn a:hover 	{
							 background:#A89F7E url(../Graphics/DirectorsBios.jpg);
						}


#episodes_btn	{ 
					float:left;
					margin-left:16px;
				}
									
#episodes_btn a	{
					display:block;
					width: 103px;
				}
				
#episodes_btn a:hover 	{
							 background:#A89F7E url(../Graphics/Episodes.jpg);
						}
						
						
/*--------------------- Roll Over Button Effects > secondrow ---------------------*/


#partners_btn	{ 
					float:left;
					margin-left:0px;
				}
									
#partners_btn a	{
					display:block;
					width: 114px;
				}
				
#partners_btn a:hover 	{
							 background:#A89F7E url(../Graphics/Partners.jpg);
						}
						
						
#contact_btn	{ 
					float:left;
					margin-left:12px;
				}
									
#contact_btn a	{
					display:block;
					width: 98px;
				}
				
#contact_btn a:hover 	{
							 background:#A89F7E url(../Graphics/Contact.jpg);
						}


#prodstill_btn	{ 
					float:left;
					margin-left:13px;
				}
									
#prodstill_btn a	{
					display:block;
					width: 197px;
				}
				
#prodstill_btn a:hover 	{
							 background:#A89F7E url(../Graphics/ProductionStills.jpg);
						}
						

#wallpaper_btn	{ 
					float:left;
					margin-left:15px;
				}
									
#wallpaper_btn a	{
					display:block;
					width: 122px;
				}
				
#wallpaper_btn a:hover 	{
							 background:#A89F7E url(../Graphics/Wallpaper.jpg);
						}