/* CSS Document */

#remotewrap {
	width: 90px;
	height: 300px;
	padding-top: 30px;
	padding-left: 40px;
	margin: 0px;
	float: none;
}

a { width: 40px; text-decoration: none; font-size: 12px; outline: none; color: #000; }
a:hover { width: 40px; font-weight: bold; }
em { width: 40px; font-style: normal; }
ul { list-style: none; padding: 0px; margin: 0px; }
ul li { width: 40px; float: left; }
ul li a { width: 40px; height: 60px; display: block; _overflow: hidden; }
ul li a em { width: 60px; position: relative; }

ul li#podcast a { background: url(images/matrix.jpg) no-repeat 0px 0px; margin-left: 0px; top: 0px; }
ul li#podcast a:hover { background-position: -40px 0px; }
ul li#podcast a em { top: 10px;	left: 100px; }

ul li#scholar a {
	background: url(images/matrix.jpg) no-repeat -80px 0px;
	width: 40px;
	margin-left: 10px;
}
ul li#scholar a:hover {	background-position: -120px 0px; width: 40px; }
ul li#scholar a em { top: 40px; left: 50px; width: 40px; }

ul li#video a {
	background: url(images/matrix.jpg) no-repeat 0px -60px;
	margin-left: 0px;
	width: 40px;
	margin-top: 10px;
}
ul li#video a:hover { background-position: -40px -60px;	}
ul li#video a em { top: 10px; left: 100px; }

ul li#phone a {
	background: url(images/matrix.jpg) no-repeat -80px -60px;
	margin-left: 10px;
	width: 40px;
	margin-top: 10px;
}
ul li#phone a:hover { background-position: -120px -60px; }
ul li#phone a em { top: 40px; left: 50px; }

ul li#blog a {
	background: url(images/matrix.jpg) no-repeat 0px -120px;
	width: 40px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
}
ul li#blog a:hover { background-position: -40px -120px;	}
ul li#blog a em { top: 10px; left: 100px; }

ul li#resources a {
	background: url(images/matrix.jpg) no-repeat -80px -120px;
	width: 40px;
	margin-top: 10px;
	margin-left: 10px;
}
ul li#resources a:hover { background-position: -120px -120px; }
ul li#resources a em { top: 40px; left: 50px; }

ul li#map a {
	background: url(images/matrix.jpg) no-repeat 0px -180px;
	margin-left: 0px;
	width: 40px;
	margin-top: 10px;
}
ul li#map a:hover {	background-position: -40px -180px; }
ul li#map a em { top: 10px;	left: 100px; }

ul li#calendar a {
	background: url(images/matrix.jpg) no-repeat -80px -180px;
	width: 40px;
	margin-top: 10px;
	margin-left: 10px;
}
ul li#calendar a:hover { background-position: -120px -180px; }
ul li#calendar a em { top: 40px; left: 50px; }