#navbar {display:none;}


/* splash screen */
#splash {
	position: relative;
	display:block; width:850px; height:400px;
	margin: 25px auto 0;
	border: 0px none #CC0000;
	background: url('/common/images/backgrounds/splash-globe.jpg') no-repeat scroll #F0F0F0;
	background-size: 100% 100%;
}
.splashlinks {
	position: absolute;
	top: 50%;
	display: block;
	margin: 0;
	padding: 0;
	background: transparent;
	font-size: 0;
}
.splashlinks li {
	position: relative;
	display: block;
	/*margin: 10px 0;  overridden below */
	border: 0px none #00CC00;
}
.splashlinks li a {
	position: relative;
	display: inline-block;
	margin: 0;
	border: 0px none #CC00CC;
	padding: 5px;
	vertical-align: middle; /* fixes IE rendering outside of LI */
	font:normal normal 400 60px/60px 'Josefin Slab', Arial, sans-serif;
	text-decoration: none;
	white-space: nowrap;
	color:#555577;
	-webkit-transition: all 0.4s ease-in-out;
    -moz-transition: all 0.4s ease-in-out;
    -o-transition: all 0.4s ease-in-out;
    -ms-transition: all 0.4s ease-in-out;
    transition: all 0.4s ease-in-out;
}
/* Create the desired hover effects. 
 * .hover class is used instead of :hover in order to use
 * jquery to blur all anchor elements
 */
.splashlinks.hover li a {
	text-shadow: 0 0 12px #555577;
	color: transparent;
}
.splashlinks li a.hover {
	text-shadow: 3px 3px 5px #333333;
    color: #3D6EFF;
	-webkit-transform: scale(1.5);
	-moz-transform: scale(1.5);
    -ms-transform: scale(1.5);
    -o-transform: scale(1.5);
    transform: scale(1.5);
	text-decoration: none;
}
.splashlinks li a.disabled {
	
}
.splashlinks li a.disabled.hover {
	cursor:not-allowed;
	text-decoration:line-through;
	color:#000000;
}
/* fixes IE's inability to use text-shadow */
.splashlinks.iehover li a {
	color: inherit;
	filter: progid:DXImageTransform.Microsoft.Blur(pixelradius=5);
	margin-top:-1px;
	margin-left:-1px;
}
.splashlinks li a.iehover {
	color: #3D6EFF;
	filter: progid:DXImageTransform.Microsoft.Blur(enabled=false);
}
/* Set left and right positioning of UL elements surrounding image.
 * Margin-top should be negative half the height of the UL.
*/
#l-links { right:500px; margin-top:-151px; text-align:right; }
#r-links { left:500px; margin-top:-178px; text-align:left; }
/* Override the spacing between left and right links 
 * individually. If these margins are altered, 
 * margin-top (above) must also be altered. 
*/
#l-links li { top:0; margin-bottom:40px; }
#l-links li:last-child { margin-bottom:0; }
#r-links li { top:0; margin-bottom:20px; }
#r-links li:last-child { margin-bottom:0; }
/* left and right values set the curvature of the links */
#l-link-1 { left:-50px; }
#l-link-2 { left:-80px; }
#l-link-3 { left:-50px; }
#r-link-1 { right:-40px; }
#r-link-2 { right:-70px; }
#r-link-3 { right:-70px; }
#r-link-4 { right:-40px; }
/*
#l-link-1 { left:0; }
#l-link-2 { left:-30px; }
#l-link-3 { left:0; }
#r-link-1 { right:0; }
#r-link-2 { right:-30px; }
#r-link-3 { right:-30px; }
#r-link-4 { right:0; }
*/