body {
  background: #000;
  height: auto;
  padding-bottom: 20px;
}

p {
  overflow: hidden;
}

iframe
{
  border: 1px;
}

.container_12,
.container_16,
.container_24 {
  /*
  background-color: #fff;
  background-repeat: repeat-y;
  margin-bottom: 20px;
  */
}

.container_12 {
  /*background-image: url(../img/12_col.gif);*/
}

.container_16 {
  /*background-image: url(../img/16_col.gif);*/
}

.container_24 {
  /*background-image: url(../img/24_col.gif);*/
}


/*********************************************************
  SECTIONS
/*********************************************************/

.section { min-height: 64px; }

.section.divekick     { background: url('../images/background_days_tile.png'     ) repeat-y center top; }
.section.header       { background: url('../images/background_dojo_tile.png'     ) repeat-y center top; }
.section.divekick     { background: url('../images/background_days_tile.png'     ) repeat-y center top; }
.section.media        { background: url('../images/background_howlett_tile.png'  ) repeat-y center top; }
.section.reviews      { background: url('../images/background_downworld_tile.png') repeat-y center top; }
.section.links        { background: url('../images/background_jeo_tile.png'      ) repeat-y center top; }
.section.buy          { background: url('../images/background_lab_tile.png'      ) repeat-y center top; }
.section.footer       { background: url('../images/background_divebar_tile.png'  ) repeat-y center top; }

.section.divider      { background: url('../images/divider_kick.png'  ) no-repeat top center; height: 64px;}

.section .bg { padding-top: 32px; }

.section.header   .bg { background: url('../images/background_dojo.jpg'     ) no-repeat center -256px; }
.section.divekick .bg { background: url('../images/background_days.jpg'     ) no-repeat center top; padding-top: 64px;}
.section.media    .bg { background: url('../images/background_howlett.jpg'  ) no-repeat center top; }
.section.reviews  .bg { background: url('../images/background_downworld.jpg') no-repeat center top; }
.section.links    .bg { background: url('../images/background_jeo.jpg'      ) no-repeat center center; }
.section.buy      .bg { background: url('../images/background_lab.jpg'      ) no-repeat center center; }
.section.footer   .bg { background: url('../images/background_divebar.jpg'  ) no-repeat center -548px; }

/*********************************************************
  MENU
/*********************************************************/

.menu
{
  width: 976px;
  height: 168px;
  background: url('../images/main_menubg.png') no-repeat center center;

  margin-top: -58px;
  margin-left:   -18px;

  position: relative;
}

.menuitem { 
  background: url('../images/main_menuitem_divekick.png' ) no-repeat top left; 
  height: 24px; 

  margin-top: 76px; 
  margin-left: -48px; 

  display: block;

  z-index: 100; 
}

.menuitem.divekick  { background-image: url('../images/main_menuitem_divekick.png' ); }
.menuitem.media     { background-image: url('../images/main_menuitem_media.png'    ); margin-left: -32px; }
.menuitem.reviews   { background-image: url('../images/main_menuitem_reviews.png'  ); }
.menuitem.buy       { background-image: url('../images/main_menuitem_buy.png'      ); }
.menuitem.links     { background-image: url('../images/main_menuitem_links.png'    ); margin-left: -32px; }
.menuitem.forum     { background-image: url('../images/main_menuitem_forum.png'    ); margin-left: -64px; }
.menuitem.twitter   { background-image: url('../images/main_menuitem_twitter.png'  ); margin-left:  0px; width: 32px; float: left; display: block;}

.menuitem:hover     { background-position: 0px -32px; }
.menuitem:active    { background-position: 0px -64px; }

.menu .anchor.left  { background-image: url('../images/main_divebutton.png'); margin-top: 50px; }
.menu .anchor.right { background-image: url('../images/main_kickbutton.png'); margin-top: 50px; margin-left: 48px; } 


/*********************************************************
  ELEMENTS
/*********************************************************/

