@charset "utf-8";
/* CSS Document */



html, body, div { margin: 0; border: 0 none; padding: 0; }

html, body {
height: 100%;
}
a{
	border: none;
	text-decoration: none;
	}
#container { /* div you want to stretch */
min-height: 100%;
}


body{ height: 100%;
       width: 100%;
       background-color: #f6d06b;
}

#bodyWrapper{
	width: 959px;
	background-image: url("images/Bottom-Background.gif");
	background-position: 0 324px;
	margin: 0 auto;
	height: 1282px;
}
/*
 * 959 - 96(margin)*2 = 767 (grid)
 * 767 = 167(display_cell)*3 = 266;   266/2 = 133 (col_spacer)
 * */

.grid_layout{
	width: 767px;
	margin: 0 auto;
}

.grid_col{
	width: 167px;
	float: left;
	margin-right: 133px;
}
.grid_cell{
	margin-bottom: 90px;
}
.cell_top{
	background-image: url("images/cell_top.gif");
	height: 21px;
}
.cell_bottom{
	background-image: url("images/cell_bottom.gif");
	height: 24px;
}	
.cell_center{
	height: 175px;
	width: 167px;
	border: 0;
}	
	
@font-face {
	font-family: Dakota;
	src: url("fonts/dakota_regular.otf");
}

h3{
	font-family: Dakota;
	font-size: 12pt;
	text-align: center;	
	color: white;
	line-height: 1.8;
}
h2{ 
	font-family: Dakota;
	font-size: 10pt;
	text-align: center;	
	color: white;
	margin: 0;
	padding-top:3px;
}				

.hint{
	color: white;
}
.nudge_up{
	position: relative;
	top: -3px;
}	
.div-image{
	background-repeat:no-repeat;
	background-position: center center;
	background-size: cover;	
}
#stopAnime{
	cursor: pointer;
	position: relative;
	top: 9px;
}			
#startAnime{
	cursor: pointer;
	position: relative;
	top: 9px;
}