a:focus, a:hover, a:active { outline:none }  

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

body {
	background-color: #2A2A2A;
	background-image: url(images/damask_red3.gif);
	background-repeat: repeat;
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 95%;
	color: #FFF;
	min-width: 600px;
	height: 100%;
} 


img {  
	border-style: none;
}

#main_wrapper {
	position: relative;
	height: 100%;
	width: 100%;	
	min-width: 1000px;
	min-height: 700px;
}

#shading_top {
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	width: 100%;
	height: 256px;
	background-image: url(images/shadow_top.png);
	background-repeat: repeat-x;
}

#shading_left {
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 256px;
	left: 0px;
	top: 0px;
	background-image: url(images/shadow_left.png);
	background-repeat: repeat-y;
}

#shading_right {
	position: absolute;
	z-index: 2;
	height: 100%;
	width: 256px;
	right: 0px;
	top: 0px;
	background-image: url(images/shadow_right.png);
	background-repeat: repeat-y;
}

#shading_bottom {
	position: absolute;
	z-index: 2;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 256px;
	background-image: url(images/shadow_bottom.png);
	background-repeat: repeat-x;
}

#dirt_one {
	position: absolute;
	z-index: 1;
	height: 448;
	width: 618;
	bottom: 0px;
	right: 0px;
	
}

#dirt_two {
	position: absolute;
	z-index: 1;
	height: 448px;
	width: 340 px;
	bottom: 0px;
	left: 0px;
}

#dirt_three {
	position: absolute;
	z-index: 1;
	height: 379px;
	width: 489px;
	top: 15px;
	margin-left: -240px;
	left: 50%;
	
}

#rip {
	position: absolute;
	z-index: 2;
	height: 58;
	width: 52;
	left: 40%;
	bottom: 12%;
}

#vault {
	position: absolute;
	z-index: 3;
	height:163px;
	width: 172px;
	top: 0px;
	left: 0px;
}

#purchase {
	position: absolute;
	height: 211px;
	width: 523px;
	bottom: 0px;
	left: 20px;
	z-index: 3;
}

#story {
	position: absolute;
	height: 417px;
	width: 368px;
	right: 20%;
	margin-right: -190px;
	bottom: 20%;
	z-index: 4;
}

#community {
	position: absolute;
	z-index: 3;
	height: 306px;
	width: 439px;
	top: 0px;
	right: 30%;
	margin-right: -150px;
}

#text {
	position: absolute;
	z-index: 3;
	height: 321px;
	width: 545px;
	top: 20%;
	left: 7%;
}

#reviews {
	position: absolute;
	z-index: 3;
	height: 132px;
	width: 300px;
	bottom: 0px;
	left: 65%;
}

#copyright {
	color: #555;
	position: absolute;
	left: 50%;
	width: 260px;
	margin-left: -130px;
	z-index: 3;
	bottom: 0px;
	font-size: 12px;
}

#fooObject {
	color: #AA0;
	position: absolute;
	left: 0px;
	top: -15px;
	font-size: 12px;
	z-index: 3;
	background-color: #000;
	display: block;
}

#preload1 {
	background-image: url(images/desktop.png);
	top: 0px;
	left: 0px;
	height: 1px;
	width: 1px;
}

#preload2 {
	background-image: url(images/top_full2.png);
	top: 0px;
	left: 0px;
	height: 1px;
	width: 1px;
}

#preload3 {
	background-image: url(images/jacknfamilya.png);
	top: 0px;
	left: 0px;
	height: 1px;
	width: 1px;
}

#preload4 {
	background-image: url(images/kids.png);
	top: 0px;
	left: 0px;
	height: 1px;
	width: 1px;
}

#preload5 {
	background-image: url(images/jnj.png);
	top: 0px;
	left: 0px;
	height: 1px;
	width: 1px;
}

#preload6 {
	background-image: url(images/kitchena.png);
	top: 0px;
	left: 0px;
	height: 1px;
	width: 1px;
}

#preload7 {
	background-image: url(images/patnbaby.png);
	top: 0px;
	left: 0px;
	height: 1px;
	width: 1px;
}