/* Core Document ------------------------------------------------------------------------ */

body {
  margin: 0px;
  width: 100%;
  height: 100%;
  background: #191919;
}

table.root {
  width: 100%; height: 100%;
  background: #FFFFFF url(http://holodyn.com/web/templates/holodyn_intro/images/content/body_bg.jpg) repeat-x center top;
}
table.root td.col1 { }
table.root td.col2 { width: 776px; }
table.root td.col3 { }

table.root td.col1, table.root td.col3 {
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/content/bb_bg.jpg) repeat-x center bottom;
}
div.body_box {
  width: 776px; height: 100%;
}
table.body {
  width: 776px; height: 100%;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/content/center_bg.jpg) repeat-y center top;
}
table.body .row1 { height: 69px; }
table.body .row2 {
  width: 780px; height: 100%;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/content/center_top.jpg) no-repeat left top;
}
table.body .row3 { height: 5px; background: #BCBA1F; }
table.body .row4 {
  width: 780px; height: 48px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/content/bot_bg.jpg) no-repeat center top;
}
table.body .row4 .footer {
  padding-top: 10px;
}
table.body .row4 .footer, table.body .row4 .footer a, table.body .row4 .footer a:visited {
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  color: #efefef;
  text-align: center;
}
table.body .row4 .footer a:hover {
  color: #33dd33;
}

/* Top Menu ----------------------------------------------------------------------------- */

table.body .row1 .mod_top .moduletable_top_menu table tr td {
  text-align:right;
  padding:5px 5px 0 0;
}
table.body .row1 .mod_top .moduletable_top_menu span {
  font-weight:bold;
  color:#999;
  padding:0 3px;
}
table.body .row1 .mod_top .moduletable_top_menu a {
  font-weight:bold;
  color:#eee;
  text-decoration:none;
  font-size:11px;
  font-family:tahoma;
  text-transform:uppercase;
}
table.body .row1 .mod_top .moduletable_top_menu a:hover {
  color:#ffff77;
}

/* Form --------------------------------------------------------------------------------- */

form.login {
  margin: 0px;
  padding: 0px;
  float: right;
  font-family: arial;
  font-size: 10px;
}
form.login .text {
  margin: 4px 0px 0px 0px;
  padding: 0px 0px 0px 2px;
  border: 0px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/blank.png);
  width: 77px;
  height: 16px;
  font-family: arial;
  font-size: 12px;
  font-weight: bold;
  text-align: center;
  vertical-align: top;
  color: #FFFFFF;
}
form.login .text.user {
  margin-right: 7px;
}
form.login .button {
  margin: 1px 2px 0px 0px;
  padding: 0px;
  border: 0px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/content/login_submit_up.jpg);
  width: 69px;
  height: 23px;
}
form.login .button:hover, form.login .button.over {
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/content/login_submit_ov.jpg);
  cursor: hand;
}

/* General ------------------------------------------------------------------------------ */

.hText {
  visibility: hidden;
  position: absolute;
}

/* Root Layers -------------------------------------------------------------------------- */

div.root {
  display: block;
  position: absolute;
  width: 100%; height: 100%;
}
div.root div.body {
  display: block;
  position: relative;
  width: 776px; height: 546px;
  margin-top: 120px;
}

/* Main Area Images --------------------------------------------------------------------- */

#image_logo {
  display: block;
  width: 240px; height: 104px;
  position: absolute;
  top: 210px; left: 269px;
}

#icon_contact img {
  display: absolute;
  width: 24px; height: 25px;
  position: absolute;
  top: 221px; left: 38px;
}
#icon_contact img {
  width: 24px; height: 25px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/icon_contact.png);
}

#icon_email img {
  display: absolute;
  width: 41px; height: 25px;
  position: absolute;
  top: 221px; left: 68px;
}
#icon_email img {
  width: 41px; height: 25px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/icon_email.png);
}

#icon_company img {
  display: absolute;
  width: 24px; height: 25px;
  position: absolute;
  top: 221px; left: 115px;
}
#icon_company img {
  width: 24px; height: 25px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/icon_company.png);
}

#image_phone {
  display: block;
  width: 118px; height: 24px;
  position: absolute;
  top: 246px; left: 29px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/byrgius_phone.png);
}

#area_form_login, #area_form_login .bg {
  display: block;
  width: 99px; height: 69px;
  position: absolute;
  top: 465px; left: 332px;
}
#area_form_login .bg {
  top: 0px; left: 0px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/login_form_bg.png);
}
#form_login {
  margin: 0px; padding: 0px;
}
#form_login .text, #form_login .pass {
  font-family: tahoma;
  font-size: 10px;
  width: 89px; height: 16px;
  border: 0px;
  padding-top: 2px;
  text-align: center;
}
#form_login .text {
  position: absolute;
  top: 25px; left: 5px;
  background: url();
}
#form_login .pass {
  position: absolute;
  top: 48px; left: 5px;
  background: url();
}
#form_login .submit {
  width: 99px; height: 21px;
  position: absolute;
  top: 0px; left: 0px;
  border: 0px;
  background: url();
  padding-top: 21px;
}

/* Main Area Text Blocks ---------------------------------------------------------------- */

#area_design, #area_design .bg, #area_design .cover {
  overflow: hidden;
  display: block;
  width: 322px; height: 237px;
  position: absolute;
  top: 0px; left: 38px;
}
#area_design .bg {
  top: 0px; left: 0px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/area_design.png);
}
#area_design .cover {
  width: 300px; height: 181px;
  top: 41px; left: 11px;
}
/* #area_design:hover .cover { visibility: hidden; } */

