ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin: 0; padding: 0; }
a img,:link img,:visited img { border: none; }

body{
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial,  sans-serif;
  font-size: 11px;
  color:#fff;
  background-color: #000;
  text-align:center;
  line-height:13px;
}

h1.Univers {
  margin: 8px 0 0 0;
  line-height:48px;
}
h1.sAnimal{
  padding:0;
  margin:0;
  font-size:100px;
  line-height:100px;
  letter-spacing:0;
}

h1.sAnimalright  {
  padding:0;
  line-height:100px;
}

h2.sAnimal {
  padding:0;
  margin:0;
  line-height: 26px;
}
h2.Univers {
  display:inline;
  padding:5px 0 0 11px;
  margin:0;
  font-size: 20px;
  line-height: 20px;
}
div.Univers {
  line-height: 40px; 
  font-size: 20px;
  float:left;
  vertical-align:bottom;
}
div.UniversThin {
  line-height: 40px;
  letter-spacing:0;
  float:left;
  vertical-align:bottom;
}
.right .Univers {
  padding-right:10px;
}

#allCont {
  width:960px;
  text-align:left;
  margin-left:auto;
  margin-right:auto;
  position:relative;
}

#header {
  height:206px;
  background-image: url(../images/header.jpg);
  background-position:left top;
  background-repeat:no-repeat;
}

#header ul {
  height: 50px;
  list-style-type:none;
  display:block;
  float:left;
  position:absolute;
  left:120px;
  top:113px;
}

#header ul li {
  display:block;
  float:left;
}

#header ul li a {
  background-position:center top;
  background-repeat:no-repeat;
  float:left;
  height:52px;
  position:relative;
  z-index:1;
}

#header ul li a:hover {
  background-position:bottom;
  z-index:110;
}

#header ul li a span{
  display:none;
}


#header ul li a.menuHome {
  width: 80px;
  background-image: url(../images/menu_home.jpg);
/* background-image: url(/images/home.png); */

}

#header ul li a.menuStory {
  width: 126px;
/*  width: 124px; */
  position:relative;
  left: -9px;
  background-image: url(../images/menu_story.jpg);
/* background-image: url(/images/story.png); */
}

#header ul li a.menuCharacters {
  width: 149px;
  position:relative;
  left: -12px;
  background-image: url(../images/menu_characters.jpg);
}

#header ul li a.menuBehind {
  width: 224px;
  position:relative;
  left: -19px;
  background-image: url(../images/menu_behind.jpg);
}

#header ul li a.menuHowto {
  width: 171px;
  position:relative;
  left: -31px;
  background-image: url(../images/menu_howto.jpg);
}
#header ul li a.selected {
  background-position:bottom;
  z-index:100;
}
#mainCont {
  min-height:585px;
  _height:585px;
}

#rightCont {
  width:281px;
  float:right;
  background-image: url(../images/rcol_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  min-height:353px;
  _height:353px;
}
#rightContBehind {
  width:281px;
  float:right;
  background-image: url(../images/rcol_behind.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  min-height:585px;
}

#leftCont {
  width:679px;
  float:left;
  background-image: url(../images/lcol_bg.jpg);
  background-position:left top;
  background-repeat:no-repeat;
  min-height:585px;
  _height:585px;
}

.pageText {
  float:left;
  width: 205px;
  padding:0 16px 0 18px;
}

.storyText {
  float:left;
  width:661px;
  height:343px;
  padding:9px 0 0 18px;
  background-image: url(../images/story_bg.jpg);
  background-position: left top;
  background-repeat: no-repeat;
}
.widecolText {
  width:342px;
}

.player {
  float:left;
}

#footer {
  position:absolute;
  left: 191px;
  top: 630px;
}

.right_img {
  padding:93px 0 0 0;
}

.actorList {
  padding:73px 0px 0 24px;
}
.supportVideoList {
  padding:74px 0 0 11px;
}
.supportVideoList img.heading {
  padding: 0 0 0 11px;
}
.actorList ul {
  padding:12px 0 0 0;
  list-style-type:none;
}

.actorList ul li a, .actorList ul li a:visited, .actorList ul li a:link {
  font-size: 18px;
  line-height:20px;
  display:block;
  padding:3px 7px;
  width:190px;
  color:#cccccc;
}
.actorList ul li a:hover {
  text-decoration:none;
  color:#000;
}

.actorList ul li a.selected {
  text-decoration:none;
  color:#000000;
  background-color:#ffffff;
}


/*Characters classes*/
/*
.chDetail {
  padding: 10px 45px 0 45px;
  width:589px;
  height:342px;
}
*/

.chDetail {
  padding: 100px 25px 0 45px;
  width:609px;
  height:342px;
  background-repeat:no-repeat;
}

.left {
  text-align:left;
}
.right {
}

.chDesc {
  width: 220px;
}

.right .chDesc {
float:right;
}

.chFooter {
  padding:20px 0 0 0;
}

.right .chFooter {
  float:right;
}

.acName {
  float:left;
  padding: 55px 0 0 11px;
}

.right .acName {
  float:right;
}
.chImg {
  float:left;
}
.right .chImg {
  float:right;
}
/*
.spence{
  background-image:url(/images/joshua_bg.jpg);
}

.david{
  background-image:url(/images/simon_bg.jpg);
}
.lucy{
  background-image:url(/images/myfany_bg.jpg);
}
.jefe{
  background-image:url(/images/mystery_bg.jpg);
}
.the-general{
  background-image:url(/images/richard_bg.jpg);
}
*/

.spence{
  background-image:url(../images/joshua_photo_all.jpg);
}

.david{
  background-image:url(../images/simon_photo_all.jpg);
}
.lucy{
  background-image:url(../images/myfany_photo_all.jpg);
}
.jefe{
  background-image:url(../images/mystery_photo_all.jpg);
}
.the-general{
  background-image:url(../images/richard_photo_all.jpg);
}


.cleaner {
  float:none;
  clear:both:
  line-height:0px;
  height:0px;
}
/*Behind the scenes*/

.videoTitle a, .videoTitle a:visited, .videoTitle a:link  {
  font-weight:bold;
  text-decoration:underline;
  color: #fff;
}
.videoImg {
  float:left;
  width: 85px;
  padding:5px 0 0 0;
}

.vSelected .videoImg img{
  border: 3px solid #fff;
}

.videoDesc {
  float:left;
  width: 98px;
  padding: 5px 0 0 12px;
  font-size: 11px;
  line-height: 12px;
}
.suppItem {
  padding: 5px 0 5px 0;
}
.suppLink {
  color:#fff;
  font-weight:bold;
}

#copyright {
  position:absolute;
  top: 780px;
  left: 370px;
  padding: 0 0 10px 0;

}