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



.quickFlip {
    height: 166px;
    width: 300px;
}

.quickFlip2 {
    height: 210px;
    width: 300px;
}
/* the rest of this is irrelevent */



.clear {
    clear: both;
    magin: 0;
    padding: 0;
}





/**** panels ****/



.quickFlip .blackPanel {
    background-image: url('/portfolio_images/alienpc_card_a.jpg') ;
    color: darkbrown;
      -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.quickFlip .redPanel {
   background-image: url('/portfolio_images/alienpc_card_b.jpg') ;
    color: darkbrown;
      -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}



.quickFlipCta {
   	cursor: pointer;
	position: absolute;
	top:180px;
	left: 120px;
}

.quickFlip2 .blackPanel2 {
    background-image: url('/portfolio_images/alienpc_calendar_a.jpg') ;
    color: darkbrown;
      -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}

.quickFlip2 .redPanel2 {
   background-image: url('/portfolio_images/alienpc_calendar_b.jpg') ;
    color: darkbrown;
      -moz-border-radius: 8px;
    -webkit-border-radius: 8px;
}



.quickFlip2 .quickFlipCta {
   	cursor: pointer;
	position: absolute;
	top:220px;
	left: 120px;
}