body {
  font-family: Verdana, sans-serif;
  font-size: 10pt;
  color: #e0e0e0;
  text-align: center;
  background: #263546;
}

a img {
  color: #aaaaaa;
  text-decoration: none;
  border: 0px;
}

.main {
  width: 976px;
  margin-left: auto;
  margin-right: auto;
  padding-top: 20px;
  background-image: URL('./images/header.jpg');
  background-repeat: no-repeat;
}

.header {
  text-align: left;
  width: 934px;
  height: 150px;
  margin: 0px 20px 10px 20px;
  padding: 0px;
  border: 1px dotted #dddddd;
}

.footer {
  text-align: center;
  width: 934px;
  padding: 5px 0px 5px 0px;
  margin: 0px 20px 10px 20px;
  border: 1px dotted #dddddd;
}

.menu {
  width: 165px;
  padding: 6px 5px 5px 5px;
  margin: 0px 10px 10px 0px; /*20px;*/
  border: 1px dotted #dddddd;
  float: left;
}

.main_content_previews {
  width: 748px;
  margin: 0px 0px 10px 0px;
  border-left: 1px dotted #dddddd;
  border-top: 1px dotted #dddddd;
  text-align: center;
  float: left;
}

.main_content_photo {
  width: 934px;
  margin: 0px 20px 10px 20px;
  border: 1px dotted #dddddd;
  padding-top: 10px;
  padding-bottom: 10px;
  text-align: center;
}

.preview {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/prev_bg.jpg');
}

.preview_no_bg {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
}


.wallpaper {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/wallpaper_bg.jpg');
}

.preview_1 {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/prev_bg1.jpg');
}

.preview_2 {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/prev_bg2.jpg');
}

.preview_3 {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/prev_bg3.jpg');
}

.preview_4 {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/prev_bg4.jpg');
}

.prev_img {
  margin-top: 23px;
}

.menu_item {
  text-align: center;
  height: 30px;
}

.menu_item:hover {
  height: 30px;
  border: 1px dotted #e0e0e0;
}

.menu_item_active {
  text-align: center;
  height: 30px;
  border: 1px dotted #e0e0e0;
}

.menu_item_IE {
  text-align: center;
  height: 30px;
}

.menu_item_IE:hover {
  height: 28px;
  border: 1px dotted #e0e0e0;
}

.menu_item_active_IE {
  text-align: center;
  height: 28px;
  border: 1px dotted #e0e0e0;
}


.menu_item_link {
  font-size: 15px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  color: #e0e0e0;
}

.menu_item_link_active {
  font-size: 15px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  color: white;
}

.menu_item_link_non_photo {
  font-size: 15px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  color: #68b3ff; /* #99cbfe; */
}

.menu_item_link_non_photo_active {
  font-size: 15px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  color: #99cbfe;
}

.menu_item_link_promo {
  font-size: 15px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  color: #fffd42;
}

.menu_item_link_promo_active {
  font-size: 15px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  color: #fffea0;
}

.menu_item_link_wallpapers {
  font-size: 15px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  color: #f06700;
}

.menu_item_link_wallpapers_active {
  font-size: 15px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  color: #ed8132;
}

.link_name {
  color: white;
  text-decoration: none;
  font-weight: bold;
  margin-top: 5px;
}

.link_name_wrapper {
  color: white;
  height: 17px;
  text-decoration: none;
  font-weight: bold;
  margin-top: 12px;
  margin-left: auto;
  margin-right: auto;
}

.link {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/link_bg.jpg');
}

.link_1 {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/link_bg_1.jpg');
}
.link_2 {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/link_bg_2.jpg');
}
.link_3 {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/link_bg_3.jpg');
}
.link_4 {
  width: 186px;
  height: 186px;
  float: left;
  text-align: center;
  border-right: 1px dotted #dddddd;
  border-bottom: 1px dotted #dddddd;
  background-image: URL('./images/link_bg_4.jpg');
}
.main_content_about_me {
  width: 747px;
  padding-top: 15px;
  padding-bottom: 15px;
  margin: 0px 0px 10px 0px;
  border: 1px dotted #dddddd;
  text-align: left;
  font-size: 15px;
  float: left;
}

