body{ 
	background-color:#993300; 
	margin:0; padding:0;
	background-image:url('/html/images/metal_bg.jpg');		
}

/* page layout */
#wrap{ 	
	position:relative; 
	margin:110px auto 0 auto;
	padding-top:30px;
	width:683px; height:auto;	
	background: url('../images/page_bg.png') top center repeat-y;
	z-index:20;

}
#pageTop{
	position:absolute;	
	top:-90px; left:0;
	width:683px; height:123px;
	background: url('../images/page_top.png') top center no-repeat; 
}

#pageBottom{
	position:relative;
	margin:-14px auto; clear:both;
	width:683px; height:86px;	
	background: url('../images/page_bottom.png') bottom center no-repeat;
	z-index:5;
}

.foot{ 
	position:relative; 
	width:670px; height:auto; 
	margin:10px auto;
	color:#FFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	line-height:16px;
}

/* text content */

.title{
	position:relative;
	margin:-70px 0 10px 0;
	width:480px;
	padding-top: -50px;
	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold; 
	z-index:10;
}

.title h1{ display:inline; font-size:20px; letter-spacing:-1px; }
.title h2{ display:inline; font-size:13px; color:#666; margin-right:20px; }

.content{ 	
	position:relative;
	margin:25px 0 0 0; padding:0 105px;
	width:340px; height:auto;	
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px; 
	line-height:18px;
	z-index:10;
}

/* media elements */

img{ border:0; }

.magnet_ie{
	position:absolute; 	
	width:40px; height:40px;	
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/html/images/magnet.png');
	z-index:500;
}
.magnet{
	position:absolute; 	
	width:40px; height:40px;	
	background:url('../images/magnet.png');
	z-index:500;
}
.learnMore{
	position:absolute;
	margin:0;
	top:-85px; left:-85px;
	width:187px; height:198px;	
	z-index:100;
}
.learnMore img{ float:left; margin:0; padding:0; z-index:100; }
#learnMoreMagnet{ top:-95px; left:0px; z-index:200; }
.photo{
	position:absolute;
	top:100px; left:475px;
	width:301px; height:205px;
	z-index:100;
}
.photo .loadImg{ position:absolute; left:8px; top:7px; width:285px; height:190px; overflow:hidden; } 
.photo img{ float:left; margin:0; padding:0; }
#photoMagnet{ top:87px; left:580px; z-index:200; }
.card{
	position:absolute;
	top:350px; left:475px;
	width:270px; height:165px;
	z-index:100;
} 
.card img{ float:left; margin:0; padding:0; }
#cardMagnet{ top:345px; left:550px; z-index:200; }
#bg{ position:absolute; bottom:0px; width:100%; overflow:hidden; z-index:1 }