#individuals a#nikkiThumb:hover img, #individuals a#nikkiThumb>a.current img, #individuals a.highlighted img {
	visibility: hidden;
}

@charset "UTF-8";
/* CSS Document */

/* Core Rules */

/*
Notes:
JS class added to HTML by Javascript

Z-index:
Previous/Next Button = 5;
*/

html, body, div, img, p, h1, h3, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, blockquote, pre, form, fieldset, table, th, td {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, Helvetica, sans-serif;
	background: url(../images/bg-tile-20.png) scroll repeat center top;
	font-size: 62.5%;
	color: #707070;
}
p {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: .75em;
}
p.intro {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 1.4em;
	color: #00CCFF;
}
p.caption {
	font-size: 1em;
}
a {
	color: #00CCFF;
	text-decoration: none;
	outline: none;
}
a:hover {
	color: #707070;
}
*:active, a:focus {
   -moz-outline-style: none; /* Fixes Firefox dotted-line links and bung scroll bars that pop up */
}
:focus {
   -moz-outline-style: none; /* Fixes Firefox dotted-line links and bung scroll bars that pop up */
}
a img {
	border-style: none;
	outline: none;
}
p.intro a {
	color: #707070;
}
p.intro a:hover {
	color: #00CCFF;
}
h1 {
	font-size: 3em;
	line-height: 1em;
	text-transform: uppercase;
	color: #00CCFF;
}
#content h1 {
	margin: .5em 0;
	clear: right;
}
h2 {
	font-size: 1.8em;
	line-height: 1em;
}
h3 {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: .75em;
	color: #585858;
}
ul {
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
}
li {
	position: relative;
}
img {
	-ms-interpolation-mode: bicubic;
	border: none;
}
/* Layout */
#header, #content {
	width: 980px;
	margin: 0 auto;
	/* Clear Float */
	overflow: auto;
	position: relative;
}
#headerContainer {
	background: url(../images/bg-tile-10.png) scroll repeat center bottom;
}
#mainContentInner {
	padding-left: 80px;
	position: relative;
}
#mainContentArea {
	width: 780px;
	float: left;
	background-color: #FFFFFF;
	position: relative;
	padding-bottom: 70px;
}
/* Sticky Footer */
html, body, #containerOuter {
	height: 100%;
}
body > #containerOuter {
	height: auto;
	min-height: 100%;
	position: relative;
}
#footer {
	clear: both;
	position: relative;
	z-index: 10;
	height: 3em;
	margin-top: -3em;
	background-color: #00CCFF;
	padding: 0 20px;
}
#containerInner {
	padding-bottom: 3em;
	position: relative;
}
/* Footer */
#footer p {
	color: #505050;
}
#footer a {
	color: #707070;
}
#footer a:hover {
	color: #505050;
}
#copyright {
	display: inline;
	float: left;
}
#address {
	display: inline;
	float: right;
}
/* Header / Main Navigation */
h1#logo {
	float: left;
	display: inline;
	padding: 0 29px 0 80px;
	position: relative;
	top: 38px;	
}
h1#logo a {
	display: block;
	width: 146px;
	height: 50px;
	text-indent: -9999px;
	background: url(../images/mh-logo.png) scroll no-repeat left top;
}
h1#logoSubPages {
	float: left;
	display: inline;
	margin: 0;
	position: absolute;
	z-index: 98;
}
h1#logoSubPages a {
	display: block;
	width: 80px;
	height: 160px;
	text-indent: -9999px;
	background: url(../images/page-mh-logo.png) scroll no-repeat left top;
}
#mainNav {
	font-size: 1.2em;
	line-height: 1.25em;
	position: relative;
	overflow: auto;
}
#mainNav li {
	float: left;
	width: 175px;
	overflow: hidden;
	display: inline;
}
#mainNav a {
	font-weight: bold;
}
#mainNav span {
	font-weight: bold;
	color: #00CCFF;
}
#mainNav div {
	padding: 15px 5px 15px 20px;
}
/*
#mainNav a {
	display: block;
	font-weight: bold;
	margin: 0 2px;
	position: absolute;
	bottom: 10px;
}
*/
/* Side Navigation */
#sideNav {
	width: 180px;
	float: right;
	font-size: 1.2em;
	line-height: 19px;
	padding: 20px 0 160px 0;
	position: relative;
	background: url(../images/dragon-est-1989.png) scroll no-repeat left bottom;
}
#sideNav h3 {
	font-size: 1em;
	line-height: 19px;
	margin-bottom: 0;
}
#sideNav a.heading {
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #E0E0E0;
	background: url(../images/arrow-nav.png) scroll no-repeat 95% 6px;
}
#sideNav a.coreLink {
	font-weight: bold;
	display: block;
	border-bottom: 1px solid #E0E0E0;
}
#sideNav .active a.heading, #sideNav li a.heading:hover {
	background-position: 95% -14px;
}
#sideNav li.active a.heading:hover {
	background-position: 95% -34px;
}
#sideNav .active a.heading:hover {
	background-position: 95% 6px;
}
#sideNav .navList a {
	color: #707070;
	padding-left: 10px;
	background: url(../images/bullet-nav.png) scroll no-repeat left center;
}
#sideNav .navList a:hover {
	color: #00CCFF;
}
#sideNav .navList a.current, #sideNav .navList a.highlighted {
	color: #00CCFF;
	background: none;
}
#sideNav li.overview > a, #sideNav li.overview > a.current {
	color: #00CCFF;
	background: url(../images/bullet-overview-nav.png) scroll no-repeat left center;
}
#sideNav li.overview > a:hover {
	color: #707070;
}
/* Side Nav line heights and lines */
.navList li.overview {
	line-height: 18px;
}
.navList {
	margin-bottom: .75em;
	border-bottom: 1px solid #E0E0E0;
}
.navList li {
	border-bottom: 1px solid #F9F9F9;
}
/* Home */
#home #flashContent {
	background: url(../images/creative-delivers-noflash.jpg) scroll no-repeat left top;
}
/*#whatWeDo #flashContent {
	background: url(../images/we-make-something.jpg) scroll no-repeat left top;
}*/
/* Home Button */
a#goHome {
	font-weight: bold;
	color: #D0D0D0;
	height: 20px;
	padding-left: 20px;
	line-height: 20px;
	position: absolute;
	top: 0;
	left: -20px;
	background: url(../images/home-button.png) scroll no-repeat left top;
}
a#goHome:hover {
	background: url(../images/home-button.png) scroll no-repeat left -20px;
	color: #00CCFF;
}
/* Faders */
.faderContainer {
	position: relative;
}
#homeFader {
	position: relative;
	top: 0;
}
#homeFader img {
	display: block;
}
#flashContent {
	width: 700px;
	height: 440px;
}
/* Next and Previous Buttons (added dynamically) */
.next, .prev {
	position: absolute;
	top: 0;
	z-index: 50;
}
.next a, .prev a {
	display: block;
	width: 275px;
	height: 440px;
	text-indent: -9999px;
	overflow: hidden;
}
.next {
	right: 0;
}
.prev {
	left: 0;
}
.next a {
	background: url(../images/arrow-right.png) scroll no-repeat right 440px;
}
.next a:hover {
	background-position: right 0;
}
.prev a {
	background: url(../images/arrow-left.png) scroll no-repeat left 440px;
}
.prev a:hover {
	background-position: left 0;
}
/* Pager Buttons */
#homePager, #workPager {
	float: right;
	z-index: 56;
	position: relative;
	padding: 10px 0;
	overflow: auto;
}
#homePager a, #workPager a {
	display: inline;
	float: left;
	width: 16px;
	height: 11px;
	border: 1px solid #00CCFF;
	margin-right: 6px;
	text-indent: -9999px;
	overflow: hidden;
}
#homePager a:hover, #homePager a.activeSlide, #workPager a:hover, #workPager a.activeSlide {
	background-color: #00CCFF;
}
#workPager a:first-child, #homePager a#testimonialPager {
	background: url(../images/text-slide.png) scroll no-repeat left top;
}
#workPager a.activeSlide:first-child, #homePager a#testimonialPager.activeSlide {
	background: url(../images/text-slide.png) scroll no-repeat left -11px;
}
div.caption p {
	height: 1.5em;
	margin: .5em 0 0 0;
	color: #909090;
}
div.caption span {
	color: #00CCFF;
}
#webDesign div.caption a {
	color: #707070;
}
#webDesign div.caption a:hover {
	color: #00CCFF;
}
/* Home Page Features */
.carousel {
	position: relative;
}
#homeLinks {
	margin: 15px 0;
	/* Clear Float */
}
#videoLinks {
	overflow: auto;
	width: 720px;
}
#homeLinks li {
	display: inline;
	float: left;
	width: 155px; /* Was 160px */
	margin-right: 20px;
}
#videoLinks > li {
	display: inline;
	float: left;
	width: 160px; /* Was 160px */
	margin: 0 20px 7px 0;
}
#homeLinks li.last, #videoLinks li.last {
	margin-right: 0; /* Remove margin from last list item to avoid step */
}
#homeLinks img {
	display: block;
	width: 140px;
	height: auto;
	margin-bottom: 6px;
	margin-bottom: .6em;
}
#homeLinks h3 {
	margin-bottom: .5em;
}
a#newsNext {
	display: block;
	width: 20px;
	height: 124px;
	text-indent: -9999px;
	background: scroll url(../images/homelinks-next.png) no-repeat left top;
	z-index: 94;
	position: absolute;
	top: 0.6em;
	right: 0;
}
a#newsNext:hover {
	background-position: left -124px;
}
a#newsNext:active {
	background-position: left -248px;
}
#videoLinks img {
	display: block;
	width: 140px;
	height: auto;
	position: relative;
	top: 0;
	left: 0;
}
#videoLinks a {
	display: block;
	width: 140px;
	height: 88px;
	text-indent: -9999px;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/play-button_02.png) scroll no-repeat left top;
}
#videoLinks a:hover {
	background-position: left -88px;
}
#videoLinks h3 {
	margin-bottom: 0;
}
#videoLinks ul li {
	font-size: 1em;
	line-height: 1.2em;
	margin-bottom: .3em;
}
/* Work We've Done */
/* Overviews */
#workThumbs {
	z-index: 0;
	position: relative;
	display: block;
	height: 440px;
}
#workThumbs li {
	float: left;
	display: inline;
	width: 140px;
	height: 146px; /* Added for filter test */
	/* From XTEN */
	top: 0;
	left: 0;
	overflow: hidden;
	background: url(../images/overview-blank.png) scroll no-repeat left top;
}
#workThumbs img {
	float: left;
}
#workThumbs a {
	text-indent: -9999px;
	width: 140px;
	display: block;
	height: 146px;
	z-index: 3;
	float: left;
	position: absolute;
	top: 0;
	left: 0;
	background: url(../images/overview-overlay.png) scroll no-repeat left top;
}
#workThumbs a:hover, #workThumbs a.current, #workThumbs a.highlight {
	background: url(../images/overview-overlay.png) scroll no-repeat right top;
}
#workThumbs li.hiddenThumb a {
	display: none;
}
/* Work Sets */
.js .workSet {
	/* Hide Work Sets if Javascript active */
	display: none;
}
.workSet {
	position: relative;
}
/*
.workSet p {
	width: 400px;
}
*/
.workFrame {
	position: relative;
}
.workFrame img {
	top: 0;
	left: 0;
}
.workDescription h1 {
	display: inline;
}
.hidden {
	display: none;
}
/* CASE STUDIES */
.caseStudy {
	position: relative;
	background: #A6ECFF url(../images/case-study-bg.png) scroll repeat left top;
	padding: 16px;
	z-index: 55;
	margin-bottom: -70px;
}
.caseStudy a {
	color: #FFFFFF;
}
.caseStudy a:hover {
	color: #707070;
}
/* Content ID used to overule main h1 rule */
#content .caseStudy h1 {
	margin: 0;
	/* Slightly darker colour against background */
	color: #00C2FF;
}
.caseStudy h2.tab {
	margin: 0;
	position: absolute;
	top: -36px;
	left: 0;
	height: 36px;
	width: 700px;
	display: block;
	background: url(../images/shadow-repeat.png) scroll repeat-x left bottom;
}
.caseStudy h2.tab span {
	display: block;
	width: 166px;
	height: 36px;
	text-indent: -9999px;
	background: url(../images/case-study-tab-small.png) scroll no-repeat left top;
}
.caseStudy h3 {
	margin: 0;
}
/* Rule for all Case Study list items */
.caseStudy li {
	float: left;
	display: inline;
}
/* Case Study Tags */
.caseStudy ul.tags {
	display: block;
	overflow: auto;
	padding: 7px 0 14px 0;
}
.caseStudy ul.tags li {
	float: left;
	display: inline;
	font-size: 1.2em;
	line-height: 1em;
	padding: 0 5px;
	border-left: 1px solid #888888;
	margin-bottom: .5em;
}
.caseStudy ul.tags li:first-child {
	border: none;
	padding-left: 0;
}
/* Case Study Text Box */
ul.caseStudyText {
	overflow: auto;
	clear: left;
}
ul.caseStudyText li {
	margin-left: 14px;
	float: left;
	display: inline;
}
ul.caseStudyText li.theClient, ul.caseStudyText li.theChallenge {
	width: 192px;
}
ul.caseStudyText li.theSolution {
	width: 254px;
}
ul.caseStudyText li:first-child {
	margin: 0;
}
.caseStudyText h3 {
	text-transform: uppercase;
}
.caseStudy .caseStudyText li.theSolution h3 {
	color: #FFFFFF;
}
/* Testimonials */
.caseStudy p.quote {
	font-size: 1.4em;
	font-style: italic;
	line-height: 1.5em;
	width: 398px;
	border-top: 1px solid #FFFFFF;
	padding-top: .5em;
}
#testimonialBubble {
	width: 165px;
	background: #A6ECFF url(../images/bubble-base.png) scroll no-repeat right bottom;
	padding-bottom: 30px;
}
#testimonialBubble a#playVideoButton, a.playVideoButton {
	display: block;
	width: 139px;
	height: 27px;
	text-indent: -9999px;
	background: url(../images/play-video.png) scroll no-repeat left top;
}
#testimonialBubble a#playVideoButton:hover, a.playVideoButton:hover {
	background-position: left -27px;
}
/* Our Team of Specialists */
#team {
	width: 700px;
	height: 440px;
}
#team img {
	float: left;
}
.mainText {
	width: 400px;
	float: left;
	display: inline;
	margin-right: 20px;
}
.mainTextRight {
	width: 320px;
	float: right;
	display: inline;
	margin-right: 25px;
}
#teamText {
	width: 280px;
	float: right;
}
.textPopUp {
	padding: 15px;
	background: #A6ECFF url(../images/case-study-bg.png) scroll repeat left top;
}
#teamText h3 span {
	font-weight: normal;
	color: #FFFFFF;
}
/* Key Services */
#keyServicesNav {
	height: 440px;
}
#keyServicesNav li {
	position: relative;
	top: 0;
	left: 0;
	overflow: hidden;
}
#keyServicesNav img {
	position: absolute;
	top: 0;
	left: 0;
}
#keyServicesNav a {
	position: relative;
	display: block;
	background-attachment: scroll;
	background-repeat: repeat-x;
	background-position: left top;
}
#keyServicesNav a:hover {
	background-position: left -150px;
}
#keyServicesNav a img {
	position: relative;
}
#keyServicesNav #branding {
	width: 400px;
	margin-left: 200px;
}
#keyServicesNav #branding a {
	background-image: url(../images/textures_01.png);
}
#keyServicesNav #corporate-publications {
	width: 650px;
}
#keyServicesNav #corporate-publications a {
	background-image: url(../images/textures_02.png);
}
#keyServicesNav #web-design {
	width: 350px;
	float: left;
	margin: 0 -50px 0 50px;
	z-index: 2;
}
#keyServicesNav #web-design a {
	background-image: url(../images/textures_03.png);
}
#keyServicesNav #e-media {
	width: 350px;
	z-index: 3;
}
#keyServicesNav #e-media a {
	background-image: url(../images/textures_04.png);
}
#keyServicesNav #television-film {
	width: 350px;
}
#keyServicesNav #television-film a {
	background-image: url(../images/textures_05.png);
}
#keyServicesNav #book-design {
	width: 300px;
	margin: -100px 0 0 50px;
}
#keyServicesNav #book-design a {
	background-image: url(../images/textures_06.png);
}
#keyServicesNav #packaging {
	width: 450px;
}
#keyServicesNav #packaging a {
	background-image: url(../images/textures_07.png);
}
/* Brand Case Studies */
.caseStudyMap {
	position: relative;
}
#mapOverlay {
	width: 700px;
	height: 440px;
	position: absolute;
	top: 0;
	left: 0;
}																									
/* Overlay Classes */
.case-study_01 {
	background: url(../images/work/case-studies-overlay_v1.png) no-repeat left 0;
}
.case-study_02 {
	background: url(../images/work/case-studies-overlay_v1.png) no-repeat left -427px;
}
.case-study_03 {
	background: url(../images/work/case-studies-overlay_v1.png) no-repeat left -803px;
}
.case-study_04 {
	background: url(../images/work/case-studies-overlay_v1.png) no-repeat left -1102px;
}
.case-study_05 {
	background: url(../images/work/case-studies-overlay_v1.png) no-repeat left -1536px;
}
.case-study_06 {
	background: url(../images/work/case-studies-overlay_v1.png) no-repeat left -1860px;
}
.case-study_07 {
	background: url(../images/work/case-studies-overlay_v1.png) no-repeat left -2283px;
}
.caseStudyMapBlank {
	width: 700px; /* Same as blank image */
	height: 440px;
	position: absolute;
	top: 0;
	left: 0;
}
.caseStudyMapBlank img {
	border: none;	
}
/* Team List */
#teamTest {
	position: relative;
	width: 700px;
	height: 440px;
	top: 0;
	left: 0;
	z-index: 1;
}
#teamTest > img {
	position: relative;
	top: 0;
	left: 0;
}
#individuals {
	position: absolute;
	top: 0;
	left: 0;
	display: block;
	width: 700px;
	height: 440px;
	float: left;
}
/*
#individuals a {
	position: absolute;
	display: block;
	float: left;
}
*/
#individuals img {
	float: left;
	border: 1px solid #33CCFF;
	visibility: hidden;
	z-index: 3;
}
#individuals a:hover img, #individuals a.current img, #individuals a.highlighted img {
	visibility: visible;
}
/*
ul#individuals {
	position: absolute;
	top: 0;
	display: block;
	width: 700px;
	height: 440px;
}
ul#individuals li {
	position: absolute;
	overflow: hidden;
}
ul#individuals li a {
	display: block;
}
ul#individuals a img {
	border: 1px solid #FFFFFF;
	visibility: hidden;
}
ul#individuals a.current img, ul#individuals a.highlighted img {
	visibility: visible;
}
*/
/* News */
.newsItem {
	padding-bottom: 20px;
	background: url(../images/bg-tile-10-single.png) scroll repeat-x left bottom;
	overflow: auto;
}
.newsItem img {
	margin-bottom: .9em;
}
.newsItem img.thumb {
	float: left;
	margin: 0 20px 10px 0;
}
/*
.newsItem img.news-thumb {
	display: inline;
	width: 240px;
	height: auto;
	float: left;
}
*/
.newsItem h1, .newsItem p {
	width: 500px;
}
.newsExert {
	background: url(../images/news/exert-background_01.png) scroll no-repeat left top;
	width: 597px;
	clear: both;
	margin-bottom: 9px;
}
.exertWrapper {
	padding: 25px;
	background: url(../images/news/exert-background_02.png) scroll no-repeat left bottom;
}
.news-image-showcase {
	overflow: auto;
	background-color: #efefef;
	padding: 0 0 18px 18px;
	margin-bottom: 9px;
}
.news-image-showcase img {
	float: left;
}
.newsItem .news-image-showcase img {
	margin: 18px 18px 0 0;
	display: inline-block;
}
/* What We Do */
#serviceSets {
	position: relative;
}
.serviceSet {
	position: relative;
}
#servicesList {
	overflow: auto;
	float: left;
	display: inline;
	width: 340px;
	position: relative;
}
.servicesList {
	float: left;
	display: inline-block;
	width: 170px;
	position: relative;
}
.servicesList li {
	font-size: 1.2em;
	line-height: 1.5em;
	margin-bottom: .5em;
	padding-left: 10px;
	background: url(../images/bullet-nav.png) scroll no-repeat left center;
}
.servicesList a.current {
	color: #707070;
	cursor: auto;
}
a#showAll, a#showAllNews, a.backToTop {
	font-size: 1.2em;
	line-height: 1.5em;
	display: block;
}
.underline {
	padding-bottom: .25em;
	background: url(../images/dotted-line.png) scroll repeat-x left bottom;
}
.frame {
	position: relative;
	overflow: auto;
}
.frame img {
	float: left;
}
.images {
	height: 440px;
	position: relative;
	overflow: hidden;
}
.serviceDescription {
	padding: 15px;
	background: #A6ECFF url(../images/case-study-bg.png) scroll repeat left top;
	overflow: visible;
	position: relative;
}
.serviceDescription a {
	color: #00C2FF;
	font-weight: bold;
}
.serviceDescription a:hover {
	color: #707070;
}
#whatWeDo #content h1 {
	clear: none;
}
.serviceDescription img.arrow {
	position: absolute;
	top: 20px;
	left: -20px;
}
.loader {
	position: absolute;
	top: 0;
	left: 0;
	height: 440px;
	z-index: 10;
	background: #999999 url(../images/ajax-loader.gif) scroll no-repeat center center;
}
#logos {
	position: relative;
}
#logos a {
	float: left;
	display: inline-block;
	margin: 0;
	position: relative;
}
#logos img {
	display: block;
	position: relative;
}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
}
#bigPlayButton {
	width: 88px;
	height: 88px;
	display: block;
	text-indent: -9999px;
	position: absolute;
	top: 176px;
	left: 306px;
	background: url(../images/big-play-button.png) scroll no-repeat left top;
	z-index: 99;
}
#bigPlayButton:hover {
	background-position: left -88px;
}
/* Radio */
#radio {
	position: relative;
	width: 700px;
	height: 440px;
}
#radio > img {
	position: absolute;
	top: 0;
	left: 0;
}
#radio a.playSound {
	position: absolute;
	top: 8px;
	right: 0;
	display: block;
	width: 57px;
	height: 57px;
	background: url(../images/play-sound_02.png) scroll no-repeat left top;
	text-indent: -9999px;
}
#radio a.playSound:hover {
	background-position: left -57px;
}
#radio li.current a.playSound {
	background-position: left -114px;
	cursor: auto;
}
#radioButtons {
	position: relative;
	margin: 73px 0 0 20px; 
	float: left;
	padding-right: 81px;
	/* Change image if add another radio peice */
	background-image: url(../images/radio-arrows_02.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
}
#radio ul.none {
	background-position: 227px top;
}
#radio ul.track-01 {
	background-position: -81px top;
}
#radio ul.track-02 {
	background-position: -389px top;
}
#radioButtons li {
	width: 226px;
	min-height: 73px;
	border-top: 1px solid #00CCFF;
	border-bottom: 1px solid #00CCFF;
	border-left: 1px solid #00CCFF;
	background: url(../images/white-80-percent.png) scroll repeat left top;
	margin-bottom: 5px;
}
#radioButtons li.current {
	background-color: #FFFFFF;
	background-image: none;
}
#radioButtons h2, #radioButtons h3 {
	padding: 0 68px 0 8px;
	margin: 0;
	clear: left;
	font-size: 1.2em;
}
#radioButtons h2 {
	font-weight: normal;
}
#radioButtons h3 {
	color: #00CCFF;
}
#radioButtons img.logo {
	margin: 8px;
}
#radioDescriptions {
	width: 260px;
	height: 390px;
	float: right;
	margin: 25px;
	position: relative;
	/* Need to fix for IE */
	padding-left: 40px;
}
#radio .active {
	background: url(../images/description-arrow.png) scroll no-repeat left 163px;
}
.radioDescription {
	position: absolute;
	bottom: 0;
	padding: 12px 12px 80px 12px;
	background: url(../images/blue-80-percent.png) scroll repeat left top;
}
#radioDescriptions h2 {
	font-size: 1.4em;
	color: #FFFFFF;
	margin: .5em 0;
}
#radioDescriptions h3 {
	margin-bottom: .5em;
}
#radioDescriptions p {
	 color: #FFFFFF;
}
#radioDescriptions dl {
	font-size: 1.2em;
}
#radioDescriptions dt {
	float: left;
	display: inline;
	padding-right: 4px;
}
#radioDescriptions dd {
	color: #FFFFFF;
	font-weight: bold;
}
#radioPlayer {
	background-color: #D6D6D6;
	position: absolute;
	bottom: 0;
	width: 260px;
}
.radioWrapper {
	padding: 8px 12px;
	overflow: auto;
}
#radioPlayer ul {
	overflow: auto;
	float: left;
	display: inline;
}
#radioPlayer li {
	float: left;
	display: inline;
	line-height: 15px;
}
#radioPlayer #buttons li {
	margin-right: 4px;
}
#radioPlayer p, #radioPlayer h3 {
	font-size: 1em;
	line-height: 1.2em;
	margin: 0;
}
div#infoWrapper {
	clear: left;
	padding: 3px 0;
}
p.play-info {
	padding: 3px 5px;
	display: inline-block;
	background-color: #B5B5B5;
}
#radioPlayer h3 {
	font-weight: bold;
}
#radioPlayer a#play, #radioPlayer a#pause, #radioPlayer a#stop {
	background-image: url(../images/play-pause_02.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	text-indent: -9999px;
}
#radioPlayer a#play {
	background-position: left top;
}
#radioPlayer a#play:hover {
	background-position: left -15px;
}
#radioPlayer a#pause {
	background-position: -15px top;
}
#radioPlayer a#pause:hover {
	background-position: -15px -15px;
}
#radioPlayer a#stop {
	background-position: -30px top;
}
#radioPlayer a#stop:hover {
	background-position: -30px -15px;
}
#radioPlayer a#vmin, #radioPlayer a#vmax {
	background-image: url(../images/volume-small.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
	width: 15px;
	height: 15px;
	display: inline-block;
	text-indent: -9999px;
}
#radioPlayer a#vmin {
	background-position: left top;
}
#radioPlayer a#vmin:hover {
	background-position: left -15px;
}
#radioPlayer a#vmax {
	background-position: -15px top;
}
#radioPlayer a#vmax:hover {
	background-position: -15px -15px;
}
/* Where We Are */
#whereWeAre dl {
	float: left;
	display: inline;
	width: 150px;
	margin-right: 20px;
}
#whereWeAre dt, #whereWeAre dd {
	font-size: 1.2em;
	line-height: 1.5em;
}
#whereWeAre dt {
	font-weight: bold;
	color: #00CCFF;
}
a#playButton {
	position: relative;
	z-index: 99;
	float: right;
	display: block;
	width: 15px;
	height: 15px;
	text-indent: -9999px;
	margin: 9px;
	cursor: pointer;
	background-image: url(../images/play-pause.png);
	background-attachment: scroll;
	background-repeat: no-repeat;
}
a#playButton.play {
	background-position: left top;
}
a#playButton.play:hover {
	background-position: left -15px;
}
a#playButton.pause {
	background-position: -15px -15px;
}
a#playButton.pause:hover {
	background-position: -15px top;
}
/* Video */
#mhVideo {
	margin-bottom: 1.5em;
	overflow: auto;
	_height: 360px;
}
#videoInner {
	width: 640px;
	height: 360px;
	float: left;
	display: inline;
	position: relative;
	background-color: #333333;
}
a#player {
	display: block;
}
a.small {
	width: 320px;
	height: 180px;
	margin: 90px auto;
}
a.large {
	width: 640px;
	height: 360px;
}
#notPlaying {
	width: 60px;
	height: 360px;
	position: relative;
	float: right;
	display: inline;
	background-color: #333333;
}
#notPlaying h3 {
	width: 60px;
	height: 58px;
	text-indent: -9999px;
	background: scroll url(../images/not-playing.png) no-repeat left top;
	margin-top: 20px;
}
#notPlaying a {
	display: block;
	width: 50px;
	height: 33px;
	text-indent: -9999px;
	background: scroll url(../images/try-another.png) no-repeat left top;
	margin: 0 4px;
}
#notPlaying a:hover {
	background-position: left -33px;
}

.clearFloat {
	clear: both;
}