body {
    margin: 0px auto;
    padding: 0px;
    background: url(images/zrex_background.jpg);
    background-color: #000000;
	background-position: top left; 
	background-repeat: no-repeat; 
}


* {
  margin: 0;
  padding: 0;
}

/* START of main structure */    

#body {
    margin: 0px;
    padding: 0px;
    width: 950px;
  
}

#container {
	text-align: left;
    margin: 0px;
    padding: 20px 0px 0px 205px;  
}

#content {
	text-align: left;
    margin: 0px;
    padding-top: 22px;
    clear: both;
    width:700px;
} 

#spacer {
	height: 200px;
	} 

#footer{
	clear: both;
	background:url(images/zrex_footer_background.jpg) no-repeat 0px 0px;
	background-position: bottom left;
	height: 150px;
}
/* END of main structure */    

 
/* START of nav items */    
#navmenu {
    height: 205px;
    float: right;
	width:180px;
	padding-right:50px;
}

#navmenu span {
  display: none;
}

#nav {
    width: 205px; height: 28px;
    margin: 0px auto;
	}
  #nav li {
    margin: 0; padding: 0; list-style: none;
    top: 0;}
  #nav li, #nav a, #nav ul {
    height: 32px; display: block;}

#home{ 
	height:28px;
	width:130px; 
	float:left;
	}
	#home a { 
		height:28px;
		width:130px; 
		background:url(images/zrex_nav_home.gif) no-repeat 0px 0px;
		 }
	#home a:hover {	
		background-position: 0 -28px;
		}
	#home a:active {
		background-position: 0 -28px;
		}


#homehover{
	float:left;
	height:28px;
	width:130px; 
	background:url(images/zrex_nav_home.gif) no-repeat 0px 0px;
	background-position: 0 -28px;
}
	
#homehover span, #home span {
  display: none;
}
	
#trailer{ 
	height:28px;
	width:85px; 
	float:left;
	}
	#trailer a { 
		height:28px;
		width:157px; 
		background:url(images/zrex_nav_trailer.gif) no-repeat 0px 0px;
		}
	#trailer a:hover {	
		background-position: 0 -28px;
		}
	#trailer a:active {
		background-position: 0 -28px;
		}

#trailerhover{
	height:28px;
	width:157px; 
	float:left;
	background:url(images/zrex_nav_trailer.gif) no-repeat 0px 0px;
	background-position: 0 -28px;
}

#trailerhover span, #trailer span {
  display: none;
}
		
#synopsis { 
	height:28px;
	width:174px; 
	float:left;
	}
	#synopsis a{ 
		height:28px; 
		width:174px; 
		background:url(images/zrex_nav_synopsis.gif) no-repeat 0px 0px;
		}
	#synopsis a:hover {	
		background-position: 0 -28px;
		}
	#synopsis a:active {
		background-position: 0 -28px;
		}

#synopsishover { 
	height:28px;
	width:174px; 
	float:left;
	background:url(images/zrex_nav_synopsis.gif) no-repeat 0px 0px;	
	background-position: 0 -28px;
	}

#synopsishover span, #synopsis span {
  display: none;
}
	
#author{ 
	height:28px;
	width:160px; 
	float:left;
	}
	#author a{ 
		height:28px; 
		width:160px; 
		background:url(images/zrex_nav_author.gif) no-repeat 0px 0px;
		}
	#author a:hover {	
		background-position: 0 -28px;
		}
	#author a:active {
		background-position: 0 -28px;
		}

#authorhover { 
	height:28px; 
	width:160px; 
	float:left;
	background:url(images/zrex_nav_author.gif) no-repeat 0px 0px;
	background-position: 0 -28px;
	}

#authorhover span, #author span {
  display: none;
}

#excerpt{ 
	height:28px;
	width:163px; 
	float:left;
	}
	#excerpt a{ 
		height:28px; 
		width:163px; 
		background:url(images/zrex_nav_excerpt.gif) no-repeat 0px 0px;
		}
	#excerpt a:hover {	
		background-position: 0 -28px;
		}
	#excerpt a:active {
		background-position: 0 -28px;
		}

#excerpthover { 
	height:28px; 
	width:163px; 
	float:left;
	background:url(images/zrex_nav_excerpt.gif) no-repeat 0px 0px;
	background-position: 0 -28px;
	}

#excerpthover span, #excerpt span {
  display: none;
}
	
#download{ 
	height:28px;
	width:203px; 
	float:left;
	}
	#download a{ 
		height:28px; 
		width:203px; 
		background:url(images/zrex_nav_download.gif) no-repeat 0px 0px;
		}
	#download a:hover {	
		background-position: 0 -28px;
		
		}
	#download a:active {
		background-position: 0 -28px;
		}

#downloadhover { 
	height:28px; 
	width:203px; 
	float:left;
	background:url(images/zrex_nav_download.gif) no-repeat 0px 0px;
	background-position: 0 -28px;
	}

#downloadhover span, #download span {
  display: none;
}

/* END of nav items */    


/* START of text & image styling */    

.border {
    border: 5px #8d0e0f solid;
}

.chapterborder {
    padding:15px 0 15px 0px;
}

.largeimageborder {
    margin-right:15px;
    border: 5px #8d0e0f solid;
}

.trailerborder {
    width: 640px; 
    padding:5px; 
    background-color:#000;
    border: 5px #8d0e0f solid;
}

.dekspacing {
	padding-top:30px;
}

.quarterspacing{
	float:left; 
	width:175px; 
	text-align:center;
}

.halfspacing{
	float:left; 
	width:350px; 
	text-align:center;
}

.chapterspacing{
	width:208px; 
	padding-right: 15px; 
	float:left;
}

H2 {
FONT-FAMILY: Arial, Helvetica, Sans serif;
		   font-weight: bold;
		   font-size: 20px;
           color:#ffffff;
           margin-top:-1px;
           margin-bottom:-1px;
           line-height: 24px;
      }


H1 {
FONT-FAMILY: Arial, Helvetica, Sans serif;
		   font-weight: bold;
		   font-size: 20px;
           color:#ffffff;
           margin-top:-1px;
           margin-bottom:-1px;
           line-height: 24px;
           display: none;
      }


p {
font-family: Arial, Verdana, Sans-Serif;
color: #ffffff;
text-align: left;
line-height: 22px;
font-size: 14px;
margin: 8px 0px;
}

.main {font-family: Arial, Verdana, Sans-Serif; color: #ffffff; text-align: left; line-height: 20px; font-size: 14px;}
A.main:link {COLOR: #dddddd; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.main:active {COLOR: #dddddd; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.main:visited {COLOR: #dddddd; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}
A.main:hover {COLOR: #e11414; FONT-STYLE: normal; FONT-WEIGHT: bold; TEXT-DECORATION: underline}

/* END of text & image styling */    


