html{ width: 100%; }
body{ overflow-y: scroll; overflow-x: hidden;margin: 0; width: 100%; font-size: 16px; font-family: 'Source Sans Pro', sans-serif; }
a{ outline: none; text-decoration: none; }
img{ border: none; }
strong{ font-weight: 600; }
/* Global classes */
.clear{ display: block; clear: both; }

/* Structure */
#left_column{ position: relative; float: left; width: 450px; background: #F2F2F2; }
#center_column{ position: fixed; top: 0; left: 450px; overflow: hidden; background: #33373A url('/sherakhan/public/images/structure/ajax-loader.gif') no-repeat center center; }
#right_column{ position: relative; float: right; width: 600px; background: #F2F2F2; }

/* Left column */
#logo_holder{ display: block; padding: 2em 0; width: 100%; background: #002B51; color: #fff; text-align: center; border-bottom: 4px solid #ffba00; }
#logo_holder .logo{ display: inline-block; margin-bottom: 1em; width: 131px; height: 80px; background: url('/sherakhan/public/images/structure/sherakhan_sprite.png') -70px -10px; }
#logo_holder .title{ display: block;  font-size: 3.5em; font-weight: 300; text-transform: uppercase; line-height: 1; }
#logo_holder .subtitle{ display: block;  font-size: 1.125em; font-weight: 600; text-transform: uppercase; line-height: 2; }

#main_menu{ margin: 0; padding: 0; list-style: none; }
#main_menu li{ width: 100%; line-height: 1.25; border-bottom: 1px solid #B9B9B9; cursor: pointer; }
#main_menu .inner{ display: block; padding: 2.5em 3.125em; background: #F2F2F2; }
#main_menu .title{ display: block; color: #002B51; font-weight: 700; text-transform: uppercase; letter-spacing: .2em; }
#main_menu li .countries{ color: #999; font-size: .9375em; }
#main_menu li.active .inner{ background: #001D33; color: #fff; }
#main_menu li.active .title{ color: #fff; }
#main_menu li.active .countries{ color: #fff; }

#main_menu ul{ display: none; margin: 0; padding: 0; list-style: none; background: #fff; }
#main_menu ul li{ position: relative; padding: 1em 0 1em 3.125em; border-bottom: none; border-bottom: 1px solid #E4E4E4; cursor: pointer; background: #fff; }
#main_menu ul li:first-child{ border-bottom: none; }
#main_menu .option{ padding: 0 3.571428571em; background: #002B51; color: #fff; font-size: .875em; font-weight: 300; line-height: 2.5em; text-transform: uppercase; }
#main_menu .route_color{ display: block; position: absolute; top: 0; left: 0; width: 12px; height: 100%; background: #33373A; }
#main_menu .starting_point{ float: left; width: 8em; height: 100%; }
#main_menu .destination{ float: left; height: 100%;}
#main_menu .location{ display: block; color: #002B51; }
#main_menu .region{ display: block; color: #999; font-size: .9375em; font-style: italic;}
#main_menu .boat{ display: block; float: left; margin: 0 1.5em; width: 45px; height: 16px; background: url('/sherakhan/public/images/structure/sherakhan_sprite.png') -10px -10px; }
#main_menu .close{ background: #001D33; width: 100%; padding: 0; height: 1em;  }

#main_menu ul .active_sub{ background: #002B51; }
#main_menu .active_sub .location{ color: #fff; }
#main_menu .active_sub .region{ color: #fff; }
#main_menu .active_sub .boat{ background-position: -10px -70px; }

#left_column .text_holder{ margin-bottom: 100px; padding: 1.5em 2.5em;  }
#left_column .text_holder h1{ color: #002B51; font-size: 1em; text-transform: uppercase; }
#left_column .text_holder p{ margin: 1.25em 0; color: #666; font-weight: 300; line-height: 1.25}

/* Center */
.center_image{ position: absolute; left: 50%; top: 0; opacity: 0;}

table tr td:first-child{ width: 200px; }
table tr td:nth-child(2){ font-weight: 300; }

