/* Основной файл CSS  */

/* Базовые назначения * GJ */
html {
  height: 100%;
}
body {
  height: 100%;
  margin: 0;
  padding: 10px;
  font: normal normal normal small/normal Verdana, Tahoma, Arial, sans-serif;
  color: #000000;
  background: #FFFFFF none;
}
div {
  margin: 0;
  padding: 0;
  border: none;
}

/* CSS сайта */
#header {
  position: relative;
  height: 538px;
  background: #C1D3F8 url('/images/nopt/_main/adds/images/main_header_bg.jpg?ports=') repeat-x bottom left;
}
#header div.skyshadow {
  position: absolute;
  top: 0;
  left: 0;
  width: 584px;
  height: 254px;
  background: transparent url('/images/nopt/_main/adds/images/main_header_sky_topleft.jpg?ports=') no-repeat top left;
}
#header div.cloud {
  position: absolute;
  top: 0;
  right: 0;
  width: 504px;
  height: 276px;
  background: transparent url('/images/nopt/_main/adds/images/main_header_cloud.png?ports=') no-repeat top right;
}
#header div.ship {
  position: absolute;
  top: 33px;
  left: 3%;
  width: 279px;
  height: 429px;
  background: transparent url('/images/nopt/_main/adds/images/main_header_ship.png?ports=') no-repeat top left;
}
#header div.island {
  position: absolute;
  top: 143px;
  right: 0;
  width: 287px;
  height: 261px;
  background: transparent url('/images/nopt/_main/adds/images/main_header_island.png?ports=') no-repeat bottom right;
}
#header div.berth {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 557px;
  height: 119px;
  background: transparent url('/images/nopt/_main/adds/images/main_header_berth.jpg?ports=') no-repeat bottom left;
}
#header a.buttonmenu {
  display: block;
  position: absolute;
  top: 418px;
  left: 59px;
  width: 54px;
  height: 33px;
  background: transparent url('/images/nopt/_main/adds/images/main_button_menu.png?ports=') no-repeat center left;
}
#header a.buttonmenu:hover {
  background-position: center right;
}
#header a.buttonport {
  display: block;
  position: absolute;
  top: 418px;
  left: 188px;
  width: 132px;
  height: 33px;
  background: transparent url('/images/nopt/_main/adds/images/main_button_port.png?ports=') no-repeat center left;
}
#header a.buttonport:hover {
  background-position:  center right;
}
#spacer {
  height: 10px;
  background: #FFFFFF url('/images/nopt/_main/adds/images/main_spacer_bg.png?ports=') repeat-x top left;
  overflow: hidden;
}
#content {
  min-height: 252px;
  color: #B0CCD4;
  background: #69ACCA url('/images/nopt/_main/adds/images/main_content_bg.png?ports=') repeat-x top left;
  border: 1px solid #528FAD;
}
#content div.info {
  width: 160px;
  height: 252px;
  float: right;
}
#content div.info p {
  font-size: 11px;
  font-weight: bold;
  text-align: right;
  padding: 8px 15px 0 0;
  margin: 0;
}
#content div.info p:first-line {
  font-size: 13px;  
}
#content div.info p span {
  font-size: 14px;  
}
#content div.info p img {
  margin: 10px 0;
}
#content div.info p a {
  color: #B0CCD4;
  background: transparent none;
}
#content div.info p a:hover {
  color: #D0ECF4;
  background: transparent none;
}
#content div.content {
  width: 100%;
  margin: 0 -160px 0 0;
  float: left;
}
#content div.content div {
  padding: 0 200px 0 0;
}
#content div.clean {
  clear: both;
  height: 0;
}
#footer {
  height: 10px;
  background: #FFFFFF;
}