/*******************************************************/
/* Droplitz ver1.0
created on 3/14/09
(c) studio N/A 
/*******************************************************/



/*******************************************************
use to troubleshoot
*******************************************************/
/*
div {border:solid 1px black;}
span {border:solid 1px black;}
*/
/*******************************************************/
body {
	margin:0px; 
	padding:0px;
	text-align:center;
	background-color:0e2a57;
	background-image:url(files/drop_BG_trans.gif);
	height:100%;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	line-height:16px;
	color:#003366;
}

br {
	clear: left;
}

a {
	color:#999;
	text-decoration:underline;
}

a:hover {
	color:#CCC;
	text-decoration:none;
}

a:visited {
	color:#999;
	text-decoration:underline;
}

.resetFloat{
	clear:both
}


/*******************************************************/
#content {
	margin:0px auto;
	width:730px;
	background-color:#FFFFFF;
	text-align:left;
	z-index: 1;
}

/*******************************************************/
#mainImage{
	width:730px;
	background-image:url(files/drop_topBG.jpg);
	background-color:#0e2a57;
}

.logo{
	padding:5px 0px 0px 182px;
}

.info{
	padding:0px 0px 10px 6px;
}

.how{
	padding:0px 0px 0px 34px;
	text-style:Arial;
}

.purchase{
	margin:0px auto;
	width:646px;
	padding: 34px 0px 0px 0px;
}

.purchaseBody{
	background-image:url(files/drop_bgBody.gif);
	background-color:#FFFFFF;
}

.purchaseBodyTop{
	background-image:url(files/drop_bgTop.gif);
	width:646px;
	height:23px;
}

.purchaseBodyBtm{
	background-image:url(files/drop_bgBtm.gif);
	width:646px;
	height:25px;
}

.divCenterVideo{
	width:649px;
	margin:0px auto;
}

#nav2nd{
	width:622px;
	height:84px;
	margin:-2px auto;
	background-image:url(files/drop_nav_base.gif);
	background-repeat:no-repeat;
	padding: 0px 0px 35px 0px;
}

#nav2ndHow{
	width:622px;
	height:84px;
	margin:-12px auto;
	padding: 0px 0px 47px 0px;
	background-image:url(files/drop_nav_base.gif);
	background-repeat:no-repeat;
}


.nav2ndBtn{
	padding: 17px 0px 0px 15px;
	float:left;
}


#bodyLogo{
	float:right;
	margin: -195px -25px 0px 0px;

}

/*******************************************************/
#thumbnails{
	width:730px;
	height:155px;
	background-color:#243969;

}

#screenShots{
	width:545px;
	float:left;
}

.screenShotThumbnail{
	width:80px; 
	height:90px;
	padding: 10px 0px 0px 10px;
	float:left;
}

#video{
	float:right;
	padding: 10px 10px 0px 0px;
}
/*******************************************************/
#footerArea{
	width:730px;
	background-color:#FFFFFF;
}

.footerRow{
	width:730px;
	background-color:#FFFFFF;
	padding:10px 0px 10px 0px;
}

#footerTxt {
	width:630px;
	margin: 0px auto;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#003366;
	line-height:16px;
	padding: 0px 0px 50px 0px;

}

#atluLogo{
	float:left;
	padding:43px 0px 0px 30px;
}

#atlusFaithful{
	float:left;
	width:253px;
	padding:20px 0px 0px 35px;
}

#blitzLogo{
	float:right;
	padding:20px 80px 0px 0px;
}

#ratingESRB{
	float:left;
	width:250px;
	padding:20px 0px 20px 240px;
}


/*******************************************************/
.wallGroup {
	width:646px;
	margin:auto 0px;
	clear:both;
}

.wall1 {
	width:195px;
	float:left;
	padding:10px 0px 5px 20px;
	text-align:center;
}
.wall2 {
	width:195px;
	float:left;
	padding:10px 0px 5px 10px;
	text-align:center;
}
.wall3 {
	width:195px;
	float:right;
	padding:10px 20px 5px 0px;
	text-align:center;
}