/*
*/
body {
  background: #000;
  background-image: url(images/bg.jpg);
  height: 100%; /* fix height to 100% for IE */
  min-height: 100%; /* fix height for other browsers */
  padding: 0; /*remove padding */
  margin: 0; /* remove margins */
  border: 0; /* remove borders */
  color: #CCCCCC;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
}
html>body {
  height: 100%
}
html {
  height: 100%; /* fix height to 100% for IE */
  padding: 0; /*remove padding */
  margin: 0; /* remove margins */
  border: 0; /* remove borders */
  background: #000; /*color background - only works in IE */
  background-image: url(images/bg.jpg);
}
* {
  margin: 0;
  padding: 0;
}

a:active {
  outline: none;
}

a:focus {
  -moz-outline-style: none;
}

a.hula , a.hula:visited {
  color: #CB3999;
  text-decoration: none;
  font-weight: bold;
}
a.hula :hover {
  color: #FFFFFF;
  font-weight: bold;
}

table {
  border-collapse: collapse;
  border-color: #505050;
  empty-cells:show;
}

#hula_table {
  border-collapse: collapse;
  border-color: #505050;
  empty-cells:show;
}
img { border: 0; }

td {
  vertical-align: top;
  /*background: #151009;*/
}
td.dark {
  vertical-align: top;
  background: #151009;
}

p {
  font-family: Verdana, Arial,sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  padding-top: 1.2em;
  padding-right: 3em;
  padding-bottom: 1.2em;
  padding-left: 0em;
  line-height: 1.4em;
}

p.announce {
  font-family: Verdana, Arial,sans-serif;
  font-size: 11px;
  color: #FFFFFF;
  background-color: #4A4848;
  padding-top: 1.0em;
  padding-right: 1.0em;
  padding-bottom: 1.0em;
  padding-left: 1.0em;
  line-height: 1.4em;
}

p.bio {
  color: #babc4a;
  font-size: 8pt;
  line-height: 1.0em;
  padding-top: 0.01em;
  padding-right: 1.0em;
  padding-bottom: 0em;
  padding-left: 1.0em;
  line-height: 1.4em;
  /*font-weight: bold;*/
  text-align: left;
}

.crime {
  color: #c03792;
  font-size: 8pt;
  line-height: 1.4em;
  padding-left: 1.0em;
  padding-bottom: 0em;
  text-align: left;
}
.bioname {
  color: #babc4a;
  font-size: 10pt;
  line-height: 1.0em;
  padding-top: 1.4em;
  font-weight: bold;
}
.title {
  color: #CB3999;
  font-weight: bold;
}
.production {
  font-weight: normal;
  font-style: italic;
}
.hula_table {
  background: #151009;
}

#main-block {
  width: 461px;
  text-align: center;
}
#main-footer {
  padding-left: 14px;
  padding-top: 8px;
  width: 461px;
  text-align: center;
}
#trailer-block {
  width: 509px;
  text-align: center;
}
#freeforall-block {
  width: 461px;
  text-align: center;
}
#aboutpbb-block {
  width: 784px;
  text-align: center;
}
#aboutpbb-footer {
  position:relative;
  margin-top: 20px;
  width: 784px;
  text-align: center;
}
#sharelink-block {
  width: 461px;
  text-align: center;
}
#abouthula-block {
  width: 461px;
  text-align: center;
}
#trailer-footer {
  position:relative;
  margin-top: 32px;
  width: 509px;
  text-align: center;
}
#freeforall-footer {
  position:relative;
  margin-top: 32px;
  width: 461px;
  text-align: center;
}
#sharelink-footer {
  position:relative;
  margin-top: 32px;
  width: 461px;
  text-align: center;
}
#abouthula-footer {
  position:relative;
  margin-top: 0px;
  width: 461px;
  text-align: center;
}

#copyright {
  position: relative;
  color: #eee;
  text-align: center;
  top: 0px;
}
#copyright a, a:visited {
  color: #fff;
  text-decoration: underline;
}
#copyright a:hover {
  color: #da2b93;
}

#main-footer #copyright, #main-footer #copyright a:link, #main-footer #copyright a:visited {
  color: #bbb;
}
#main-footer #copyright a:hover, #main-footer #copyright a:active {
  color: #da2b93;
}

