html {
  margin:0;
  padding:0;
  width:100%;
  height:100%;
}

body {
  margin: 0px;
  padding: 0px;
  font-size: 10pt;
  background: #222222;
  color: #fff;
  font-family: Georgia; 
}

html body * {

}

a img {border: 0;}
a {
  clip: auto;
  outline-style : none;
  color: #fff;
  /*text-decoration: none;*/
}
p {margin: 0; padding: 0;}

h1 {
  font-family :  Arial, Helvetica, sans-serif;
  font-size: 18px;
  color: #FF8A00;
  margin: 0;
  text-align: left;
  padding: 5px 0;
  text-transform: uppercase;
}
h1 small{
  font: 0.2em normal Verdana, Arial, Helvetica, sans-serif;
  text-transform:uppercase;
  letter-spacing: 1.4em;
  display: block;
  color: #fff;
}


#viewport {
  margin:auto;
  text-align:left;
  width:880px;
  padding-top: 0px;
  position: relative;
  color: #fff;
}

div#main_menu *{
  font: 10px normal Verdana, Arial, Helvetica, sans-serif;
}
div#main_menu{
  margin-top: 10px;
  background: #040404 url(../images/main_menu_bg.png) repeat-x top left;
  text-transform: uppercase;
  clear: both;
  width: 870px;
  height: 40px;
  line-height: 40px; /*--Vertical alignment of text--*/
}

ul#topnav {
  margin: 0;
  padding: 0;
  list-style: none;
  float: left;
  font-size: 1.1em;
  margin-left: 20px;
}
ul#topnav li{
  margin: 0;
  padding: 0;
  overflow: hidden;  /*--Important - Masking out the hover state by default--*/
  float: left;
  height:40px;
}
ul#topnav a, ul#topnav span { /*--The <a> and <span> share the same properties since the <span>  will be a duplicate of the <a> tag--*/
  padding: 10px 20px;
  float: left;
  text-decoration: none;
  color: #fff;
  background: url(../images/main_menu_bg.png) repeat-x;
  text-transform: uppercase;
  clear: both;
  /*width: 100%;*/
  height: 20px;
  line-height: 20px; /*--Vertical alignment of text--*/
}
ul#topnav a{ /*--This is basically the hover state of navigation--*/
  color: #000;
  background-position: left bottom;
}
ul#topnav span{ /*--Default state of navigation--*/
  background-position: left top;
}

div#top_panel{
  background: transparent url(../images/top_panel_bg.jpg) no-repeat top left;
  width: 868px;
  height: 322px;
  border: 1px #000 solid;
  position: relative;
}

div#body{
  background: #313131 url(../images/main_panel_bg1.jpg) no-repeat top left;
  width: 869px;
  height: auto;
  border-left: 0px #000 solid;
  border-right: 0px #000 solid;
  border-top: 1px #464646 solid;
}

.window1{
  background: transparent url(../images/window1.png) no-repeat top left;
  width: 281px;
  height: 305px;
  margin-top: 10px;
  margin-left: 10px;
  border: 0px #414141 dotted;
}
.window1 div{padding: 10px;}

.body_content{padding: 10px; color: #fff;}
.body_content a{color: #fff;}

.hr{
  border-top: 1px solid #000;
  background: #2e3640;
  height: 1px;
  overflow: hidden;
  width: 100%;
  float: left;
  clear: both;
}
.post {
  padding: 0px 0; 
  width: 530px; 
  clear: both;
  border-bottom: 0px #414141 solid;
}
.news_wrapper{
  border-bottom: 1px #414141 solid;
  margin-bottom: 10px;
  padding: 10px;
}

.right_panel {
  width: 300px;
}
.right_panel .right_panel_block_title{
  background-color: #008FC6;
  padding: 10px;
  font-family: Georgia;
  font-size: 18px;
  width: 283px;
}
.right_panel .right_panel_block_inner{
  padding: 10px;
}
.right_panel .right_panel_block_inner .right_panel_block_inner_title{
  font-weight: bold;
  font-size: 14px;
  margin-bottom: 5px;
}
.right_panel .right_panel_block_inner .right_panel_block_inner_text{
  font-size: 14px;
  margin-bottom: 10px;
  border-bottom: 1px #414141 solid;
  padding-bottom: 10px;
}
.right_panel .right_panel_block_inner .right_panel_block_inner_text a{
  text-decoration: none;
  border-bottom: 1px #fff dotted;
}
.right_panel .right_panel_block_inner .right_panel_block_inner_date {
  background: transparent url(../images/calendar.png) no-repeat;
  height: 48px;
  width: 48px;
  float: right;
  margin-left: 10px;
}
.right_panel .right_panel_block_inner .right_panel_block_inner_date div{
  padding-top: 20px;
  color: #222;
  font-size: 16px;
  text-align: center;
}

.volume_title{
  background-color: #414141;
  padding: 5px;
  font-family: Georgia;
  font-size: 18px;
  text-align: left;
  margin-top: 5px;
}
.volume_title a{
  text-decoration: none;
  color: #F39600;
}

.list1{
  font-family: Georgia; 
  list-style-position: inside; 
  list-style-type : none; 
  margin: 10px 10px;
  padding: 0px;
}
.list1 li{
  margin: 0px;
  padding: 0px 20px;
  background: transparent url(../images/icon_check2.png) no-repeat;
  float: left;
  display: block;
  width: 200px;
}

table.pricelist{
  color: #fff;
  width: 520px;
  margin: 10px 0px;
}

table.pricelist td.subheader{
  text-align: left;
  background: #313131;
  font-size: 24px;
  border: 1px #414141 solid;
}
table.pricelist td.name{
  text-align: left;
  vertical-align: top;
}
table.pricelist td.price{
  text-align: right;
  width: 100px;
  vertical-align: top;
}
table.pricelist td.check{
  padding: 0px 0px;
  background: transparent url(../images/icon_check2.png) no-repeat;  
  vertical-align: top;
  width: 20px;
}

.block_black{
  background-color: transparent;
  padding: 5px;
  font-family: Georgia;
  font-size: 12px;
  text-align: justify;
  border: 1px #A1BF2F solid;
}

#myGallery{
    /*margin: 0px auto;*/
    height: 650px;
    width: 540px;
    position: relative;
    color: #fff;
    overflow: hidden;
    background-color: transparent;
    position: absolute;
    float: right;
    margin-right: 20px;
}

#def_slideshow {
}
#def_slideshow img {
}

.port_preview_links {float: right; margin-right: 5px;}
.port_preview_links a{font-size: 10px; font-family: Arial; text-decoration: none; border-bottom: 1px #fff dotted; color: #fff;}

.port_content table{}
.port_content h1, h2, h3, h4{font-weight: normal; color: #8ADEA4; text-transform: none;}

#footer {
  background: transparent url(../images/main_menu_bg.png) top left repeat-x;
  height: 40px;
  width: 870px;
  font-family: Georgia;
  text-align: center;
}