body{
	/*background-color:#FFF4F7;*/
	margin:0px;
	padding:0px;
	border:0px;
}

#wrapper {
	/*background-color:white;*/
	/*padding:10px;*/
	width:100%;
	min-height: 650px; /* NEED BETTER WAY TO GET FOOTER AT BOTTOM*/
}

#title {
	color: #F47EA7;
	font-size: 5em;
	text-align:center;
	/*width:100%;*/
	font-family: 'Source Sans Pro', sans-serif;
	font-style:italic
}

@font-face
 {
	font-family: tourist;
	 src: url(../img/japanesetourist.ttf);
	 src: url(../img/japanesetourist.otf);
 }
 
#holder {
	/*background-color:#FF0000;*/
	width:100%;
	padding-top: 20%;
}

.boxholder {
	/*background-color:#F17710;*/
	float: left;
	width:20%;
	margin-left: 6.66%;
	margin-right: 6.66%;
	background-image:url('../img/flower.png');
	background-position:left top;
	background-repeat:no-repeat;
	min-height: 90px;
	background-size: 35%;
}

.box {
	/*background-color:#F47EA7;*/
	/*float: left;
	width:20%;
	margin-left: 6.66%;
	margin-right: 6.66%;*/
	/*text-align:center;*/
	font-size: 1.7em;
	font-family: tourist;
	margin-top:10%;
	padding-left:35%;
}

#description{
	width: 90%;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	padding-top: 10%;
	font-size: 2em;
	font-family: tourist;
}

#sample{
	width: 90%;
	text-align:center;
	margin-right: auto;
	margin-left: auto;
	font-size: 1.4em;
}

#header {
	width: 100%;
	height: 205px;
	background-color: #000;
	background-image: url('../img/header-bg.png');
	/*opacity:0.8;
	filter:alpha(opacity=80);*/
	margin: 0px;
	border-bottom: 1px solid #FFFCF4;
	float: left;
}

#footer {
    clear: both;
    width: auto;
    height: 32px;
    padding-right: 20px;
    padding-left: 20px;
    text-align: center;
    color: #FFF;
    background-color: #313131;
    padding-top: 14px;
    margin-left: auto;
    margin-right: auto;
    font-size: 11px;
}

.hidden {
	display: none;
}

.initial {
	display: initial;
}

.content {
	width: 90%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}

input {
    border: 5px solid #F47EA7;
    -webkit-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    -moz-box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    box-shadow: 
      inset 0 0 8px  rgba(0,0,0,0.1),
            0 0 16px rgba(0,0,0,0.1); 
    padding: 2% 10% 2% 10%; /*TRBL*/
    background: rgba(255,255,255,0.5);
    margin: 0 0 0 0;
	
	font-size: 1.5em;
	font-family: 'Source Sans Pro', sans-serif;
		
	/*border: 5px solid #F47EA7; 
    -moz-border-radius: 10px; 
    -webkit-border-radius: 10px; 
    border-radius: 10px; 
    -moz-box-shadow: 2px 2px 3px #666; 
    -webkit-box-shadow: 2px 2px 3px #666; 
    box-shadow: 2px 2px 3px #666; */

}


input:focus { 
    border-color: #000000;  
} 

#here {
	margin-bottom: 10%;
}

#here2 {
	margin-bottom: 10%;
}

#here3 {
	font-size: 1.5em;
	margin-top: 3%;
}

.answer {
	background-color: #ff5566;
	color: red;
}

.answer2 {
	background-color: #ff2266;
	color: blue;
	clear: both;
}

.level {
	font-size: 1.5em;
}

#content2 {
	width: 75%;
	padding-left: 10%;
	margin-right: auto;
	margin-left: auto;
	text-align:center;
	float: left;
}

#side {
	float: left;
	width: 15%;
	margin-top: 2%;
}

#past{
	font-size: 1em;
	margin: 0px;
	padding: 0px;
}

#pop{
	font-size: 1.5em;
	color: #F47EA7;
}

#heading2 {
	font-size: 2em;
}

.heading {
	font-size: 2em;
	margin-top: 10%;
}

.exp {
	font-size: 1.2em;
	margin: 0px;
	padding: 0px;
}

#verbfinder {
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}

#verbconjugator{
	margin-right: auto;
	margin-left: auto;
	text-align:center;
}

#dvLoading
{
   background:#000 url(../img/cherry-blossom.gif) no-repeat center center;
   position: fixed;
   z-index: 1000;
   left: 50%;
   top: 50%;
   margin: -25px 0 0 -25px;
}

#overlay {
	width: 100%;
	height: 100%;
	position: absolute;
	top: 0;
	left: 0;
	background: gray;
}

#overlay img {
	display: block;
	width: 80px;
	height: 80px;
	position: absolute;
	top: 50%;
	left: 50%;
	margin: -26px 0 0 -26px;
	padding: 10px;
	background: #fff;
	-moz-border-radius: 6px;
	border-radius: 6px;
}