/*
RESET
*/

*									{ margin: 0; padding: 0; }
html								{ overflow-y: scroll; height:100%; }
html, body							{ height: 100%; }
ul									{ list-style: none; }
ol									{ list-style: none; }
a									{ outline: none; text-decoration: none; }
a img								{ border: none; }
img									{ vertical-align: middle; }
table								{ border-collapse: collapse; }

/*
UTILITY
*/

.floatLeft							{ float: left; }
.floatRight							{ float: right; }
.clear								{ clear: both; }
.smpad								{ padding: 5px 0; }
.top								{vertical-align: top;}
.small								{font-size: 9px;}
.bold								{font-weight: bold;}

/*
STRUCTURE
*/

body {
	font: 12px Arial, sans-serif; 
	color: #000000; 
	text-align: center; 
	background-color: #fefbda;
	margin: 0; 
	padding: 0;
	}
#container {
	margin: 0 auto;  
	text-align:left; 
	width:996px; 
	min-height: 948px;
	background-image: url(../img/bg.jpg);
	background-color: #f6ee6d; 
	background-repeat: no-repeat; 
	position: relative;
	}
.topbanner {
	margin: 0 auto; 
	width: 728px; 
	padding: 5px 0;
	}
.logo {
	position: absolute; 
	top: 154px;
	left: 10px;
	}
.ad img {
	border: 1px solid #000;
	}
.presented {
	position: absolute; 
	top: 190px;
	padding-top:24px;
	right: 170px;
	width: 120px;
	height: 60px;
	text-align:center;
	background-repeat: no-repeat;
	background-position: center top;
	background-image: url(../img/presented.png);
	}
.skyscraper {
	position: absolute; 
	top: 198px;
	right: 5px;
	}
.rectangle {
	position: absolute; 
	top: 548px;
	left: 630px;
	width: 180px;
	height: 150px;
	background-color: #7a7a7a;
	}
.enter {
	position: absolute; 
	top: 395px; 
	left: 645px;
	}
.enter a {
   background: url(../img/enter_button.jpg) 0 0 no-repeat;
   width:130px; height: 41px;
   display: block;
   }
.enter a:hover {
   background-position: -130px 0;
   }
.chrome {
	margin: 0 auto;
	width: 996px;
	}
.footer {
	position: relative;
	margin: 0 auto;
	width:996px;
}


/*
SECTION
*/
.pages {
	position: absolute; 
	top: 740px;
	left: 60px;
	}
.stickers {
	position: absolute; 
	top: 840px;
	left: 60px;
	}
.journal li {
	float: left; 
	margin-right: 15px;
	}
.journal li img {
	border: 1px solid #000;
	}
.moms {
	position: absolute; 
	top: 683px;
	left: 460px;
	}
.mom-links {
	position: relative;
	}
.mom-vip {
	position: absolute; 
	top: 5px; 
	left: 0px;	
	}
.back-to-school {
	position: absolute; 
	bottom: 30px; 
	right: 5px;	
	}
.makeavideo {
	position: absolute; 
	top: 828px;
	right: 5px;
	}
.journal-text {
	position: absolute; 
	width: 385px;
	top: 650px;
	left: 60px;
	}
.video {
	position: absolute; 
	top: 274px;
	left: 125px;
	padding: 3px;
	background-color:#FFF;
	}