/* taken from Andy Clarke, "Transcending CSS", page 158 */

/* normalize margin, padding */
body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td {margin:0;padding:0;}
/* normalize font-size for headings */
h1, h2, h3, h4, h5, h6 {font-size:100%;}
/* remove list-style */
ol, ul {list-style:none;}
/* normalize font-style, font-weight */
address, caption, cite, code, dfn, em, strong, th, var {font-style:normal;font-weight:normal;}
/* removing spacing on table */
table {border-collapse:collapse;border-spacing:0;}
/* remove border from fieldset, img */
fieldset, img {border:0;}
/* align left caption, th */
caption, th {text-align:left;}
/* remove quotation marks from q */
q:before, q:after {content: '';}
/* reset font-size so 1em = 10px */
html {font-size:100%;}
body {font-size:62.5%;}

/* clearfix */
.clear {clear:both;}
.clearfix:after {/* HACK: clearfix float clearing method */
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */




body div.container{width:740px;margin:0 auto}
body div.inner-wrapper{float:left;width:100%;background:transparent url("graphic/bg-content.gif") repeat-y top left;}
body div.content-wrapper{margin: 0 333px 0 0}
body div.extra-wrapper{float:left;width:327px;margin-left:-327px}
/*body div.footer-wrapper{text-align:center;}*/
body div.footer-wrapper{clear:left;width:327px;margin-left:413px;}


body {
  background:#A09F9F;
  font-family:Verdana, Arial, sans-serif;
  color:#202020;
}
a {
  text-decoration:none;
  color:#202020;
  font-weight:bold;
}
a:hover {
  text-decoration:underline;
}

object, embed {
	margin:0 !important;
	padding:0 !important;
}
div.content {background:#202020;color:#fff;}
div.content h1{
  padding:16px 0;
  text-indent:-9999px;
}
div.content h1 a, div.content h1 a span {
  display:block;
  width:382px;
  height:93px;
  line-height:93px;
  background:transparent url("graphic/logo-payones2.gif") no-repeat 50% 0%;
	cursor:pointer;
}
div.content h1 a {margin-left:10px;}
div.content h2, div.content h3 {
  margin:4px 41px 2px;
  text-align:center;
}
* html div.content h2, * html div.content h3 {
  position:relative;
}
div.content h2 {
	margin-top:8px;
  font-size:3.2em;
}
div.content h3 {
  font-size:1.6em;
}
div.extra {background:#4A4A4A;padding-top:10px;}
div.extra div.slogan {
  width:327px;
  height:251px;
  background:transparent url("graphic/bg-extra_pitch.gif") no-repeat top left;
  text-indent:-9999px;
}
div.extra div.copy {
  width:327px;
  height:285px;
  background:transparent url("graphic/bg-extra_copy.gif") no-repeat top left;
  text-indent:-9999px;
}
div.flowplayerborder {
  width:324px;
  height:244px;
  margin:16px 0 5px 37px;
  border:5px solid #b0afaf;
  border-left-width:6px;
  border-right-width:6px;
/*  padding-bottom:2px;*/
/*  background:#000;*/
}
div.media-message {
	text-align:center;
	margin-bottom:24px;
	margin-left:1px;
	color:#989797;
}
div.media-message img {
	vertical-align: middle;
	margin-bottom:2px;
}
div.media-message strong {
	font-weight:bold;
}
div.flowplayerborder div {
  border:1px solid #d1d0d0;
}
div.flowplayerborder div div {
  border:1px solid #5f5e5e;
}
div#flowplayerholder {
	height:240px;
	position:relative;
/*  border:1px solid #d1d0d0;*/
}



div.media-item img.cover {
  margin-left:-158px;
  float:left;
  border:1px solid #656666;
	margin-bottom:32px;
}
div.more div.media-item img.cover {
	margin-bottom:11px;
}
div.media-item img.screen {
  border:1px solid #656666;
}
div.media-item div.screen-wrap {
	height:132px;
	width:182px;
	border-bottom:1px solid #efefef;
}
div.media-item {
  font-size:1.2em;
  margin:16px 30px 16px 195px;
}
div.more div.media-item {
  font-size:1.1em;
}
div.media-item span {
/*  font-weight:bold;*/
  margin:6px 0;
  display:block;
}
div.media-item span span {
  margin:0;
  font-weight:normal;
  display:inline;
}
div.media-item span.starring span.title {
	display:block;
}

* html div.media-item {
  position:relative;
}
div.content_bottom, div.more_top, div.more_bottom {
	height:10px;
  line-height:10px;
  clear:both;
}
div.content_bottom {
	width:740px;
  background:#B0AFAF url("graphic/bg-content_bottom.gif") no-repeat bottom left;
}
* html div.content_bottom {
	margin-top:0 !important;
}
*:first-child+html div.content_bottom {
	margin-top:0 !important;
}
div.more {
  margin-top:6px;
}
div.more h3 {
  padding:0px 20px 3px;
  color:#202020;
  font-size:2.4em;
  text-align:left;
  background:#D7D7D7;
}
div.more_bottom {
  background:#D7D7D7 url("graphic/bg-more_bottom.gif") no-repeat bottom left;
}
div.more_top {
  background:#B0AFAF url("graphic/bg-more_top.gif") no-repeat top left;
}
* html div.content_bottom {
  margin-top:16px;
}
*:first-child+html div.content_bottom {
  margin-top:16px;
}
div.more div.media-wrap {
  background:#efefeF url("graphic/bg-more_media-item.gif") repeat-x top left;
  padding-bottom:23px;
}
div.more div.media-item {
  text-align:center;
  padding:16px 0 0 10px;
  margin:0px 27px;
	width:180px;
	float:left;
}
* html div.more div.media-item {
	margin:0 20px;
}
div.media-split {
  height:0px;
/*  margin:0 1px;*/
  border-top:1px solid #b0afaf;
  border-bottom:1px solid #fff;
  line-height:0px;
}
div.spacer {
	padding:10px 0 7px;
/*  height:40px;*/
/*  line-height:40px;*/
  background:#D7D7D7;
}

a.download_button, a.download_button span {
/*  cursor: default;*/
  display:block;
  height:65px;
  line-height:65px;
  text-indent:-9999px;
/*  width:289px;*/
  background:transparent url("graphic/button-download.gif") no-repeat 50% 0;
	cursor:pointer;
}
a.download_button:hover, a.download_button:hover span {
  background-position:50% 100%;
}
a#playButton {
	text-indent:-9999px;
	display:block;
	height:240px;
	width:320px;
	z-index:40;
	position:absolute;
	background:transparent url("graphic/playrbuttn02.gif") no-repeat 50% 50%;
	cursor:pointer;
}
div.content a.button-watch {
	background:transparent url("graphic/button-watch_top.gif") no-repeat top left;
	text-indent:-9999px;
	height:28px;
	width:169px;
	display:block;
	margin:15px 0 0 ;
}
div.more a.button-watch {
	margin-top:5px;
	background:transparent url("graphic/button-watch_more.gif") no-repeat top left;
	text-indent:-9999px;
	height:32px;
	width:173px;
	display:block;
}
div.more .spacer span {font-size:1.8em;padding-left:20px;font-weight:bold;}
* html div.more .spacer span {font-size:1.6em}
div.more .spacer a {font-size:1.4em;padding-left:16px;font-weight:bold;text-decoration:underline;color:#316BBA;}
* html div.more .spacer a {font-size:1.1em;}



div.twotwo {
	text-align:center;
}
div.twotwo a {
	color:#555;
}
div.twotwo img {
	border:1px solid #d7d7d7;
}





/* generate page */
body.generate {
	margin:20px;
	font-size:12px;
	font-family:Arial, sans-serif;
}

div.urls {
	margin:20px 0;
}