/*-----------------------------Link 1 - VR Travel Rollover------------------*/

#Link1 {
	position:absolute;
	top: 135px;
	left: 265px;
	width: 221px;
	height: 39px;
	background-image: url(../images/framework/spl_travel.gif);
	background-repeat: no-repeat;
}
html>body #Link1 {
	top:128px;
}
#Link1 a span {
	display: none;
}
#Link1 a {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
	width:221px;
}
#Link1 a:visited {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
}
#Link1 a:hover{
	position:relative;
	background-image: url(../images/framework/spl_travel_roll.gif);
	background-repeat: no-repeat;
}

#Link1 a:hover span {
	display: block;
	position: absolute;
	top: 83px;
	left: -56px;
	width: 377px;
	height: 137px;
	background: url(../images/framework/spl_main_roll.gif) no-repeat;

}
#Link1 a:hover span h1{
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #33FF99;
	padding-left:5px;
	margin: 10px 0px 0px 0px;
}
#Link1 a:hover span p{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	padding: 0px 5px 0px 5px;
}

/*-----------------------------Link 2 - VR Corporate Rollover------------------*/

#Link2 {
	position:absolute;
	top: 153px;
	left: 554px;
	width: 230px;
	height: 39px;
	background-image: url(../images/framework/spl_corp.gif);
	background-repeat: no-repeat;
}
html>body #Link2{
	top: 146px;
}
#Link2 a span {display: none;
}

#Link2 a {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
	width:230px;
}
#Link2 a:visited {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
}
#Link2 a:hover{
	position:relative;
	background-image: url(../images/framework/spl_corp_roll.gif);
	background-repeat: no-repeat;
}


#Link2 a:hover span {
display: block;
position: absolute;
top: 65px;
left: -345px; 
width: 377px;
height: 137px;
background: black url(../images/framework/spl_main_roll.gif) no-repeat;
}
#Link2 a:hover span h1{
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #33FF99;
	padding-left:5px;
	margin: 10px 0px 0px 0px;
}
#Link2 a:hover span p{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0px 5px 0px 5px;
}

/*------------------------------Link 3 - VR Events Rollover------------------*/
#Link3 {
	position:absolute;
	top: 278px;
	left: 637px;
	width: 136px;
	height: 39px;
	background-image: url(../images/framework/spl_event.gif);
	background-repeat: no-repeat;
}
html>body #Link3{
	top: 271px;
}
#Link3 a span {display: none;
}

#Link3 a {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
	width: 136px;
}
#Link3 a:visited {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
}
#Link3 a:hover{
	position:relative;
	background-image: url(../images/framework/spl_event_roll.gif);
	background-repeat: no-repeat;
}


#Link3 a:hover span {
display: block;
position: absolute;
top: -60px;
left: -428px; 
width: 377px;
height: 137px;
background: black url(../images/framework/spl_main_roll.gif) no-repeat;


}
#Link3 a:hover span h1{
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #33FF99;
	padding-left:5px;
	margin: 10px 0px 0px 0px;
}
#Link3 a:hover span p{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0px 5px 0px 5px;
}

/*------------------------------Link 4 - VR Product Rollover------------------*/
#Link4 {
	position:absolute;
	top: 373px;
	left: 490px;
	width: 193px;
	height: 39px;
	background-image: url(../images/framework/spl_prod.gif);
	background-repeat: no-repeat;
}
html>body #Link4{
	top: 366px;
}
#Link4 a span {display: none;
}

#Link4 a {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
	width: 193px;
}
#Link4 a:visited {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
}
#Link4 a:hover{
	position:relative;
	background-image: url(../images/framework/spl_prod_roll.gif);
	background-repeat: no-repeat;
}


#Link4 a:hover span {
display: block;
position: absolute;
top: -155px;
left: -281px; 
width: 377px;
height: 137px;
background: black url(../images/framework/spl_main_roll.gif) no-repeat;


}
#Link4 a:hover span h1{
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #33FF99;
	padding-left:5px;
	margin: 10px 0px 0px 0px;
}
#Link4 a:hover span p{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0px 5px 0px 5px;
}

/*------------------------------Link 5 - VR Fullfillment Rollover------------------*/
#Link5 {
	position:absolute;
	top: 450px;
	left: 222px;
	width: 224px;
	height: 39px;
	background-image: url(../images/framework/spl_full.gif);
	background-repeat: no-repeat;
}
html>body #Link5{
	top: 443px;
}
#Link5 a span {display: none;
}

#Link5 a {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
	width: 224px;
}
#Link5 a:visited {
	text-decoration: none;
	border: 0px none #FFFFFF;
	display: block;
}
#Link5 a:hover{
	position:relative;
	background-image: url(../images/framework/spl_full_roll.gif);
	background-repeat: no-repeat;
}


#Link5 a:hover span {
display: block;
position: absolute;
top: -232px;
left: -13px; 
width: 377px;
height: 137px;
background: black url(../images/framework/spl_main_roll.gif) no-repeat;


}
#Link5 a:hover span h1{
	font: bold 18px Verdana, Arial, Helvetica, sans-serif;
	color: #33FF99;
	padding-left:5px;
	margin: 10px 0px 0px 0px;
}
#Link5 a:hover span p{
	font: bold 12px Verdana, Arial, Helvetica, sans-serif;
	color: #ffffff;
	padding: 0px 5px 0px 5px;
}