.main_content_intro {
  width: 747px;
  padding-top: 15px;
  padding-bottom: 10px;
  margin: 0px 0px 10px 0px;
  border: 1px dotted #dddddd;
  text-align: center;
  font-size: 15px;
  float: left;
}

.main_content_navigation {
  width: 747px;
  padding: 5px 0px 5px 0px;
  margin: 0px 0px 10px 0px;
  border: 1px dotted #dddddd;
  text-align: center;
  font-size: 14px;
  float: left;
}

.main_content_tutorial {
  width: 747px;
  padding-top: 15px;
  padding: 18px 0px 8px 0px;
  margin: 0px 0px 10px 0px;
  border: 1px dotted #dddddd;
  text-align: center;
  font-size: 15px;
  float: left;
}

.main_content_guestbook {
  width: 717px;
  padding: 15px 15px 10px 15px;
  margin: 0px 0px 10px 0px;
  border: 1px dotted #dddddd;
  text-align: center;
  font-size: 15px;
  float: left;
}


.text {
    font-size: 15px;
    margin-left: 15px;
    margin-right: 15px;
    text-align: justify
}

.text_narrow {
    width: 400px;
    margin-left: 15px;
    text-align: justify;
}

.text_narrow_right {
    width: 400px;
    margin-left: 15px;
    text-align: right;
}

.text_link {
  text-decoration: none;
  font-size: 15px;
  font-weight: bold;
  color: white;
}

.text_link:hover {
  text-decoration: none;
  font-size: 15px;
  color: #f06700;
}

.signature {
  text-align: right;
  padding-right: 15px;
}

.guestbook_record {
  border-bottom: 1px dotted #666666;
  width: 700px;
  margin-left: auto;
  margin-right: auto;
  margin-bottom: 10px;
  padding-bottom: 10px;
  text-align: left;
}

.guestbook_item {
  font-size: 12px;
  color: #55fff5;
  text-align: left;
}

.guestbook_text_link {
  font-size: 12px;
  color: white;
  text-decoration: none;
}

.navi_left {
  text-align: left;
  width: 50px;
}

.navi_right {
  text-align: right;
  width: 50px;
}

.navi_middle {
  text-align: center;
  width: 150px;
  font-weight: bold;
  font-size: 10pt;
}

.navi_first {
  text-align: left;
  width: 50px;
}

.navi_last {
  text-align: right;
  width: 50px;
}

.submit_button {
  background-color: #aaaaaa;
  border: 1px dotted #f06700;
  color: #2d268e;
}

.about_me {
  float: left;
  margin-top: 18px;
  margin-right: 15px;
  margin-left: 15px;
  margin-bottom: 10px;
}

.float_left {
  float: left;
  margin-top: 0px;
  margin-right: 15px;
  margin-left: 0px;
  margin-bottom: 10px;
}

.float_right {
  float: right;
  margin-top: 0px;
  margin-right: 0px;
  margin-left: 15px;
  margin-bottom: 10px;
}

.headline {
  font-size: 18px;
  font-weight: bold;
  color: white;
  font-variant: small-caps;
  
}

.top_menu {
  text-align: center;
  width: 924px;
  margin: 10px 20px 10px 20px;
  padding: 5px 5px 5px 5px;
  border: 1px dotted #dddddd;
}

.top_menu_item {
  text-align: center;
  width: 180px;
  height: 30px;
}

.top_menu_item:hover {
  width: 178px;
  border: 1px dotted #e0e0e0;
}

.top_menu_item_active {
  text-align: center;
  width: 178px;
  height: 30px;
  border: 1px dotted #e0e0e0;
}