/* Right column */
#right_column .image{ width: 100%; height: auto; background: #E4E4E4;  }
#right_column .image img{ width: 100%; display: block;  }
#right_column .route_holder{ padding: 1.5em 2.5em; background: #002B51; color: #fff; line-height: 1.375;  border-top: 4px solid #ffba00;}
#right_column .starting_point{ display: block; float: left; width: 10em; height: 100%; }
#right_column .destination{ float: left; height: 100%; }
#right_column .location{ display: block; font-size: 1.25em; font-weight: 600; }
#right_column .region{ display: block; font-size: 1.125em; font-style: italic;}
#right_column .boat{ display: block; float: left; margin: 1em 3em 0 3em; width: 45px; height: 16px; background:  url('/sherakhan/public/images/structure/sherakhan_sprite.png') -10px -70px; }

#right_column .text_holder{ padding: 1.5em 2.5em;  }
#right_column .text_holder h1{ color: #002B51; font-size: 1em; text-transform: uppercase; }
#right_column .text_holder p{ margin: 1.25em 0; color: #666; font-weight: 300; line-height: 1.25}

.btn{ display: inline-block; padding: 0 1em; background: #002B51; color: #fff; line-height: 2.5em; }
.btn:hover{ background: #ffba00; color: #002B51}

.heading{ padding: 1.5em 2.5em; background: #002B51;  color: #fff; line-height: 1.375; border-bottom: 4px solid #ffba00;}
.home_image{ margin-top: 50px; width: 100%; text-align: center; }
.home_image img{ width:80%;}
.clear.home{ margin-top: 100px;}
#right_column .text_holder.home{ padding: 1.5em 3.75em;  }

#js_

#footer{ padding: 30px 0 20px 0; width: 600px; height: 40px; background: #002B51; font-size: .9375em; text-transform: uppercase; line-height: 1 }
#footer span{ display: block; }
#footer .sherakhan{ float: left; margin: 0 50px 0 40px; width: 240px; color: #DDE9F2;  }
#footer .sherakhan .logo{ float: left; margin: 0 10px 0 0; width: 66px; height: 40px; background: url('/sherakhan/public/images/structure/sherakhan_sprite.png') -70px -180px; }
#footer .sherakhan .text{ float: left; }

#footer .komma{ float: left; width: 240px; height: 40px; color: #DDE9F2; }
#footer .komma .logo{ float: left; margin: 0 10px 0 0; width: 30px; height: 30px; background: url('/sherakhan/public/images/structure/sherakhan_sprite.png') -210px -180px; }
#footer .komma .text{ float: left; }

#footer .text .title{ font-weight: 300; }

::selection{ background: #002B51; color:#fff; }
::-moz-selection{ background: #002B51; color:#fff; }

@media all and (max-width: 1660px)
{
    body{ font-size: 15px; }
    #left_column{ width: 400px; }
    #center_column { left: 400px;}
    #right_column{ width: 500px; }
    #footer{ width: 500px;}
    #footer .sherakhan{ margin: 0 10px 0 20px; width: 220px; }
    #footer .komma{ width: 200px; height: 40px; }
}

@media all and (max-width: 1280px)
{
    body{ font-size: 12px; }
    #left_column{ width: 300px; }
    #center_column { left: 300px;}
    #right_column{ width: 400px; }

    #logo_holder .title{ font-size: 2.5em; }

    #main_menu .starting_point{ width: 7em; }
    #main_menu .boat{ margin: 0 1.5em 0 0 ; width: 30px; height: 11px; background: url('/sherakhan/public/images/structure/sherakhan_sprite.png') -10px -30px; }

    #right_column .boat{ display: block; float: left; margin: 1em 2em 0 1em; width: 30px; height: 11px; background:  url('/sherakhan/public/images/structure/sherakhan_sprite.png') -10px -90px; }

    #footer{ width: 400px;}
    #footer .sherakhan{ margin: 0 10px 0 20px; width: 190px; }
    #footer .komma{ width: 160px; height: 40px; }

}