@media all and (max-width: 770px) {
    div {max-width:100%;}
    .mobile-guide {display:block;}
    #screenshot {zoom: 0.5;}
    .quotation {display:none;}
    .reorderlist {display:none;}
}

@media all and (min-width: 770px) {
.mobile-guide {display:none;}
    /* Nothing in this list any more */
.reorderlist {
	display:none;
}

#guide {
	width: 150px;
	left: 557px;
	top: 259px;
}

#guide.student-level-links {
	
}

.quotation {
	background-color:#DEF;
	padding:30px;
	width: 750px;
	font-size:;
	text-align:left;
	-webkit-border-radius: 20px;
	-moz-border-radius:20px;
	border-radius:20px;
	font-size: 20px;
	margin-left: 0px;
}

.quotation em {
	float:right;
}

#screenshot {
	position:relative;
	border: 18px solid #DEF;
	border-right: 290px solid #DEF;
	width: 505px;
	margin: 20px 0px 0px 0px;
	text-align: left;
	display: inline-block;
	-webkit-border-radius: 20px;
	-moz-border-radius:20px;
	border-radius:20px;
}

.reveal {
	position:absolute;
	left: 530px;
	top: 0px;
	width: 200px;
	padding: 20px;
	-webkit-border-radius: 20px;
	-moz-border-radius:20px;
	border-radius:20px;
	/* border: 5px dashed #ea7125; */
	background-color: #fff;
	display: none;
	min-height:350px;
}

.hot {
	position: absolute;
	position: absolute;
	border: 3px solid #F8C;
	opacity: 0.6;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
	background-image: url(/content/id/8797/shim.png); /* IE doesn't trigger hover if there's no fill */
}

.hot:hover + .reveal {
	display:inline-block;
}

.spotH1 {
	top: 40px;
	left: 92px;
	width: 56px;
	height: 29px;
}

.spotH2 {
	top: 40px;
	left: 278px;
	width: 30px;
	height: 29px;
}

.spotH3 {
	top: 40px;
	left: 381px;
	width: 30px;
	height: 29px;
}

.spotH4 {
	top: 40px;
	left: 427px;
	width: 52px;
	height: 29px;
}

.spot1 {
	top: 84px;
	left: 12px;
	width: 370px;
	height: 79px;
}

.spot2 {
	top: 355px;
	left: 12px;
	width: 108px;
	height: 98px;
}

.spot5 {
	top: 84px;
	left: 391px;
	width: 96px;
	height: 79px;
}

.spot6 {
	top: 168px;
	left: 391px;
	width: 96px;
	height: 196px;
}

.spot7 {
	top: 143px;
	left: 314px;
	width: 58px;
	height: 20px;
}

.spot8 {
	top: 168px;
	left: 12px;
	width: 370px;
	height: 285px;	
}

.text7 {
	position: absolute;
	top: 214px;
	left: 141px;
	width: 200px;
	font-size: 47px;
	color: #ea7125;
}

.text8 {
	position: absolute;
	top: 4px;
	left: 538px;
	width: 222px;
	text-align: left;
	font-size: 16px;
}
}