* {
		margin:0;
		padding:0;
		}

	html, body {
		height:100%;
		}
		
    img.alignleft {
    	margin-right: 4px;
    	padding: 4px;
		display: inline;
		border: none;
		float: left;
		}

	body {
		background-color:#c3c3c3;
		color:#000;
		font: 1em/1.2em Helvetica Neue, Helvetica, Arial, san-serif;
		text-align:center; /* horizontal centering for IE Win quirks */
		}

	#distance { 
		width:1px;
		height:50%;
		background-color:#c3c3c3;
		margin-bottom:-291px; /* half of container's height */
		float:left;
		}

	#container {
		margin:0 auto;
		position:relative; /* puts container in front of distance */
		height:583px;
		width:900px;
		clear:left;
		text-align:left;		
	}
	
	.logo_rope {
		background-image: url(images/main_background.jpg);
	}
		
	.sideways_rope {
		background-image: url(images/sideways_rope.jpg);

	}
	
	.right_rope {
		background-image: url(images/right_rope.jpg);

	}
	
	.left_rope {
		background-image: url(images/left_rope.jpg);

	}
	
	.broken_rope {
		background-image: url(images/broken_rope.jpg);

	}
	
	h1 {
		font-size: 500%;
		font-weight: lighter;
		color: #333;

	}
		
	#navigation {
		margin-left: 375px;
		padding-top: 225px;
	}
	
	#navigation h2 {
		padding-top: .5em;
	}

	#navigation h2 a {
		font-weight: lighter;
		color: #333;
		font-size:100%;
		text-decoration: none;
		padding-left: .5em;

		}
		
	#navigation h2 a:hover {
		color: green;
		}
		
	#dvd {
		float: right;
		position: absolute;
		bottom: 20px;
		right: 20px;
	}
		
	#player {
		margin-left: 60px;
		padding-top: 105px;
	}
	
	#player h2
	
	{
		font-weight: lighter;
		color: #333;
		font-size:120%;
	}
	
	#back {
		position: absolute;
		bottom: 20px;
		margin-left: 50%;
	}
	
	#back h3 a {
		font-weight: normal;
		color: #333;
		font-size:120%;
		text-decoration: none;
	}

	#back h3 a:hover {
		color: green;

    }
    
    .left_back {
    	margin-left: 30% !important;
    }
    
    #right_text {
    	position: absolute;
    	left: 370px;
    	top: 100px;
    	width: 430px;

    }
    
    #right_text p {
    	line-height: 1.3em;
    	padding-bottom: 1em;
    }
    
    #left_side {
    	width: 500px;
    	padding: 25px;
    }
    
    #left_text {
        	width: 500px;
    	padding: 25px;
      	line-height: 1.3em;
    	padding-bottom: 1em;
    }
    
    #photo_boxes {
   		position: absolute; top: 10px; left: 50px; width: 800px;
    }
    
    #photo_boxes a, #photo_boxes a:visited {
		text-decoration: none;	 
    }
    
    #photo_boxes img {
    	width: 250px;
    	height: 166px;
    	border: 1px solid black;
     	list-style-type: none;
     	margin: 0; /*removes indent IE and Opera*/
		padding: 0; /*removes indent Mozilla and NN7*/
    }
    
    
    #photo_boxes a em img {
        display: none;
     }
     
    #photo_boxes a:hover em img {
        display: block;
        position: absolute;
        left:256px; top:172px; width:250px; height:166px; 
        z-index:200; z-index:500;
     }

     p a {
     	text-transform: uppercase;
     	font-size: smaller;
     	font-weight: light;
     	text-decoration: none;
     	border: 1px black solid;
     	color: black;
     	padding: 4px;
     	letter-spacing: .2em;
     	
     }
     
     p a:hover {
       	color: green;
     }
    
    #credits {
    	padding: 1em;
    }
    
    #credits td {
    	padding-bottom: 10px;
    }
    
    #credits td a {
    	text-decoration: none;
    	padding-right: 20px;
    }
    
    .creditlist {
    	font-size: 90%;
    	color: #444;
    }
    
    .center_list {
    	text-align: center;
    }
    
    li {
    	list-style: none;
    	padding-bottom: 6px;
    }
    
    li ul li {
    	font-size: 70%;
    	color: #444;
    	padding-bottom: 0;
    }