html
{
	background-image : url('../../images/splash/bg.png');
}

#login
{
	height : 29px;
	
	font-size : 0;
	text-align : right;
	
	padding : 0 0 154px;
	background : transparent url('../../images/splash/login-bg.png') no-repeat top right;
	margin : 0;
}

#login li
{
	display : inline;
	list-style : none;
	
	font : 12px/29px Helvetica, Arial, sans-serif;
	
	padding : 2px 5px 3px 6px;
	background : transparent url('../../images/login-vr.png') no-repeat center left;
}
#login li:first-child
{
	background-image : none;
}

#login :link,
#login :visited
{
	color : #800000;
	text-decoration : none;
}
#login :link:hover,
#login :visited:hover
{
	text-decoration : underline;
}

#splash
{
	position : relative;
	width : 855px;
	height : 285px;
	
	font : 14px/16px Helvetica, Arial, sans-serif;
	color : #333;
	
	margin : 0 auto 100px;
}

#splash h1
{
	display : block;
	width : 422px;
	height : 210px;
	position : absolute;
	top : 0;
	left : 0;

	background-image : url('../../images/splash/logo.png');
	padding : 0;
	margin : 0;
}

#splash h2
{
	padding : 0;
	margin : 0;
}

#splash ul
{
	position : absolute;
	top : -30px;
	left : 450px;
	
	padding : 0;
	margin : 0;
}
#splash ul li
{
	position : relative;
	display : block;
	list-style : none;
	
	width : 312px;
	height : 95px;
	
	background : transparent url('../../images/splash/item-bg.png') no-repeat top left;
	margin-bottom : 15px;
}

#splash ul li h2
{
	position : absolute;
	top : 15px;
	left : 121px;
	height : 25px;
	
	text-indent : -32767em;
	
	background : transparent none no-repeat top left;
}

#splash ul li p
{
	position : absolute;
	top : -11px;
	left : 0;

	background : transparent none no-repeat 22px 0;
	margin : 0;
}

#splash ul li p :link,
#splash ul li p :visited
{
	display : block;
	width : 171px;
	height : 53px;
	
	color : #333;
	text-decoration : none;

	padding : 53px 20px 0 121px;
}

#splash ul li:hover h2
{
	padding-right : 16px;
}

#splash ul li + li
{
	margin-left : 32px;
}
#splash ul li + li + li
{
	margin-left : 64px;
}

#splash .buying h2 { width : 70px; background-image : url('../../images/splash/buy-text.png'); }
#splash .buying p  { background-image : url('../../images/splash/buy-icon.png'); }

#splash .selling h2 { width : 68px; background-image : url('../../images/splash/sell-text.png'); }
#splash .selling p  { background-image : url('../../images/splash/sell-icon.png'); }

#splash .search h2 { width : 133px; background-image : url('../../images/splash/search-text.png'); }
#splash .search p  { background-image : url('../../images/splash/search-icon.png'); }

#splash .search p.open_house
{
	display : block;
	width : 153px;
	height : 47px;
	
	position : absolute;
	top : 88px;
	left : 114px;
	
	text-indent : -32767em;
	
	padding : 0;
	background : transparent url('../../images/splash/openhouse.png') no-repeat top left;
	margin : 0;
}