.section.header .igslogo
{
  margin-top:   -16px;
  margin-left: 808px;
  margin-right: auto;

  position: absolute;
}

.section.header .igslogo a
{
  width: 128px;
  height: 43px;
  background: url('../images/main_igslogo.png') no-repeat center center;
  display: block;
}

.section.header .otglogo
{
  margin-top:   -16px;
  margin-left: 808px;
  margin-right: auto;

  position: absolute;
}

.section.header .otglogo a
{
  width: 98px;
  height: 43px;
  background: url('../images/main_otglogo.png') no-repeat center center;
  display: block;
}

.section.header .divekicklogo
{
  width: 720px;
  height: 360px;
  background: url('../images/main_logo.png') no-repeat center center;
  margin-left: auto;
  margin-right: auto;
}

.section.header .calltoaction
{
  width: 896px;
  height: 112px;
  background: url('../images/main_calltoaction.png') no-repeat center center;

  margin-top: 40px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 32px;
}

.section.header .paxbadge
{
  margin-top: -240px;
  margin-left: -180px;
  margin-right: auto;
  margin-bottom: -24px;

  position: absolute;
}

.section.header .paxbadge a
{
  width: 312px;
  height: 320px;
  background: url('../images/main_paxbadge.png') no-repeat center center;
  display: block;
}

.section.header .indiecadebadge
{
  margin-top: -240px;
  margin-left: -180px;
  margin-right: auto;
  margin-bottom: -24px;

  position: absolute;
}

.section.header .indiecadebadge a
{
  width: 312px;
  height: 320px;
  background: url('../images/main_indiecade.png') no-repeat center center;
  display: block;
}

.section.header .storebadge
{
  margin-top: -240px;
  margin-left: 800px;
  margin-right: auto;
  margin-bottom: -24px;

  position: absolute;
}

.section.header .storebadge a
{
  width: 312px;
  height: 320px;
  background: url('../images/main_storebadge.png') no-repeat center center;
  display: block;
}

.anchor { 
  background: url('../images/main_divebutton.png') no-repeat center center; 
  width: 80px; 
  height: 80px; 
  margin-left: -48px; 
  margin-top: -8px; 
}

a.popup img
{
  border: 2px solid #111111;
}

a.popup img:hover
{
  border-color: #444444;
}

.section.header    .anchor { background-image: url('../images/main_divebutton.png'); }
.section.divekick  .anchor { background-image: url('../images/main_kickbutton.png'); }
.section.media     .anchor { background-image: url('../images/main_divebutton.png'); }
.section.reviews   .anchor { background-image: url('../images/main_kickbutton.png'); }
.section.links     .anchor { background-image: url('../images/main_divebutton.png'); }
.section.buy       .anchor { background-image: url('../images/main_kickbutton.png'); }
.section.footer    .anchor { background-image: url('../images/main_divebutton.png'); }
.clear.margin { margin-bottom: 32px; }

.totop {
  background: url('../images/main_totop_btn_ss.png') no-repeat top left;
  width: 64px;
  height: 40px;

  margin-bottom: 16px;

  display: block;
}

.totop:hover {  background-position: 0px -40px; }
.totop:active { background-position: 0px -80px; }

.section.footer .bg
{
  padding-top: 16px;
  padding-bottom: 16px;
}

.section.footer .logos
{
  margin-bottom: 16px;
}

.section.footer .logos img
{
  margin-left: 12px;
  margin-right: 12px;
}

/*********************************************************
  TITLES
/*********************************************************/

.title { background: url('../images/main_headers_ss.png') no-repeat 0px 0px; height: 64px; margin-left: -48px; margin-bottom: 24px; }
.section.header    .title { background-position: 0px    0px; }
.section.divekick  .title { background-position: 0px    0px; }
.section.media     .title { background-position: 0px  -64px; }
.section.reviews   .title { background-position: 0px -128px; }
.section.links     .title { background-position: 0px -196px; }
.section.buy       .title { background-position: 0px -256px; }
.section.footer    .title { background-position: 0px -320px; }