@charset "UTF-8";
/* CSS Document */
html,body{
	margin:0px;
	padding:0px;
	height:100%;
}
body{
	background:url(../images/repeating_fur.jpg);
	font-family:"Lucida Grande", Arial, Helvetica, sans-serif;
	font-size:12px;
}

.wrapper{
	width:940px;
	height:700px;
	margin:auto;
	overflow:hidden;
}

.wrapper #hey_babe{
	float:left;
	position:relative;
	z-index:6;
	left:24px;
	height:132px;
	width:136px;
	top:10px;
}

.wrapper #filofax{
	z-index:5;
	left:-40px;
	width:794px;
	height:631px;
	top:-20px;
	position:relative;
}

.wrapper #reminder{
	width:228px;
	height:226px;
	position:relative;
	z-index:6;
	top:-480px;
	left:535px;
}

.wrapper #ipod{
	width:324px;
	height:318px;
	float:left;
	position:relative;
	z-index:6;
	top:-520px;
	left:200px;
}

.wrapper ul#iphones
{
	list-style: none;
	width:324px;
	height:318px;
	float:left;
	position:relative;
	z-index:6;
	top:-500px;
	left:100px;
}

.wrapper ul#iphones li
{
	display: none;
	position: absolute;
	width: 324px;
	height: 318px;
	float: left;
	position: relative;
	z-index: 6;
	top: 0;
	left: 0;
}

.wrapper ul#iphones li.active
{
	display: block;
}

.wrapper ul#iphones li a
{
	width: 324px;
	height: 318px;
	float: left;
	z-index: 6;
}

.wrapper ul#iphones li a img
{
	float: left;
}

.wrapper #hide{
	width:111px;
	height:112px;
	position:relative;
	z-index:7;
	top:-400px;
	float:left;
	left:470px;
}

#reminder_img, #ipod_img{
	display:none;
}


.footer{
	width:500px;
	text-align:right;
	clear:both;
	float:right;
	z-index:11;
	position:relative;
	top:-550px;
	left:-130px;
	color:#FFF;
}

.footer a{
	text-decoration:	none;
	color:#FFF;
	
}