body {
  margin: 0; padding: 0; border: 0;
  background-color: #FFFFFF;
  background-image: url("../graphics/background.png");
  background-position: top center;
  background-repeat: no-repeat;
  background-attachment: fixed;
  font-family: arial, sans-serif;
  color: #323232;
  font-size: 12px;
}

img {
  /* keep link anchor images from getting an ugly border */
  margin: 0; padding: 0; border: 0;
}

p {
  /* prevent Firefox's enormous paragraph margins */
  margin: 10px; padding: 0; border: 0;
  line-height: 20px;
}

/* general use styles */

p.borderless {
  /* a borderless paragraph comes in handy */
  margin: 0; border: 0; padding: 0;
}

.invisible {
  display: none;
}

.right {
  text-align: right;
}

/* make the top link invisible to everything but basic browsers - invisible to print */

.top_link {
  display: none;
}

/* general link styles for the site */
a {
  font-weight: bold;
  text-decoration: none;
  color: #1063A8;
}

a:hover { color: #78BEF2; }
a:active { color: #78BEF2; }

/* position the logo */
#logo {
  margin: 0; border: 0; padding: 0;
  position: relative;
  width: 160px;
  height: 40px;
  left: 5px;
  top: 5px;
}

/* put everything in place for the japanese flag */
a#flag {
  display: block;
  position: absolute;
  left: 180px;
  top: 8px;
  width: 100px;
  height: 15px;
  background-image: url("../graphics/japanese_flag.png");
  background-position: top;
  background-repeat: no-repeat;
}

a#flag:hover {
  background-position: bottom;
}

a#flag:active {
  background-position: bottom;
}

/* Thai flag */
a#flag_th {
  display: block;
  position: absolute;
  left: 280px;
  top: 8px;
  width: 100px;
  height: 15px;
  background-image: url("../graphics/thai_flag.png");
  background-position: top;
  background-repeat: no-repeat;
}

a#flag_th:hover {
  background-position: bottom;
}

a#flag_th:active {
  background-position: bottom;
}

/* create a nav for the links and block image off to the right */
#blue_nav {
  margin: 0; border: 0; padding: 0;
  position: absolute;
  right: 0;
  top: 0;
  width: 350px;
  height: 300px;
  background-color: transparent;
  background-image: url("../graphics/blocks.png");
  background-position: top right;
  background-repeat : no-repeat;
}

/* Make the blue links large */

a.blue_links {
  display: block;
  position: absolute;
  font-size: 18px;
}

/* position the blue nav links */
#cool24 {
  top: 5px;
  right: 250px;
}

#global24 {
  top: 43px;
  right: 175px;
}

#jet8news {
  top: 80px;
  right: 90px;
}

/* create a class for the grey links */

a.grey_links {
  display: block;
  position: absolute;
  margin: 0; border: 0; padding: 0;
  z-index: 2;
  width: 100px;
  height: 18px;
  background-color: #FFFFFF;
}

a.grey_links:hover {
  background-color: #646464;
}

a.grey_links:active {
  background-color: #646464;
}

/* position the grey links */
#contact_info {
  top: 110px;
  right: 0;
  background-image: url("../graphics/contact_info_button.png");
  background-position: top;
  background-repeat: no-repeat;
}

#contact_info:hover {
  background-position: bottom;
}

#contact_info:active {
  background-position: bottom;
}

#investor_info {
  top: 130px;
  right: 0;
  background-image: url("../graphics/investor_info_button.png");
  background-position: top;
  background-repeat: no-repeat;
}

#investor_info:hover {
  background-position: bottom;
}

#investor_info:active {
  background-position: bottom;
}

#employment {
  top: 150px;
  right: 0;
  background-image: url("../graphics/employment_button.png");
  background-position: top;
  background-repeat: no-repeat;
}

#employment:hover {
  background-position: bottom;
}

#employment:active {
  background-position: bottom;
}

a.grey_links_1 {
  display: block;
  position: absolute;
  margin: 0; border: 0; padding: 0;
  z-index: 2;
  width: 100px;
  height: 59px;
  background-color: #FFFFFF;
}

#mondeSelection {
  top: 175px;
  right: 0;
  background-image: url("../graphics/mondeSelection_button.png");
  background-position: top;
  background-repeat: no-repeat;
}

#mondeSelection:hover {
  background-position: bottom;
}

#mondeSelection:active {
  background-position: bottom;
}

/* format the more class */

.more {
  font-size: 14px;
}

/* create a div class for the content */
div.content {
  margin: 0; border: 4px solid; padding: 0;
  position: absolute;
  width: 620px;
  background-color: #FFFFFF;
}

/* Specify border colors etc */
div#cool24div {
  border-color: #BFDFF6;
  background-image: url("../graphics/cool24_animation2.gif");
  background-position: 475px 5px;
  background-repeat: no-repeat;
  height: 190px;
  left: 50px;
  top: 120px;
}

div#global24div {
  border-color: #C8C8C8;
  background-image: url("../graphics/global24_animation2.gif");
  background-position: 475px 5px;
  background-repeat: no-repeat;
  height: 190px;
  right: 50px;
  top: 330px;
}

div#jet8newsdiv {
  border-color: #BFDFF6;
  left: 150px;
  top: 540px;
}

/* classes for arranging the images and text within the blocks */

.divlogo {
  position: absolute;
  left: 10px;
  top: 10px;
}

.content_paragraphs {
  margin: 0; border: 0; padding: 0;
  position: absolute;
  left: 20px;
  top: 60px;
  width: 450px;
}

/* #index_news_table */

#index_news_table {
  margin: 0; border: 0; padding: 0;
  table-layout: auto;
  border-collapse: separate;
  position: relative;
  left: 10px;
}

#index_news_table td {
  border: 0; padding: 3px;
  text-align: left;
  vertical-align: top;
  line-height: 20px;
}

#index_news_table td.left_cells {
  width: 80px;
}

#index_news_table td.right_cells {
  width: 500px;
}

/* the infamous bottom copyright */
p.bottom_copyright {
  margin: 0; border: 0; padding: 0;
  position: absolute;
  top: 950px;
  right: 5px;
}