/*      Request ID: 4c88309e35221b43671396a8ae01fad9 (06/09/2026 9:19am) (08/Iz03VzylPzs/VLy8v18vJLEstz0jMSdWDiugXl1TmpBbr56WW6yUXFwMA)      */



/*      Resource ID: 611eb268a92501bd31c50550835 (new.css, minified by none) (06/09/2026 9:19am) (A:6755, B:6811, J:6811, K:6811)      */

/* LiveWhale Web Site Styles */
/* by White Whale Web Services */
 
/* Basic HTML and elements */
html { width: 100%; height: 100%;}
body { font-size: 16px; line-height:1.4; background: #000 url(/live/resource/image/images/sea.jpg) center no-repeat; background-size: cover; background-attachment: fixed; color: #000;overflow-x: visible; max-width: 100%; padding-bottom: 60px; margin:0 auto; font-family:sans-serif;}
#lw_page {background:none !important;}
body.livewhale {margin-top:26px;}

#container {}
h1, h2, h3 , h4 { margin: 0 auto; text-align: center; font-family: Avenir, Avenir Next, AvenirLT-Light, sans-serif; font-weight:normal;}
td h2, td h3, td h4 {text-align: left;}
a {color: #40260e; text-decoration: none;}
h1 { font-weight: 300; text-align: center;}
h2 {
   text-align: center;}
h3 a:hover, .block a:hover { color: #ff9;}
h4 {  font-size: 2em; margin-bottom:.5em; padding-bottom: .25em; border-bottom: 1px dotted #ccc;}
p {line-height: 1.4;}
p.intro { font-size: 1.6em; font-weight: 200;}
img { max-width:100%; height:auto;}


.content table { margin: 0; padding: 0;}
.content table td, .content table th { text-align: left; font-size: 1em; vertical-align: top; margin: 0; padding: 0 3% 0 0;}
.content table td { width: 30%;}
.content table td * { text-align:left;}
.fixed { position: fixed !important;}
.relative { position: relative;}
.absolute { position: absolute;}
.static { position: static;}

/* News detail page */
.news_body .customer_request {
  display: inline-block;
  background-color: #bcf;
  padding: 0 4px;
  font-size: .875em;
  -webkit-border-radius: 1px;
  -moz-border-radius: 1px;
  border-radius: 1px;
}
.news_body li { font-size: .875em; }
.news_body a { color: #0033dd; } 

div#heweb { margin: 0 !important; width: 100%; display: inline-block; color: #fff; padding: 10px; line-height: 1.4; background-color: #000; text-align:center;  font-family: Avenir, Avenir Next, AvenirLT-Light, sans-serif; font-weight:normal; position:fixed; bottom:0; left:0; right:0; z-index:10000;}
  div#heweb a, .block a { color: #fc3; text-decoration: none;}
  div#heweb span {white-space: nowrap;}


#snapshots { width: 100%; height: auto; z-index: 1; overflow: hidden; margin:0 auto; max-width:1400px;}
  #snapshots li { float: left; clear: none; margin: 0; line-height: 0; z-index: 1; position: relative; width: 10%; height: 10%;}
  #snapshots li:nth-child(11), #snapshots li:nth-child(21) { clear: left;}
  #snapshots li a { display: block; width: 100%;}
  #snapshots li img { border: 0 solid #fff; box-shadow: 3px 3px 8px rgba(0,0,0,.5); width: 100%;}
  #snapshots li:hover { z-index: 7;}     /*#snapshots li:hover img{ position:absolute; top:-2%; left:-2%; width: 104%; }
        /* #snapshots li:hover + li { margin-left: 10%; } */
  #snapshots li:hover img { margin: -2%; width: 104%;}
  
@media screen and (min-width: 1150px) { 

  #snapshots li { float: left; clear: none; margin: 0; line-height: 0; z-index: 1; position: relative; width: 10%; height: 10%;}


}
  
  
.lw_overlay_container {text-align:center;}
.lw_element .lw_image_preview { width: auto !important; height: auto !important; display: inline-block !important; max-width: 90%;}
.lw_element .lw_image_preview  img { max-width: 100%; height: auto;}
.box { width: 70%; padding: 0; margin: 50px auto; overflow: visible; background-color: rgba(0,0,0,.3);}
.title.box { z-index: 100; width: 100%; border: none; background: none; padding: 0; margin-top:110px;}
.title { font-size: 1.4em; font-family: AvenirLT-Light; sans-serif;}
.title h1 { font-size: 5.1em; line-height: .8; color: #fff; text-shadow: 2px 2px 2px #000;}
.title h1 a { color:#fff; text-decoration: none;}

.title a#logo img {width: 80%; height:auto; max-width: 800px;}

.block li { display: inline-block;}
.block li a { float: left; color: #fff; padding: 5px 10px; line-height: 1.4; background-color: #000; font-family: Avenir, Avenir Next, AvenirLT-Light, sans-serif;}
.block li a:hover { background-color: #fc3; color: #000;}
.nav .lw_subnav { display: none;}
.content { background-color: rgba(255,255,255,.9); margin-bottom:60px; max-width: 960px; padding: 30px; font-family: sans-serif; font-weight: 200; overflow:hidden;}
.content { text-align: left;}
.content li {margin-bottom:.5em; }
.content .lw_widget_navigation { float: right; width: 25%; margin-left: 3%;}
.content .lw_widget_navigation > ul > li { display: none;}
.content .lw_widget_navigation > ul > li.lw_active.lw_has_subnav { display: block;}
.content h1 { font-size: 4em;  line-height: 1.2; text-shadow: none; color: #006c7d;}

#main_content {width: 55%; float:left;}
#sidebar {width: 35%; margin-left:3%; padding-left: 3%; border-left: 1px dotted #ccc; float:right; font-size:.9em; }
	#sidebar p { margin: 0 0 1em 0;}
.sidebar_hidden #main_content, .lw_editor_on #main_content  {width: 100%;}
{}

h2#subheader { margin-bottom: 20px; padding-bottom:20px; border-bottom:1px solid #ccc;}
#top { height: 750px;}
#simple h2 { z-index: 20; min-height: 28px; }
.arrow_box { padding: 10px 0; position: relative; background: #000; color: #fff; font-size: 1.4em; margin-bottom: -51px; width: 100%;}
.arrow_box:after { top: 100%; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none;}
.arrow_box:after { border-color: rgba(0, 0, 0, 0); border-top-color: #000; border-width: 22px; left: 50%; margin-left: -22px;}
.arrow_box.fixed { position: fixed; top: 40px; width: 100%; margin: 0; padding: 20px 0;}
.text { position: absolute; left: 50%; margin-left: -40%; width: 70%; padding: 5%; height: 10000px; color: #fff;}
.text h2 { font-size: 3em;}
.text p { font-size: 1.4em;}
div#us { position: relative; width: 100%; height: 100%; background: url(/styles/lw_wc1x.jpg) top left no-repeat; background-size: cover;}
.block { padding: 30px 0; height: 200px; width: 70%; margin: 0 auto;}
.nav { top: 0; width: 100%; min-height: 26px; margin: 0 auto; padding: 10px 0;  font-family: Avenir, Avenir Next, AvenirLT-Light, sans-serif; font-size: 1.1em; text-align: center; background: #000; z-index: 25;}
.livewhale .nav {top:26px;}
.lw_widget_navigation { display: inline-block; margin: 0 auto;}
.nav li { margin: 0 !important; float: left; color: #fff; padding: 0 10px; line-height: 1.4; clear: none !important;}
.nav li a { color: #fff; text-decoration: none;}
.nav li:last-child a { color: #fc3; text-decoration: none;}
.nav li a:hover { color: #ffc;}
#background { position: fixed; top: 0; left: 0; width: 100%; height: 100%; background: #40260e url(/live/resource/image/styles/lw_wc1.jpg) center no-repeat; background-size: cover; background-attachment: fixed; z-index: -1;}

img.lw_align_center {box-shadow: 2px 2px 8px rgba(0,0,0,.4); }


@media screen and (max-width: 500px) { 

   .text, .block, #simple {
   		display:none;
   }
  #snapshots li:nth-child(6), #snapshots li:nth-child(16), #snapshots li:nth-child(26) { clear: left;}
  #snapshots li {  width: 20%; height: 20%;}
  .content h1 {font-size:36px;}
 .content table td {display:block; width:auto;}
  #main_content, #sidebar, .column {width: 100%;}
}

/*  COMMENTED OUT ORIGINAL RESPONSIVE STYLES  


@media screen and (max-width: 950px) { 

  .box { 
    width: 650px;     
    padding: 30px;     
    font-size: 1.1em; 
    }
   .block {
   	font-size:.8em;
   }
}
@media screen and (max-width: 710px) { 
    .box {     
      width: 350px;     
      padding: 20px;     
      margin-top: 50px; 
    }

    .title.box {     
      font-size: .6em; }

    .title strong, .title span, .title em, h3 {     
      display: block; 
    }

    .title span {      
      font-size: 2em; 
    }

    .title span:before, .title span:after {      
      content: ' — ';     
      font-family: sans-serif;     
      font-weight: 100;     
      opacity: .5; 
    }

    .title em {     
      font-size: 3em; 
    }

    .title h2 {      
      line-height: 1.1;     
      margin-top: 3em;
    }

    .title h3 {
      font-size: .9em;
      width: 90%
      padding: 5%;
      margin-top: 30px; 
    }

    .title strong {     font-size: 1.8em; };}
@media screen and (max-width: 480px) { .box {     width: 100%;     border: none;     margin-top: 0; }

    .title.box {     padding: 0;     background: transparent;     font-size: .5em; }

    h2 {     margin-top: 1.5em;     padding: 1em 0;     background-color: rgba(0,0,0,.5); }

    .title h3 {     position: relative; };}
@media screen and (max-device-width: 320px) { h3 {     position: absolute;     top: 320px; }

    img {     max-width: 100%; };
    
    }
*/