/* it's a good idea to define a height and width for quickFlip */



#page-wrap {
	background:
	width: 400px;
	margin: 0px auto;
	padding: 0px;
	min-height: 450px;
	height: 501px !important;
	height: 800px;
}


.quickFlip, .quickFlip3 {
	height: 326px;
	width: 287px;
}

.quickFlip2 {
    height: 150px;
    width: 40%;
    float: left;
    margin-right: 9%;
}

/* the rest of this is irrelevent */




.redPanel, .blackPanel {
    text-align: center;
}

.half-col {
	width: 100%;
}

/**** panels ****/

.quickFlip, .quickFlip2, .quickFlip3 {
	font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
	font-size: 13px;
	position: absolute;
	left: 281px;
	top: 225px;
}

.quickFlip .blackPanel, .quickFlip2 .blackPanel, .quickFlip3 .blackPanel {

	height: 180px;
	color: darkbrown;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}

.quickFlip .redPanel, .quickFlip2 .redPanel, .quickFlip3 .redPanel {
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
}



/*money flip*/

.money_quickFlip, .quickFlip2, .quickFlip3 {
	font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
	font-size: 13px;
	position:absolute;
	left: 512px;
	top: 319px;
	height: 200px;
	width: 326px;
}

.money_quickFlip .blackPanel2, .quickFlip2 .blackPanel2, .quickFlip3 .blackPanel2 {
	
	color: #000;
	height: 150px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
}

.money_quickFlip .redPanel, .quickFlip2 .redPanel, .quickFlip3 .redPanel {
	
	color: #000;
	 -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}


/*Law Flip*/

.law_quickFlip, .quickFlip2, .quickFlip3 {
	font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
	font-size: 13px;
	position:absolute;
	left: 36px;
	top: 316px;
	height: 200px;
	width: 326px;
}

.law_quickFlip .blackPanel3, .quickFlip2 .blackPanel3, .quickFlip3 .blackPanel3 {

	color: #000;
	height: 150px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align:center;
}

.law_quickFlip .redPanel, .quickFlip2 .redPanel, .quickFlip3 .redPanel {
	color: #000;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	}
	
/*Education Flip*/

.education_quickFlip, .quickFlip2, .quickFlip3 {
	font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
	font-size: 13px;
	position:absolute;
	left: 14px;
	top: 611px;
	height: 200px;
	width: 261px;
}

.education_quickFlip .blackPanel4, .quickFlip2 .blackPanel4, .quickFlip3 .blackPanel4 {
	
	color: #000;
	height: 150px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align:center;
}

.education_quickFlip .redPanel, .quickFlip2 .redPanel, .quickFlip3 .redPanel {

	color: #000;
	 -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}
	
	/*Teen Fatherhood flip*/
	
	.teen_quickFlip, .quickFlip2, .quickFlip3 {
	font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
	font-size: 13px;
	position:absolute;
	left: 142px;
	top: 791px;
	height: 146px;
	width: 309px;
}

.teen_quickFlip .blackPanel5, .quickFlip2 .blackPanel5, .quickFlip3 .blackPanel5 {
	
	color: #000;
	height: 150px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align:center;
}

.teen_quickFlip .redPanel, .quickFlip2 .redPanel, .quickFlip3 .redPanel {
	
	color: #000;
	 -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}
	
	/*Employment flip*/
		
	.employ_quickFlip, .quickFlip2, .quickFlip3 {
	font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
	font-size: 13px;
	position:absolute;
	left: 578px;
	top: 589px;
	height: 200px;
	width: 261px;
}

.employ_quickFlip .blackPanel6, .quickFlip2 .blackPanel6, .quickFlip3 .blackPanel6 {

	color: #000;
	height: 150px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
}

.employ_quickFlip .redPanel, .quickFlip2 .redPanel, .quickFlip3 .redPanel {
	
	color: #000;
	 -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}
	
	/*Mental Health flip*/
	
	
			
	.mental_quickFlip, .quickFlip2, .quickFlip3 {
	font-family: "Trebuchet MS", Verdana, Sans-serif, sans;
	font-size: 13px;
	position:absolute;
	left: 431px;
	top: 790px;
	height: 200px;
	width: 306px;
}

.mental_quickFlip .blackPanel7, .quickFlip2 .blackPanel7, .quickFlip3 .blackPanel7 {
	
	color: #000;
	height: 150px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	text-align: center;
}

.mental_quickFlip .redPanel, .quickFlip2 .redPanel, .quickFlip3 .redPanel {
	
	color: #000;
	 -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
	}
	
	
	
	
	


.quickFlip2 .redPanel a {
    color: #FFF;

}

.quickFlipCta {
	cursor: pointer;
	padding: 0px;
}