* {
  margin: 0;
  padding: 0;
  border: 0;
}

#main {
  height: auto;
  position: relative;
  overflow: hidden;
}
*html  #main { 
  height: 100%; 
  overflow: visible; /*--If content is larger than 724px, IE6 will allow the content to break out of its element--*/
}

a, a:hover {
  color: #000; 
  size: 6px;
  text-decoration: line; 
}

body {
  background-color: #566477;  
  padding: 0 0 0;
  font-size: 10px;
  color: #ffffff;
  font-family: Verdana, Arial, Helvetica, sans-serif;
}

.container {
  background-color: #9DCEEC;
  width: 800px;
  height: auto;
  margin: 0px auto;
}

#header {
  background-image: url(img/header.png);
  width: 800px;
  height: 88px;
  position: absolute;
  top: 0;
  left: 0;
}

#logo {
  background-image: url(img/logo.png);
  margin: 5px 0 0 8px;
  width: 240px;
  height: 66px; 
}

#hedi {
  top: 5px;
  color: #D4D4D4;
  font-size: 1.2em;  
}

#podhead {
  background-image: url(img/podheader.png);
  width: 800px;
  height: 191px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 88px 0 0 0;
}

#spheres {
  margin: 10px 0 0 0;
}

#navline {
  background-color: #5D5D5D;
  width: 800px;
  height: 20px;
  position: absolute;
  margin: 279px 0 0 0;
  text-align: center;
}

#navline ul {
  list-style-type: none;
}  

#navline li {
  display: inline;
  margin: 0 10px;
  font-size: 1.4em;
} 

#navline a {
  color: #CCC; 
  size: 4px;
  text-decoration: none
}

#navline a:hover {
  color: #FFF; 
  size: 6px;
  text-decoration: none; 
}

#content {
  float: right;
  width: 800px;
  height: auto;
  margin: 279px 0 0 0;
  padding: 10px;

}

.post {
  float: right;
  width: 545px;
  height: auto;
  min-height: 1000px;
  color: #000000;
  margin: 10px  0 auto 0;
  float: right;
} 

.post p {
  width: 480px;
  height: auto;
  text-align: justify;
  font-family: Arial;
  font-size: 14px;
  margin: 10px;
  padding: 0 15px 5px 0;
}

.postname {
  background: #7F7F7F;
  width: 500px;
  height: 19px;
  margin: 25px 10px 5px 1px;
  float: left;
  text-align: left;
  color: #CBA968;
  font-size: 15px;
  padding-left: 20px;
}

#menu {
  float: left;
  width: 255px;
}

#menu_head {
  background-color: #5B5B5B;
  margin: 25px 0 0 40px;
  width: 200px;
  height: 30px;
}

#meni {
  background-image: url(img/meni.png);
  height: 30px;
}

#meni p {
  color: #ACACAC;
  padding: 2px 0 0 40px;
  font-size: 13px;
  text-align: center;
}

#menu-items {
  background-color: #7F7F7F;
  color: #CCC;
  text-align: center;
  margin: 0 0 0 5px;
  width: 180px;
  height: auto;
}

#menu-items ul {
  list-style-type: none;
}  

#menu-items li {
  margin: 0 10px;
  text-align: center;
  font-size: 13px;
  padding: 3px 0 3px 0;
} 

#menu-items a {
  color: #B8A57E;
  font-size: 12px;
}

#menu-items a:hover {
  color: #B8A57E;
  font-size: 13px;
}

#footer {
  margin: 0 0 0 0;
  background-image: url(img/header.png);
  width: 800px;
  height: 69px;
  clear : both;
}

#footer td {
  font-size: 10px;
  color: #8F8F8F;
}
h1 { font-size: 14px;}

td.head_service_video {font-family:tahoma; font-weight:bold; font-size:9pt; color:#000000; background-color:#f1f2f7;}
td.head_service_video_center {text-align:center; font-family:tahoma; font-weight:bold; font-size:9pt; color:#f77310; background-color:#f1f2f7;}
td.service_video {font-family:tahoma; font-weight:bold; font-size:8pt; color:#000000; background-color:#f1f2f7;}
td.service_video_center {text-align:center; font-family:tahoma; font-weight:bold; font-size:8pt; color:#000000; background-color:#f1f2f7;}