/* Main CSS */

body {
  padding: 0;
  margin: 0;
  background: #666666;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  color: #000000;
}

#wrapper {
  width: 957px;
  margin: 0 auto;
  background: #ffffff;
  border-width: 0 2px 2px;
  border-color: #000000;
  border-style: solid;
}

.clear {
  line-height: 0;
  overflow: hidden;
  height: 0;
  clear: both;
  font-size: 1px;
}

p { margin: 14px 0; }

#header {
  width: 957px;
  height: 463px;
}

#hdr-thumbs { width: 957px; height: 195px; }

#logo, #logo h1 {
  background: url('images/logo.jpg') no-repeat top left;
  width: 957px;
  height: 209px;
}

#logo h1 { text-indent: -9999px; padding: 0; margin: 0; }

#navigation {
  height: 59px;
}

#navigation ul {
  margin: 0 0 0 22px;
  padding: 0;
  background: url('images/nav.jpg') no-repeat top left;
  width: 918px;
  height: 59px;
}

#navigation ul li {
  float: left;
  display: inline;
  height: 59px;
}

#navigation ul li a {
  display: block;
  height: 59px;
}

#navigation ul li a:hover { background-position: bottom left; }
#navigation ul li a span { display: none; }

#nav-join { width: 170px; margin-right: 49px; background: url('images/nav-join.jpg') no-repeat bottom left; }
#nav-join a { width: 170px; background: url('images/nav-join.jpg') no-repeat top left; }
#nav-bookmark { width: 198px; margin-right: 33px; }
#nav-bookmark a { width: 198px; background: url('images/nav-bookmark.jpg') no-repeat top left; }
#nav-members { width: 164px; margin-right: 51px; }
#nav-members a { width: 164px; background: url('images/nav-members.jpg') no-repeat top left; }
#nav-continue { width: 253px; }
#nav-continue a { width: 253px; background: url('images/nav-continue.jpg') no-repeat top left; }

#content-wrapper { padding-top: 14px; }

.citem-wrapper { background: url('images/content-bg.gif') repeat-y top left; }
.citem-bg { background: url('images/content-top.gif') no-repeat top left; }
.citem { background: url('images/content-bottom.gif') no-repeat bottom left; width: 908px; padding: 26px 0 34px 49px; }

.citem-hdr { margin-bottom: 19px; }
.citem-hdr h2 { margin: 0; padding: 0; font-size: 20px; }
.citem-hdr p { margin: 0; font-weight: bold; }

.citem-thumbs img { border: 1px solid #000000; }
.citem-thumbs-big, .citem-thumbs-small { float: left; display: inline; }
.citem-thumbs-big { width: 640px; height: 360px; position: relative; border: 1px solid #000000; }
.citem-thumbs-big span { width: 157px; height: 127px; background: url('images/play.png') no-repeat top left; display: block; position: absolute; left: 14px; top: 220px; }
.citem-thumbs-big span em { display: none; }
.citem-thumbs-small { width: 191px; height: 107px; margin-left: 22px; margin-bottom: 20px; }
.cit-last { margin-bottom: 0; margin-top: 1px; }

.citem-text { padding: 10px 54px 10px 2px; }

.citem-join a { width: 866px; height: 68px; display: block; background: url('images/download.jpg') no-repeat top left; }
.citem-join a:hover { background-position: bottom left; }
.citem-join a span { display: none; }

#pagination {
  position: relative;
  height: 77px;
}

#pagination div { position: absolute; top: 0; height: 64px; width: 254px; }
#pagination div a { display: block; height: 64px; width: 254px; }
#pagination div a:hover { background-position: bottom left; }
#pagination div a span { display: none; }

#pnav-join { left: 154px; }
#pnav-join a { background: url('images/join.jpg') no-repeat top left; }
#pnav-continue { right: 153px; }
#pnav-continue a { background: url('images/continue.jpg') no-repeat top left; }

#footer {
  text-align: center;
}

#footer a { color: #330000; }
#footer a:hover { color: #ffffff; }

/* Player */

a.flowplayer {
    display:block;
	width:640px;
	height:360px;
	/*outline-color: #000;
	outline-style: solid;
	outline-width: 1px;*/
}

img.imageborder { border: none; }

/* Join Page */

#header-join {
  width: 957px;
  height: 278px;
}

#logo-join, #logo-join h1 {
  background: url('images/logo-join.jpg') no-repeat top left;
  width: 957px;
  height: 219px;
}

#logo-join h1 { text-indent: -9999px; padding: 0; margin: 0; }

#ji-left, #ji-right { float: left; display: inline; }
#ji-right { padding-left: 39px; }

#join-info h3 { margin: 10px 0; font-size: 20px; }
#join-info h3.first { margin-top: 0; }
#join-info ul { padding: 0; padding-left: 0; margin: 0; }
#join-info ul li { list-style-type: none; padding: 0; }

#join-buttons { position: relative; height: 163px; margin: 26px 0 17px 0; }
#join-bt1, #join-bt2, #join-bt3, #join-bt4 { position: absolute; left: 0; top: 0; }
#join-bt1 { left: 39px; width: 326px; height: 73px; background: url('images/join-bt-1month.jpg') no-repeat top left; border: none; cursor: pointer; }
#join-bt1:hover { background-position: bottom left; }
#join-bt2 { left: 477px; width: 327px; height: 73px; background: url('images/join-bt-trial.jpg') no-repeat top left; border: none; cursor: pointer; }
#join-bt2:hover { background-position: bottom left; }
#join-bt3 { left: 83px; top: 100px; width: 240px; height: 63px; background: url('images/join-bt-onlinecheck.jpg') no-repeat top left; border: none; cursor: pointer; }
#join-bt3:hover { background-position: bottom left; }
#join-bt4 { left: 521px; top: 100px; width: 240px; height: 63px; background: url('images/join-bt-eudebitcard.jpg') no-repeat top left; border: none; cursor: pointer; }
#join-bt4:hover { background-position: bottom left; }

#join-text { width: 522px; height: 37px; background: url('images/join-becauselovehurts.jpg') no-repeat top left; text-indent: -9999px; margin: 0 auto; margin-bottom: 10px; }

#join-buttons-no { position: relative; height: 73px; margin: 26px 0 17px 0; }
#join-buttons-no #join-bt1 { left: 10px; }
#join-buttons-no #join-bt3 { left: 350px; top: 0; }
#join-buttons-no #join-bt4 { left: 602px; top: 0; }