/* FORMS */
form {
  padding: 0;
  margin: 0;
}
form p.form input, select, textarea {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 1em;
  border-bottom: 2px solid #c6baac;
  border-right: 2px solid #c6baac;
}
form p.form input.no_border {
  border: none;
}

/*
  menues.css

  styles common to menues

*/
#menu-body {
  position:absolute;
  left:0px;
  top:0px;
  width:146px;
  height:100%;
  background-image: url(images/menu_bar.jpg);
}

#menu-items {
  position:absolute;
  left:0px;
  top:0px;
  width:146px;
  height:800px;
  background-image: url(images/menu_bar.jpg);
}

#mnu-top_ {
  position:absolute;
  left:0px;
  top:0px;
  width:146px;
  height:27px;
}

#mnu-home_ {
  position:absolute;
  left:0px;
  top:27px;
  width:146px;
  height:50px;
}

#mnu-about-penguins_ {
  position:absolute;
  left:0px;
  top:77px;
  width:146px;
  height:49px;
}

#mnu-about-hula_ {
  position:absolute;
  left:0px;
  top:126px;
  width:146px;
  height:100px;
}

#mnu-trailer_ {
  position:absolute;
  left:0px;
  top:226px;
  width:146px;
  height:50px;
}

#mnu-share_ {
  position:absolute;
  left:0px;
  top:276px;
  width:146px;
  height:49px;
}

#mnu-spacer_ {
  position:absolute;
  left:0px;
  top:325px;
  width:146px;
  height:50px;
}

#mnu-free_ {
  position:absolute;
  left:0px;
  top:375px;
  width:146px;
  height:99px;
}

#mnu-contact_ {
  position:absolute;
  left:0px;
  top:474px;
  width:146px;
  height:50px;
}

/*
  Main content block (right of menu)
 */
#content-body {
  position:absolute;
  /*left: 316px;*/
  left: 240px;
  top: 0px;
  /*height: 100%;*/
}
#content-top {
  position: absolute;
  top: 40px;
}
#content-foot {
  position: absolute;
  bottom: 0px;
  height: 60px;
}
#content-about {
  position:absolute;
  /*left: 316px;*/
  left: 240px;
  top: 0px;
  /*height: 100%;*/
}
/*
  FREE FOR ALL Download Block
 */
#ffa_block {
  position:relative;
  left:0px;
  top:18px;
  width:461px;
  height:369px;
}

#ffa_frame {
  position:absolute;
  left:0px;
  top:0px;
  width:461px;
  height:369px;
}

#ffa-banner_ {
  position:absolute;
  left:0px;
  top:0px;
  width:461px;
  height:115px;
}

#ffa-left_ {
  position:absolute;
  left:0px;
  top:115px;
  width:147px;
  height:141px;
}

#ffa-dancing_ {
  position:absolute;
  left:147px;
  top:115px;
  width:169px;
  height:141px;
}

#ffa-right_ {
  position:absolute;
  left:316px;
  top:115px;
  width:145px;
  height:141px;
}

#ffa-stripe_ {
  position:absolute;
  left:0px;
  top:256px;
  width:461px;
  height:23px;
}

#ffa-btn-left_ {
  position:absolute;
  left:0px;
  top:279px;
  width:197px;
  height:46px;
}

#ffa-download_ {
  position:absolute;
  left:197px;
  top:279px;
  width:65px;
  height:46px;
}

#ffa-btn-right_ {
  position:absolute;
  left:262px;
  top:279px;
  width:199px;
  height:46px;
}

#ffa-footer_ {
  position:absolute;
  left:0px;
  top:325px;
  width:461px;
  height:44px;
}

/*
  ABOUT HULA Block
 */
#about_hula_block {
  position:relative;
  left:0px;
  top:18px;
  width:458px;
  height:382px;
}

#about-hula-top {
  position:absolute;
  left:0px;
  top:0px;
  width:458px;
  height:156px;
}

#about-hula-select {
  position:absolute;
  left:0px;
  top:156px;
  width:162px;
  height:156px;
}

#about-hula-right {
  position:absolute;
  left:162px;
  top:156px;
  width:296px;
  height:156px;
}

#about-hula-stripe {
  position:absolute;
  left:0px;
  top:312px;
  width:458px;
  height:47px;
}

#about-hula-foot {
  position:absolute;
  left:0px;
  top:359px;
  width:458px;
  height:23px;
}
/*
  BIOGRAPHY Block
 */
