/* CSS Document */
body {

}

#outer {
	position: absolute;
	top: 50%;
	left: 0px;
	width: 100%;
	height: 1px;
}

#inner {
	margin-left: -250px;
	position: absolute;
	top: -150px;
	left: 50%;
	width: 600px;
	height: 300px;
	z-index: 2;
}

#fifty1, #fifty2 {
	position: absolute;
	left: 0;
	width: 100%;
	height: 50%;
	z-index: 1;
}

#fifty1	{
	background: #FFF;
	top: 0;
}

#fifty2 {
	background: #000;
	top: 50%;
}

.bgtext {
	position:absolute;
	top:50px;
	left:15%;
}

#text1, #text2, #text3, #text4, #text5, #text6, #text7 {
	font-family:verdana, helvetica, sans serif;
	position:absolute;
}

#text1 {
	font-size:29px;
	top:6px;
	left:0px;
}
	
#text2 {
	font-size:60px;
	top:40px;
	left:20px;
}
	
#text3 {
	font-size:34px;
	top:60px;
	left:300px;
}
	
#text4 {
	font-size:50px;
	top:200px;
	left:45px;
}
	
#text5 {
	font-size:39px;
	top:200px;
	left:260px;
}
	
#text6 {
	font-size:45px;
	top:-5px;
	left:230px;
}
	
#text7 {
	font-size:28px;
	top:254px;
	left:330px;
}

#text1 a:hover span {
	top: -3px; 
	left: 0px; 
}

#text2 a:hover span {
	top: -10px; 
	left: 15px; 
}

#text4 a:hover span, #text5 a:hover span {
	top: -6px; 
	left: 0px; 
}
			
#text3 a:hover span {
	top: -4px; 
	left: 40px; 
}

#text6 a:hover span, #text7 a:hover span {
	top: -4px; 
	left: 0px; 
}
				  
#inner a:hover {
	background: none;
	cursor: crosshair;	
}

#inner a span, #inner a:visited span { display: none; }

#inner a {
	text-decoration: none;
	color:#F00; /*color of urls before hovering*/
}

#text1 a, #text2 a, #text3 a, #text6 a {
	text-decoration: none;
	color:#000; /*color of urls before hovering*/
}

#text4 a, #text5 a, #text7 a {
	text-decoration: none;
	color:#FFF; /*color of urls before hovering*/
}

#inner #content a:link, #inner #content a:visited, #inner a:hover, #inner a:hover span {color:#666;} /*color of urls while hovering*/

#inner a:hover span {
	display: block;
	position:relative;
	background:none;
	font-size:14px;
}
			
#inner a:link, #inner a:visited, #inner a:hover { text-decoration:none; }