/*******************************************************************/
/*                                                           RESET */
/*******************************************************************/
body, div, p, h1, h2, h3, h4, h5, h6, ul, ol, li, form, input, label { padding: 0px; margin: 0px; }

body {
  font-family: Arial, Helvetica, sans-serif;
	color: #413D34;
	font-size: 13px;
	line-height: 135%;
}

/*******************************************************************/
/*                                                          GLOBAL */
/*******************************************************************/
.clear { clear: both;}
.hide { display: none; }
.red { color: #CC0000; }
.green { color: #009900; }
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.small-text { font-size: 11px; }
img.right { float: right; margin-left: 5px; margin-top: 5px; margin-bottom: 5px; }
img.left { float: left; margin-right: 5px; margin-top: 5px; margin-bottom: 5px; }

.normal { font-weight: normal; color: #333333; }
.normal-color { color: #333333 !important; }

img { border: none; }
a img { border: none; }
a { color: #339900; text-decoration: underline; font-weight: bold;}
.img-desc { text-align: center; font-style: italic; font-size: 11px; }

hr { display: none; }
.hr-line { height: 1px; overflow: hidden; background-color: #CCCCCC; }

/***************/
/* OVERLAPPING */
/***************/
.overlap,
.overlap * { display: block; position: relative; overflow: hidden; }
.overlap span { position: absolute; left: 0px; top: 0px; background-position: left top; background-repeat: no-repeat; }
a.overlap span,
.overlap a span { cursor: pointer; }
h1.overlap { overflow: hidden; }
h2.overlap { overflow: hidden; }

/*********/
/* TABLE */
/*********/
table {font-size: 85%; margin-bottom: 1em;}
table caption { font-weight: bold; text-align: left; font-style: italic; font-size: 110%; }
table th { font-weight: bold; font-style: normal; text-align: center; background-color: #F1F1F1; }
table th, table td { border-bottom: 1px solid #CCCCCC; padding: 2px 4px;}
table .center { text-align: center; }
table .right { text-align: right; }
table .top { vertical-align: top; }
table .bottom { vertical-align: bottom; }

/*******************************************************************/
/*                                                          LAYOUT */
/*******************************************************************/
body { background: #FFFFFF url(/img/bg-body.gif) repeat-x left top; text-align: center; }

#page-wrapper { position: relative; width: 940px; margin: 0 auto; text-align: left; background: url(/img/bg-page-wrapper.gif) repeat-x left 30px;}

#content-wrapper {}
#content-wrapper-content {}

#left-column {width: 628px; float: left; }
#left-column-content { padding-top: 18px;}

#right-column { width: 312px; float: left; }
#right-column-content { padding-right: 12px;}
/*******************************************************************/
/*                                                          HEADER */
/*******************************************************************/
#header { height: 77px; }
#logo { position: absolute; top: 46px; left: 12px; }
#logo * { height: 27px; width: 273px; }
#logo span { background-image: url(/img/logo-ground-loss.gif); }

#header-title-home { position: absolute; top: 10px; left: 17px; }
#header-title-home,
#header-title-home * { height: 14px; width: 40px; }
#header-title-home span { background-image: url(/img/header-title-home.gif); }

#header-title-www-groundloss-com { position: absolute; top: 10px; right: 66px; }
#header-title-www-groundloss-com,
#header-title-www-groundloss-com * { height: 14px; width: 149px; }
#header-title-www-groundloss-com span { background-image: url(/img/header-title-www-groundloss-com.gif); }

#header-title-text { position: absolute; right: 16px; top: 45px; }
#header-title-text, #header-title-text * { height: 13px; width: 357px; }
#header-title-text span { background-image: url(/img/title-prediction-of-building-damage-due-to-tunneling.gif); }

#header-title-links { position: absolute; top: 10px; right: 17px; }
#header-title-links, #header-title-links * { width: 43px; height: 14px; }
#header-title-links span { background-image: url(/img/header-title-links.gif); }

/*******************************************************************/
/*                                                            MENU */
/*******************************************************************/
#menu { position: absolute; top: 84px; left: 12px;}
#menu li { list-style-type: none; float: left; margin-right: 25px; height: 25px }

#menu li * { height: 16px; }

#menu li.active { background: url(/img/menu-arrow.gif) no-repeat center bottom; }

#menu-program * { width: 69px; }
#menu-application * { width: 88px; }
#menu-download * { width: 83px; }
#menu-theory * { width: 57px; }
#menu-references * { width: 83px; }
#menu-contact * { width: 66px; }
#menu-buy-online * { width: 87px; }

#menu-program span { background-image: url(/img/menu-program.gif); }
#menu-application span { background-image: url(/img/menu-application.gif); }
#menu-download span { background-image: url(/img/menu-download.gif);  }
#menu-theory span { background-image: url(/img/menu-theory.gif); }
#menu-references span { background-image: url(/img/menu-references.gif); }
#menu-contact span { background-image: url(/img/menu-contact.gif); }
#menu-buy-online span { background-image: url(/img/menu-buy-online.gif); }

/*******************************************************************/
/*                                                     LEFT COLUMN */
/*******************************************************************/
#left-column ul { margin-left: 1.3em; margin-bottom: 0.5em; }
#left-column p { line-height: 150%; margin-bottom: 0.5em; }
#left-column h3 { font-size: 13px; font-weight: bold; margin-top: 1em;}
/***************/
/* PAGE BORDER */
/***************/
#page-content-border-top {height: 28px; background: url(/img/bg-page-content-border-top.png) no-repeat left top; }
#page-content-border-middle { background: url(/img/bg-page-content-middle.png) repeat-y left top; padding: 0px 25px 0px 27px;}
#page-content-border-bottom { height: 29px; background: url(/img/bg-page-content-border-bottom.png) no-repeat left bottom; }


/**********/
/* TITLES */
/**********/
#left-column h1 { font-size: 14px; margin-bottom: 0.3em;}
#left-column h2 { font-size: 14px; margin-top: 1.5em; margin-bottom: 0.5em; color: #333333; }
#left-column h1, #left-column h1 *,
#left-column h2, #left-column h2 * { height: 14px; }

h2#title-problem { margin-top: 0px; }
#title-problem, #title-problem * { width: 83px; }
#title-problem span { background-image: url(/img/title-problem.gif); }

#title-solution, #title-solution * { width: 90px; }
#title-solution span { background-image: url(/img/title-solution.gif); }

#title-program-ground-loss, #title-program-ground-loss * { width: 223px; }
#title-program-ground-loss span { background-image: url(/img/title-program-ground-loss.gif); }

#title-practical-engineering-experiences, #title-practical-engineering-experiences * { width: 349px; }
#title-practical-engineering-experiences span { background-image: url(/img/title-practical-engineering-experiences.gif); }

#title-theoretical-background, #title-theoretical-background * { width: 255px; }
#title-theoretical-background span { background-image: url(/img/title-theoretical-background.gif); }

#title-program, #title-program * { width: 223px; }
#title-program span { background-image: url(/img/title-program.gif); }

#title-application, #title-application * { width: 118px; }
#title-application span { background-image: url(/img/title-application.gif); }

#title-references, #title-references * { width: 110px; }
#title-references span { background-image: url(/img/title-references.gif); }

#title-download, #title-download * { width: 110px; }
#title-download span { background-image: url(/img/title-download.gif); }

#title-about, #title-about * { width: 62px; }
#title-about span { background-image: url(/img/title-about.gif); }

#title-theory, #title-theory * { width: 74px; }
#title-theory span { background-image: url(/img/title-theory.gif); }

#title-buy-online, #title-buy-online * { width: 117px; }
#title-buy-online span { background-image: url(/img/title-buy-online.gif); }

#title-contact, #title-contact * { width: 86px; }
#title-contact span { background-image: url(/img/title-contact.gif); }

#title-links, #title-links * { width: 51px; }
#title-links span { background-image: url(/img/title-links.gif); }

/*******************************************************************/
/*                                                    RIGHT COLUMN */
/*******************************************************************/
#right-column {}

/*********/
/* BLOCK */
/*********/
#right-column .block { margin-bottom: 20px; }
#right-column .block-content { background-color: #FFFFFF; padding: 8px; font-size: 11px; color: #333333; }

#block-ground-loss-problem div { background-color: #FFFFFF; }
#block-ground-loss-problem .center img { margin-top: 5px; }
#block-ground-loss-problem .block-content { padding-top: 3px; }
/****************/
/* BLOCK TITLES */
/****************/
#right-column .block h2,
#right-column .block h2 * { width: 100%; height: 29px; }
#block-title-ground-loss-problem span { background-image: url(/img/block-title-ground-loss-problem.png); }
#block-title-about-author span { background-image: url(/img/block-title-about-author.gif); }
#block-title-references span { background-image: url(/img/block-title-reference.gif); }

/*******************************************************************/
/*                                                          FOOTER */
/*******************************************************************/
#footer { clear: both; padding: 0px 12px 10px 15px;}
#footer-content { height: 20px; background: #339900 url(/img/footer-title-ground-loss.gif) no-repeat left top; font-size: 10px; color: #FFFFFF;	position: relative; }
#footer-content ul { margin-left: 276px; margin-top: 1px;}
#footer-content ul li { display: inline; text-transform: uppercase; margin-right: 15px; }
#footer-content a { color: #FFFFFF; font-weight: normal; }

#credits { position: absolute; top: -1px; right: 2px; }
#credits img { vertical-align: middle; padding-top: 1px; }
#credits a { text-decoration: none; cursor: default; }
/*******************************************************************/
/*                                                     THEORY PAGE */
/*******************************************************************/
.expression { font-family: "Times New Roman", Times, serif; font-style: italic; font-size: 110%; }
#page-theory h2 { border-bottom: 1px solid #CCCCCC; padding-bottom: 3px; line-height: 100%; }

/*******************************************************************/
/*                                                    CONTACT PAGE */
/*******************************************************************/
#contact-form {}
#contact-form label { display: block; width: 65px; float: left; }
#contact-form div { margin-bottom: 5px; }
#contact-form textarea { width: 400px; height: 100px; }
#contact-form .button-submit { margin-left: 65px; }

/**************/
/* ZOOM IMAGE */
/**************/
.zoom-image-left, .zoom-image-right, .zoom-image-center { position: relative; display: block; width: 144px; height: 109px; margin-bottom: 5px; }
.zoom-image-left .zoom-icon,
.zoom-image-right .zoom-icon,
.zoom-image-center .zoom-icon { position: absolute; bottom: 5px; right: 5px; border: 0px; padding: 0px; cursor: pointer; }
.zoom-image-left img,
.zoom-image-right img,
.zoom-image-center img { padding: 1px; border: 1px solid #CCCCCC; }
.zoom-image-left { float: left; margin-right: 5px; }
.zoom-image-right { float: right; margin-left: 5px; }
.zoom-image-center { float: none; margin-left: auto; margin-right: auto; }


.highlight { margin-top: 10px; border: 1px solid #CCCCCC; background: #F6F6F6; width: 100%; }
.highlight-content { padding: 10px; }
.highlight h2 { margin-top: 0px !important; }
.highlight ul { margin-bottom: 0px !important; }
.highlight ul li { font-weight: normal; }
.highlight .zoom-image-right { width: 184px; height: 139px; }
/***************/
/* SCREENSHOTS */
/***************//*
#screenshots { width: 158px; float: right; margin-top: 10px; margin-left: 8px;}
#screenshots h2 { margin-top: 0px !important; text-align: right; margin-bottom: 0px; }
#screenshots-content { border: 1px solid #C3BEBB; padding-top: 5px; }
#title-screenshots, #title-screenshots * { width: 158px; height: 30px !important; }
#title-screenshots span { background-image: url(../img/title-screenshots.gif); }*/
#screenshots { margin-top: 20px; }
#screenshots-content { padding-left: 11px;}
#screenshots .zoom-image-left { width: 134px; height: 101px; }

/***************/
/* CUSTOM LIST */
/***************/
.custom-list { padding-left: 0px !important; margin-left: 0px !important;}
.custom-list li { list-style-type: none; background: url(/img/custom-list-gray.gif) no-repeat left 3px; padding-left: 18px; }
.green-marks li { background-image: url(/img/custom-list-green.gif); }
.red-marks li { background-image: url(/img/custom-list-red.gif); }

/******************/
/* DOWNLOAD BOXES */
/******************/
#download-boxes {}
#download-boxes .column1,
#download-boxes .column2 { width: 49%; float: left; text-align: center; }
#download-boxes .manual a { display: block; width: 230px; border: 1px solid #E5E3E2; margin: 17px auto 0 auto; padding-top: 6px; padding-bottom: 6px; background: url(/img/ico-pdf.gif) no-repeat 9px center; }
#download-boxes .program a { display: block; width: 230px; border: 1px solid #E5E3E2; margin: 0 auto; padding-top: 60px; padding-bottom: 10px; background: url(/img/ico-download.gif) no-repeat 92px 8px; }
#download-boxes .program a { font-size: 16px; color: #6B6B6B; text-decoration: none;}
#download-boxes .program .download { display: block; font-size: 12px; }
#download-boxes .program .size { display: block; font-size: 11px; font-weight: normal; }
#download-boxes .manual a { color: #6B6B6B; font-size: 12px; text-decoration: none; line-height: 100%; }
#download-boxes .manual .size { display: block; font-size: 10px; font-weight: normal; }
#download-boxes a:hover { text-decoration: underline; background-color: #F9F8F7; }

/*********/
/* LINKS */
/*********/
#links dd { padding-bottom: 10px; margin-left: 20px; }

/**************/
/* FINE OFFER */
/**************/
#fine-offer { font-size: 11px; padding-top: 18px;  }
#fine-offer h3 { font-size: 11px; padding-top: 0px; margin: 0px; }
#fine-offer ul { padding-bottom: 5px; margin-bottom: 0px; }
#fine-offer a { font-weight: normal; }
#fine-offer .col1,
#fine-offer .col2 { float: left; }
#fine-offer .col1 { width: 300px; }