/*
 * #01 - General 
 * #02 - Links 
 */

/* #01 - GENERAL **************************************************************/

* { margin: 0;  padding: 0; }

body {
	text-align: center;
	background: #fff url('../images/splash_bg.jpg') 50% 330px no-repeat;
}

#logos {
	margin: 330px auto 0;
	width: 840px;
	overflow: hidden; /* contain floats */
}

#logos .site {
	float: left;
	width: 420px;
}

#logos .custom {
	float: right;
	width: 420px;
}

#titles {
	margin: 24px auto 0;
	width: 840px;
	overflow: hidden; /* contain floats */
}

#titles .site {
	float: left;
	width: 420px;
}

#titles .custom {
	float: right;
	width: 420px;
}

/* #02 - LINKS ****************************************************************/

/* General */

#logos a:link, #logos a:visited, #logos a:hover, #logos a:active {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 100px;
}

#titles a:link, #titles a:visited, #titles a:hover, #titles a:active {
	display: block;
	overflow: hidden;
	text-indent: -9999px;
	height: 55px;
}


/* Logos */

#logos .site a:link, #logos .site a:visited, #logos .site a:hover, #logos .site a:active {
	margin-left: 146px;
	width: 130px; 
	background: transparent url('../images/logo_site.gif') 0 0 no-repeat;
}
#logos .site a:hover { background-position: 0 -100px; }

#logos .custom a:link, #logos .custom a:visited, #logos .custom a:hover, #logos .custom a:active {
	margin-left: 42px;
	width: 336px; 
	background: transparent url('../images/logo_custom.gif') 0 0 no-repeat;
}
#logos .custom a:hover { background-position: 0 -100px; }

/* Titles */

#titles .site a:link, #titles .site a:visited, #titles .site a:hover, #titles .site a:active {
	margin-left: 57px;
	width: 305px; 
	background: transparent url('../images/title_site.gif') 0 0 no-repeat;
}
#titles .site a:hover { background-position: 0 -55px; }

#titles .custom a:link, #titles .custom a:visited, #titles .custom a:hover, #titles .custom a:active {
	margin-left: 42px;
	width: 336px; 
	background: transparent url('../images/title_custom.gif') 0 0 no-repeat;
}
#titles .custom a:hover { background-position: 0 -55px; }