/*  

Theme Name: iMystic.co.uk
Description: 2012 website theme
Author: Jason 'iMystic' Evans
Author URI: http://imystic.co.uk
*/

html, body {
margin: 0;
padding: 0;
width:100%;
height:100%;
}

#stageWrapper{
	margin:auto;
	width:420px;
	height:280px;	
}

#notepadWrapper {
	width:420px;
	height:280px;
	background: url(../img/notepad.png) 0 0 no-repeat;
	position:relative;
}	

#navWrapper {
	width:200px;
	height:18px;
	position:absolute;
	bottom: 32px;
	left: 30px;
}	

a#postBtn {
	display:block;
	width:40px;
	height:18px;
	background: url(../img/navigation.png) 0 0 no-repeat;
	float:left;
	text-indent:-99999px;
}
a#postBtn:hover, a#postBtn.active {background-position: 0 -20px;}

a#phoneBtn {
	display:block;
	width:40px;
	height:18px;
	background: url(../img/navigation.png) -40px 0 no-repeat;
	float:left;
	text-indent:-99999px;
}
a#phoneBtn:hover, a#phoneBtn.active {background-position: -40px -20px;}

a#emailBtn {
	display:block;
	width:40px;
	height:18px;
	background: url(../img/navigation.png) -80px 0 no-repeat;
	float:left;
	text-indent:-99999px;
}
a#emailBtn:hover, a#emailBtn.active{background-position: -80px -20px;}

#homePage {
	width:420px;
	height:280px;
	background: url(../img/home.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;	
}

#postPage {
	width:420px;
	height:280px;	
	background: url(../img/post.png) 0 0 no-repeat;	
	position:absolute;
	top:0;
	left:0;	
	display:none;
}

#phonePage {
	width:420px;
	height:280px;
	background: url(../img/phone.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;	
	display:none;		
}

#emailPage {
	width:420px;
	height:280px;
	background: url(../img/email.png) 0 0 no-repeat;
	position:absolute;
	top:0;
	left:0;		
	display:none;	
}