*{
	margin: 0;
	padding: 0;
}

body{
	width: 100%;
	height: 100%;
	background: #FFFFFF url('../images/body-background.jpg');
	font-family: verdana;
	font-size: 12.5px;
	color: #000;			
}

img{
	border: 0;
}

#wrapper{
	/*width: 975px;*/
	width: 980px;
	margin: 0 auto;
}

#inner{
	width: 920px;
	height: 580px;			
	margin: 0 auto;						
	position: relative;			
	padding: 10px 0;
}

#navigation{
	position: absolute;			
	right: 0;
	margin-top: 20px;	
}

#navigation ul{
	list-style-type: none;			
}

#navigation ul li{
	float:left;
	margin-right: 25px;			
}

#navigation ul li:hover, #navigation ul li.active{
	background-position:top right;
}		

#navigation ul li a{
	display: block;
	height: 67px;			
}

#navigation li a span{
	display:none;
}

#subnavigation{
	position: absolute;			
	left: 200px;
	margin-top: 80px;
	z-index: 50;
	font-family: Serif;
	font-size: 12.5px;
}

#subnavigation ul{
	list-style-type: none;			
}

#subnavigation ul li{
	float:left;
	margin-right: 25px;			
	margin-bottom: 10px;
	white-space: nowrap;
}

#subnavigation ul li a{
	display: block;
	color: black;
	text-decoration: none;
}

#subnavigation ul li a:hover{	
	text-decoration: underline;
}


#header{	
	height: 225px;			
	/*background: url('../images/index-header.jpg') top center no-repeat;	*/
}

#header h1{
	display:none;			
}

#left, #right{
	width: 235px;
	float: left;
	padding: 10px;
	font-family: arial;
}

#left h2 a, #right h2 a{
	display: block;			
	height: 500px;
	margin-top: -225px;
}		

#left p, #right p{
	margin-top: -115px;
}

#left h2{			
	background: url('../images/to-him.png') 0 300px no-repeat;			 
}

#right h2{
	background: url('../images/from-her.png') 0 300px no-repeat;
}

#left h2:hover, #right h2:hover{
	background-position: -235px 300px;
}

#left a span, #right a span{
	display:none;
} 

#right {			
	text-align: right;
}	

#middle{
	width: 445px;
	height: 315px;
	padding: 0 10px;
	float: left;
	text-align: center;
	/*background: url('../images/index-note.jpg') top center no-repeat;			*/
}

#himLink a, #herLink a{
	display: block;
	width: 220px;
	float:left;
	height: 305px;
}

#himLink a span, #herLink a span{
	display: none;
}

#him p, #her p{
	width: 200px;
	margin-top: -215px;
}

#him p a, #her p a{
	color:black;
	text-decoration:none;
}

#him p{
	margin-left: 50px;
}

#her p{
	margin-left: 212px;
	text-align: right;
}

#logo{
	position: absolute;
	top: 20px;
	left: 10px;	
}


#content{
	position: absolute;
	bottom: 30px;		
	width: 400px;			
	height: 360px;
	margin-left: 240px;			
	padding-right: 5px;
	overflow:hidden;	
}	

#inner h1{
	position:absolute;
	width: 400px;
	left:240px;
	bottom: 400px;							
	font-family: Serif;
	font-size: 24px;
	color: #330066;	
	line-height: 30px;
}

#content p{	
	margin-bottom: 12px;			
	margin-left: 30px;
	color: #666;
}

#scrollBar{
	position: absolute;
	bottom: 30px;
	margin-left: 620px;
	width: 30px;
}	

#scrollTrack { 
   background-color: #AAA;
   position: relative;   
   
   width: 3px; 
   margin-left: 15px;
   height: 360px; 
}

#scrollTrack #scrollHandle {   
   background: url('../images/scrollHandle.png') center center no-repeat;
   position: absolute;
   z-index: 2;

   width: 30px; 
   height: 30px;    
   left: -13px;
}

#footer{	
	margin: -15px auto 0;		
	text-align:center;
}

#footer ul{
	list-style-type: none;			
}

#footer ul li{
	display:inline;
	margin-right: 10px;			
	margin-left: 10px;
}	

#footer ul li a{
	color: black;
	text-decoration: none;
}

#player{
	position:absolute;
	bottom: -15px;
	left:0;
}