.glWrp { width: 33%; float: left; }
.glThmb { width: 75px; height: 100px; background-position: top center; float: left; margin: 5px 2px; border: 2px solid #FFF; background-color: #AAA; } 
.glThmbLnk { width: 55px; height: 100px; border: none; }
.glThmbCvr { width: 100%; height: 100%; opacity: 0.4; filter:alpha(opacity=40); background-color: #FFF; cursor: pointer; }
.glLd { width: 100%; height: 400px; text-align: center; } 
.lnkImg { border: none; vertical-align: middle; width: 16px; padding: 2px; cursor: pointer; }

.grpOn { display: block; width: 100%; float: left; }
.grpOff { display: none; width: 100%; float: left; }

/* Display elements */
#disp { width: 65%; float: right; text-align: center; padding: 5px 5px; }
#dispImg { text-align: center; margin: 5px auto; }  
#dispImg a { text-decoration: none; }
#dispTtl { width: 75%; float: left; text-align: left; }

#dispDsc { width: 98%; text-align: left; padding: 0px; margin: 5px; font-size: 0.85em; }
#dispMed { width: 70%; text-align: right; float: right; padding: 0px; margin: 0px; font-style: italic; color: #AAA; }
#dispLnk { width: 98%; text-align: right; padding: 0px; margin: 0px; }

#dispMnu { width: 24%; text-align: left; float: left; margin: 0px 5px; color: #AAA; }

/* Responsive Elements */

@media screen and (max-width:320px) { 
	#disp, #dispImg img { width: 94%; margin: 0% 2%; }
	.glWrp { width: 94%; margin: 2% 2%; } 
}

@media screen and (min-width:321px) and (max-width:639px) {
	#disp, #dispImg img { width: 94%; margin: 0% 2%; }
	.glWrp { width: 94%; margin: 2% 2%; } 
}

@media screen and (min-width:640px) and (max-width:959px) {
	#disp { width: 94%; margin: 0% 2%; }
	.glWrp { width: 94%; margin: 2% 2%; } 
}

@media screen and (min-width:960px) and (max-width:1279px) {}
@media screen and (min-width:1280px) and (max-width:1599px) {}
@media screen and (min-width:1600px) {}
@media screen and (min-width:1920px) {}