/*	RED: #FF0099
	GREEN: #1AFF00
	DARK GREY: #262626
	DARKER GRAY: #3D3D3D
	GRAY: #707070
	LIGHTER GRAY: #8A8A8A
	LIGHTER GRAY: #D4D4D4
*/

* {	margin: 0;	padding: 0;
	
	background-color: transparent;

}

html { 	width: 100%;	

	height: 100%;
	
	background-color: #000;
	
	font-size:100%;/*Jon Tan*/

	font-family: 'Andale Mono', sans-serif;
	
	border: 0px dotted red;
	
	border-style: none;
	
	}
	
body {	width: 100%;
	
	height: 100%;

	font-size: 1em;/*Jon Tan*/

	height: 100%;
	
	font: 'Andale Mono', sans-serif;
	
	}
	
a, a img { outline: none; border: 0px; } 
	
#container {	
	width: 100%; 
	height: 100%; 	
	display: table; 
	border: 0px dotted green;
	}
	

#content { 
	position: relative;
	text-align: center; 
	height: 513px;
	margin: 0 auto; 
	overflow: hidden; 
	width: 700px; 
	padding: 0px;
	border: 0px dotted fuchsia; 
	}
	

#shop, #home { 
	position: absolute; 
	display: block; 
	width: 350px; 
	height: 513px; 
	}

#shop { background: url(../images/_assets/Intro.jpg) no-repeat 0 -513px; 
	float: left;  
	border: 0px dotted lime; }
	
#shop:hover { background-position: 0 0px; }

#home { background: url(../images/_assets/Intro.jpg) no-repeat -350px -513px;
	right: 0;  
	border: 0px dotted fuchsia; 
	}

#home:hover { background-position: -350px 0px; }


#position { display: table-cell; 
	vertical-align: middle; 
	text-align: center; 		
	border: 0px dotted #111; 
	}
	
#logo {  position: absolute; 
	top: 26.7%;
	left: 37%;
	/* margin: 0 auto;  */
	/* margin: 130px 0px 0px 255px; */
	z-index: 50; 
	border: 0px dotted green;
	}


/*Do not Alter these. Set for alignment*/
.css1{
position:absolute;top:0px;left:0px;
width:16px;height:16px;
font-family:Arial,sans-serif;
font-size:16px;
text-align:center;
font-weight:bold;
}
.css2{
position:absolute;top:0px;left:0px;
width:10px;height:10px;
font-family:Arial,sans-serif;
font-size:10px;
text-align:center;
}