* {
	margin: 0;
	padding: 0;
}
 
html, body {
	border:0;
	margin:0;
	padding:0;
	height: 100%; /* Required */
}
body 
{
	background: url(/images/pix_purple.png) #990099;
	text-align: center;
	height: 100%;
}
#wrapper
{
    margin: 0 auto;
	width: 960px;
	position: relative;
	text-align: left;
	height: 600px;
	background: url(/images/yms_portal.png) no-repeat #990099;
}
html>body #wrapper
{
   min-height: 600px;
   height: auto;
}
#wrapper div.door
{
	position: absolute;
	width: 465px;
	height: 432px;
}
#wrapper div.door a
{
	display: block;
	width: 465px;
	height: 432px;
}
#wrapper a span
{
	display:none;
}
#kidsDoor
{
	top: 21px;
	left: 5px;
	background: url(/images/kids_door.png) no-repeat;
}
#teensDoor
{
	top: 21px;
	left: 485px;
	background: url(/images/teens_door.jpg) no-repeat;
}
#msLink
{
	position: absolute;
	top: 480px;
	left: 5px;
	width: 120px;
	height: 80px;
	overflow: hidden;
	z-index: 99;
}
#msLink a
{
	display: block;
	width: 120px;
	height: 100px;
}