/* Element styles */

body {
	margin: 0;
	padding: 0;
	background: white;
	font: 11px "Helvetica Neue", Arial, sans-serif;
}
a img {
	border: none;
}
a {
  color: #0fb1e0;
	text-decoration: none;
}
a:hover,
a.link:hover {
	text-decoration: underline;
}

/* Layout */

#Container {
  width: 960px;
  margin: 0px auto 0 auto;
}

/* Header */

#Header {
  background-color: #0fb1e0;
  color: white;
  overflow: hidden;
}
#Header, #Header h1, #Header h2 {
  height: 70px;
}
#Header h1, #Header h2 {
  margin: 0;
}
#Header h1 {
  float: left;
  width: 285px;
  position: relative;
  z-index: 0;
}
#Header h1 span {
  top: 48px;
  left: 33px;
  position: absolute;
  font-size: 10px;
  font-weight: normal;
  z-index: -1;
}
#Header h2 {
  float: right;
  width: 95px;
}
#Header h1 a, #Header h2 a {
  text-indent: -9999em;
  color: white;
  display: block;
  height: 100%; /* TODO does this work in IE6, IE7? */
  text-decoration: none;
}
#Header h1 a {
  background: transparent url(../images/head-case-logo.png) no-repeat top left;
}
#Header h2 a {
  background: transparent url(../images/starz-logo.png) no-repeat center right;
}

/* Flash Content */

#Content {
  width: 960px;
  height: 582px;
  background: url(../images/noflash/noflash_bg.jpg) 0px 65px no-repeat;
}

/* Flash Prompt + Alternate Content */

#Prompt {
	padding: 160px 0 0 420px;
}
#Prompt h2 {
	background: #0fb1e0 url(../images/noflash/headline_bg.gif) no-repeat;
	height: 35px;
	width: 397px;
	text-indent: -9999px;
	margin: 0 0 15px;
}
#Prompt p {
	font-size: 12px;
	color: #555;
	margin: 15px 0 20px;
	line-height: 15px;
}
#Prompt a.link {
	font-size: 17px;
	padding: 0 26px 0 0;
	background: url(../images/noflash/link_bg.gif) right no-repeat;
	text-decoration: none;
}
#Prompt a.headcase {
	padding-left: 45px;
}

/* Footer */

#Footer {
  padding: 10px 3px 0 0;
  text-align: right;
}
#Footer a, #Footer span {
  color: #949696;
  font-size: 10px;
  padding: 0 0 0 15px;
}