#bio_block {
  position:relative;
  left:0px;
  top:32px;
  width:462px;
  /*height:874px;*/
  margin-bottom: 50px;
  text-align: left;
}

#bio-top_ {
  position:absolute;
  left:0px;
  top:0px;
  width:462px;
  height:60px;
}

#bio-left_ {
  position:absolute;
  left:0px;
  top:60px;
  width:133px;
  height:16px;
}

#bio-janet-link_ {
  position:absolute;
  left:133px;
  top:60px;
  width:86px;
  height:16px;
}

#bio-center_ {
  position:absolute;
  left:219px;
  top:60px;
  width:24px;
  height:16px;
}

#bio-judith-link_ {
  position:absolute;
  left:243px;
  top:60px;
  width:123px;
  height:16px;
}

#bio-right_ {
  position:absolute;
  left:366px;
  top:60px;
  width:96px;
  height:16px;
}

#bio-bottom_ {
  position:absolute;
  left:0px;
  top:76px;
  width:462px;
  height:84px;
}

#bio-janet_ {
  position:absolute;
  left:0px;
  top:160px;
  width:462px;
  height:297px;
}

#bio-judith_ {
  position:absolute;
  left:0px;
  top:457px;
  width:462px;
  height:297px;
}

#bio-felix_ {
  position:absolute;
  left:0px;
  top:754px;
  width:462px;
  height:120px;
}

/*
  about PBB
 */
#aboutPBB_info-block {
  position:relative;
  left:0px;
  top:0px;
  width:784px;
  height:359px;
}

#aboutPBB_top_block {
  position:absolute;
  left:0px;
  top:120px;
  width:784px;
  height:359px;
  margin-bottom: 100px;
}

#aboutPBB_upper {
  position:absolute;
  left:0px;
  top:0px;
  width:158px;
  height:359px;
}

#aboutPBB_lower {
  position:absolute;
  left:0px;
  top:0px;
  width:158px;
  height:359px;
}

#aboutPBB-top-rruff{
  position:absolute;
  left:0px;
  top:0px;
  width:158px;
  height:359px;
}

#aboutPBB_info {
  position:absolute;
  left:0px;
  top:0px;
  width:467px;
  height:359px;
}

#aboutPBB-top-text{
  position:absolute;
  left:158px;
  top:0px;
  width:467px;
  height:265px;
}

#aboutPBB-top-left{
  position:absolute;
  left:158px;
  top:265px;
  width:208px;
  height:46px;
}

#aboutPBB-contact{
  position:absolute;
  left:366px;
  top:265px;
  width:65px;
  height:46px;
}

#aboutPBB-top-right{
  position:absolute;
  left:431px;
  top:265px;
  width:194px;
  height:46px;
}

#aboutPBB-top-bot{
  position:absolute;
  left:158px;
  top:311px;
  width:467px;
  height:48px;
}

#aboutPBB-top-moxie{
  position:absolute;
  left:625px;
  top:0px;
  width:159px;
  height:359px;
}

/*
  EMAIL-FORM
 */
#email_block {
  text-align: center;
  width: 467px;
  margin-top: 50px;
}
#email_form {
  background: #4A4848;
}
td.tleft {
  background-image: url(images/sl-top-left.gif);
  width: 13px;
  height: 13px;
}
td.tcenter {
  background-image: url(images/sl_top-center.gif);
  height: 13px;
}
td.tright {
  background-image: url(images/sl_top-right.gif);
  width: 13px;
  height: 13px;
}
td.fleft {
  background-image: url(images/sl_fill_left.gif);
  width: 13px;
  height: 13px;
}
td.fcenter {
  background-image: url(images/sl-fill-center.gif);
  height: 13px;
  text-align: center;
}
td.fright {
  background-image: url(images/sl-fill-right.gif);
  width: 13px;
  height: 13px;
}
td.fbutton {
  background-image: url(images/sl-fill-center.gif);
  width: 13px;
  height: 32px;
  text-align: center;
}
td.bleft {
  background-image: url(images/sl-bot-left.gif);
  width: 13px;
  height: 5px;
}
td.bcenter {
  background-image: url(images/sl-bot-center.gif);
  height: 5px;
}
td.bright {
  background-image: url(images/sl-bot-right.gif);
  width: 13px;
  height: 5px;
}