@charset "utf-8";

body {
  background-image : url(./pic/background.png);
  background-repeat: repeat-y;
  margin-top       : 180px;
  margin-left      : 200px;
  margin-right     : 100px;
}

/*
ul#mainnav {
  position    : absolute;
  top         : 160px;
  left        : 30px;
  width       : 97px;
  border      : 1px;
  padding     : 0;
  margin      : 0;
  border-width: thin;
  border-color: black white white black;
  border-style: solid;
  overflow    : hidden;
}

ul#mainnav li {
  list-style    : none;
  border        : 1px;
  padding       : 0;
  padding-top   : 0.5em;
  padding-bottom: 0.5em;
  margin        : 1px;
  margin-top    : 10px;
  margin-bottom : 10px;
  text-align    : center;
  color         : white;
  border-width  : thin;
  border-color  : white black black white;
  border-style  : solid;
}

ul#mainnav a,
ul#mainnav a:visited {
  text-decoration: none;
  border         : 0;
  padding        : 0;
  margin         : 0;
  color          : white;
}

ul#mainnav a:hover {
  background-color: #7092be;
}
*/

ul#mainnav {
  position    : absolute;
  top         : 160px;
  left        : 23px;
/*  width       : 97px;
  border      : 1px;
  border-width: thin;
  border-color: black white white black;
  border-style: solid;
*/
  border      : 0;
  padding     : 0;
  margin      : 0;
  overflow    : hidden;
}

ul#mainnav li {
  list-style    : none;
  background-image : url(./pic/button.png);
  background-color   : #7092be;

/*
  border        : 1px;
  padding       : 0;
  padding-top   : 0.5em;
  padding-bottom: 0.5em;
  margin        : 1px;
  border-width  : thin;
  border-color  : white black black white;
  border-style  : solid;
*/
  width       : 111px;
  height      : 32px;
  border      : 0;
  padding     : 0;
  margin      : 0;
  margin-top    : 10px;
  margin-bottom : 10px;
  text-align    : center;
  color         : white;
}

ul#mainnav span {
  text-decoration: none;
  vertical-align : middle;
  border         : 0;
  padding        : 0;
  margin         : 0;
  color          : white;
}

ul#mainnav a,
ul#mainnav a:visited,
ul#mainnav a:hover {
  text-decoration: none;
  vertical-align : middle;
  border         : 0;
  padding        : 0;
  margin         : 0;
  color          : white;
}

div#greybar {
  background-color   : #808080;
  background-image   : url(./pic/rockport.jpg);
  background-repeat  : no-repeat;
  background-position: 10px;
  position           : absolute;
  top                : 10px;
  left               : 0;
  width              : 100%;
  height             : 133px;
  border             : 0;
  padding            : 0;
  margin             : 0;
  overflow           : hidden;
}

div#greybar div{
  border        : 0;
  padding       : 0;
  margin        : 0;
  margin-top    : 98px;
  margin-left   : 200px;
  color         : white;
  font-size     : 20px;
  font-weight   : bold;
}

div#greybar div#bluebar {
  background-color   : #7092be;
  background-image   : url(./pic/blue.png);
  background-repeat  : no-repeat;
  position           : absolute;
  top                : 0;
  left               : 0;
  border             : 0;
  padding            : 0;
  margin             : 0;
  height             : 64px;
  width              : 500px;
  margin-top         : 20px;
  margin-left        : 180px;
  overflow           : hidden;
}

div#greybar div#bluebar div#amdy{
  position: absolute;
  left    : 20px;
  top     : 10px;
  border  : 0;
  padding : 0;
  margin  : 0;
}

div#greybar div#bluebar div#lang{
  position: absolute;
  right   : 20px;
  top     : 16px;
  border  : 0;
  padding : 0;
  margin  : 0;
}

div#greybar div#buttons {
  position: absolute;
  right   : 20px;
  top     : 50px;
  border  : 0;
  padding : 0;
  margin  : 0;
}

div#greybar div#buttons img{
  margin-left: 10px;
}

img {
  border : 0;
  outline: 0;
}