#area_marketing, #area_marketing .bg, #area_marketing .cover {
  overflow: hidden;
  display: block;
  width: 322px; height: 237px;
  position: absolute;
  top: 0px; left: 416px;
}
#area_marketing .bg {
  top: 0px; left: 0px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/area_marketing.png);
}
#area_marketing .cover {
  width: 300px; height: 181px;
  top: 41px; left: 11px;
}
/* #area_marketing:hover .cover { visibility: hidden; } */

#area_development, #area_development .bg, #area_development .cover {
  overflow: hidden;
  display: block;
  width: 322px; height: 237px;
  position: absolute;
  top: 290px; left: 38px;
}
#area_development .bg {
  top: 0px; left: 0px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/area_development.png);
}
#area_development .cover {
  width: 300px; height: 181px;
  top: 41px; left: 11px;
}
/* #area_development:hover .cover { visibility: hidden; } */

#area_management, #area_management .bg, #area_management .cover {
  overflow: hidden;
  display: block;
  width: 322px; height: 237px;
  position: absolute;
  top: 290px; left: 416px;
}
#area_management .bg {
  top: 0px; left: 0px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/area_management.png);
}
#area_management .cover {
  width: 300px; height: 181px;
  top: 41px; left: 11px;
}
/* #area_management:hover .cover { visibility: hidden; } */

#area_footer, #area_footer .content, #area_footer .bg {
  display: block;
  width: 500px; height: 68px;
  position: absolute;
  top: 570px; left: 131px;
}
#area_footer .bg {
  top: 0px; left: 0px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/area_footer.png);
}
#area_footer .content {
  top: 0px; left: 0px;
  text-align: center;
  font-size: 11px;
  font-family: tahoma;
  font-weight: bold;
  color: #333333;
  padding: 11px 0px 0px 0px;
}
#area_footer a {
  color: #333333;
  text-decoration: none;
}

.area_title {
}
.area_content {
  overflow: hidden;
  display: block;
  width: 270px; height: 158px;
  position: absolute;
  top: 50px; left: 25px;
  font-size: 13px;
  font-family: tahoma;
  text-align: left;
  margin: 0px;
  text-align: justify;
}
.area_content p {
  margin: 0px 0px 8px 0px;
}
.area_content ul {
  margin: 0px 0px 0px 25px;
  padding: 0px;
  list-style: url(http://holodyn.com/web/templates/holodyn_intro/images/bullet_3.gif);
}
.area_content ul li {
  line-height: 18px;
}
.area_content a.readon, .area_content a.readon:visited {
  font-weight: bold;
  color: #333399;
  text-decoration: none;
  display: block;
  position: absolute;
  top: 142px;
  left: 178px;
  width: 92px; height: 22px;
  text-transform: uppercase;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/bullet_4.gif) no-repeat right 1px;
}

/* Main Area Text Blocks ---------------------------------------------------------------- */

#area_generic {
  visibility: visible;
}
#area_generic, #area_generic .bg {
  overflow: hidden;
  display: block;
  width: 722px; height: 524px;
  position: absolute;
  top: 18px; left: 20px;
}
#area_generic .bg {
  top: 0px; left: 0px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/area_generic.png);
}

.section {
  font-family: tahoma;
}
.section .title {
  font-size: 15px;
  position: absolute;
  top: 18px; left: 25px;
  margin: 0px;
  padding: 0px;
}
.section .left_column {
  overflow: auto;
  display: block;
  width: 150px; height: 420px;
  position: absolute;
  top: 48px; left: 16px;
  border-right: 2px solid #ccc;
  border-left: 2px solid #ccc;
}
.section .left_column ul {
  margin: 0px 0px 0px 18px;
  list-style: url(http://holodyn.com/web/templates/holodyn_intro/images/bullet_2.gif);
}
.section .left_column ul li {
  margin-top: 2px;
  padding: 2px 0px 0px 5px;
  vertical-align: top;
  font-family: verdana;
  font-size: 12px;
  font-weight: bold;
  text-transform: uppercase;
}
.section .left_column ul li a {
  text-decoration: none;
  color: #333333;
}

.section .content {
  overflow: auto;
  display: block;
  width: 530px; height: 420px;
  position: absolute;
  top: 48px; left: 176px;
  font-size: 12px;
  text-align: justify;
}

.drag {
  display: block;
  width: 100%; height: 40px;
  position: absolute;
  top: 0px; left: 0px;
}
.close {
  display: block;
  width: 34px; height: 21px;
  position: absolute;
  top: 17px; right: 26px;
}
.close img {
  width: 34px; height: 21px;
  background: url(http://holodyn.com/web/templates/holodyn_intro/images/close_btn.png);
}

/* BG Select Form ----------------------------------------------------------------------- */

#bg_select { margin: 0px; }

/* mos content formatting --------------------------------------------------------------- */

.contentpaneopen {
  width: 500px;
}
.contentpaneopen td {
  font-size: 12px;
}
.contentpaneopen .contentheading {
  font-size: 14px;
  font-weight: bold;
  border-bottom: 1px dotted #999;
}

/* Home Content ------------------------------------------------------------------------- */

div.content_block {
  padding:0 30px;
  margin:0 0 20px 0;
  font-family:Palatino, Garamond, Bookman, "Avant Garde", Helvetica, Tahoma, Arial;
  font-size: 14px;
}
div.content_block ul {
}