﻿/* general */
@font-face {
    font-family: 'GlasketMedium';
    src: url('fonts/glasket_medium-webfont.eot');
    src: url('fonts/glasket_medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/glasket_medium-webfont.woff') format('woff'),
         url('fonts/glasket_medium-webfont.ttf') format('truetype'),
         url('fonts/glasket_medium-webfont.svg#GlasketMedium') format('svg');
    font-weight: normal;
    font-style: normal;

}


* { direction: ltr; text-align: left; margin: 0; padding: 0; position: relative; font-family: Arial, Verdana, sans-serif; }
body { min-width: 1215px; background: #fff; overflow-y: scroll; }
div, ul { list-style-type: none; float: left; width: 100%; }
h2, h3, h4, h5, h6, p, a, span, li { font-size: 12px; color: #535354; line-height: 16px; font-weight: normal; }
a, a:hover { text-decoration: none; }
/* general */

/* design */
#Page { left: 50%; margin: 45px 0 30px -604px; width: 1089px; }
#Menu { z-index: 100; }
#Menu h1 { float: left; background: transparent url(images/logo.png) no-repeat 0 0; }
#Menu h1, #Menu h1 a { display: block; width: 318px; height: 78px; text-indent: -9999px; overflow: hidden; }
#Menu ul { right: 0px; bottom: 0px; width: auto; position: absolute; }
#Menu ul li { float: left; margin: 0 0 0 35px; }
#Menu ul li:first-child { margin: 0; }
#Menu ul li a { text-transform: uppercase; }
#Top { z-index: 99; margin: 7px 0 0; }
#Top ul li { width: 270px; margin: 0 0 0 3px; float: left; background: #414242; }
#Top ul li:first-child { margin: 0; }
#Top ul li p a { display: block; width: 100%; line-height: 82px; text-align: center; color: #f8a31d; font-size: 35px; text-transform: uppercase; font-family: 'GlasketMedium', Arial, Verdana, sans-serif; letter-spacing: 1px; }
#Main { z-index: 100; min-height: 100px; }
#Main #Facebook { position: absolute; top: 3px; right: 0px; width: auto; z-index: 1000; }
#Main #Facebook p a { font-size: 10px; }
#Main #Facebook p img { bottom: -3px; }
#Main #Content { padding: 29px 125px 30px; width: auto; }
#Main #Content p { line-height: 18px; text-align: justify; }
#Main #Content h2, #Main #Content h2 *, #Main #Content h3, #Main #Content h3 * { font-size: 20px; line-height: 25px; text-transform: uppercase; font-weight: normal; }
#Main #Content h2, #Main #Content h2 *, #Main #Content h3, #Main #Content h3 *, #Main #Content h4, #Main #Content h4 *, #Main #Content h5, #Main #Content h5 *, #Main #Content h6, #Main #Content h6 * { color: #f8a33b; }
#Main #Content p.right { text-align: right; margin: 10px 0; }
#Main #Content ul { float: none; }
#Main #Content li p, #Main #Content li p a { font-weight: normal; }
#Main #Content li { margin: 10px 0 10px 0; }
#Main #Content span.colored { color: #f8a33b; }
#Main #Content .orange { color: #f8a33b; }
#Bottom { z-index: 99; height: 130px; background: transparent url(images/bottom-bg.png) repeat-x 0 0; }
#Bottom img.hv-coaching { position: absolute; width: 289px; height: 289px; left: 50%; top: 50%; margin: -145px 0 0 -145px; }
#Bottom img.model { position: absolute; bottom: -1px; right: 0; }
#Bottom h5 { position: absolute; bottom: 9px; right: 207px; font-size: 12px; font-weight: bold; }
#Bottom h5 span { font-size: 10px; font-weight: normal; }
#Bottom h5, #Bottom h5 span { display: block; text-align: right; color: #fff; }
#Bottom div { width: 300px; margin: 31px 0 0 47px; }
#Bottom div img.quote { float: left; top: 5px; margin: 0 5px 0 0; }
#Bottom div p { font-size: 14px; color: #fff; line-height: 20px; padding: 0 0 0 6px; }
#Footer { z-index: 100; margin: 10px 0 0; }
#Footer p { text-align: center; }
#Footer p a { color: #ed9d26; }
#JBM { z-index: 10; position: absolute; bottom: 29px; left: 100%; max-width: 172px; width: auto; min-width: 43px; height: 39px; text-indent: -9999px; margin: 0 -50px 0 -10px; background: transparent url(images/logo-jbm.png) no-repeat right; }
#JBM a { position: absolute; top: 0; left: 0; right: 0; bottom: 0; }
/* design */


/*@media only screen and (max-width: 1261px) {*/
      body { min-width: 1055px; }
      #Page { left: 50%; margin: 15px 0 30px -520px; width: 1001px; }
      #Menu h1 { background: transparent url(images/logo-small.png) no-repeat 0 0; }
      #Menu h1, #Menu h1 a { width: 264px; height: 65px; }
      #Top ul li { width: 248px; margin: 0 0 0 3px; float: left; background: #414242; }
      #Top ul li:first-child { margin: 0; }
      #Top ul li p a { line-height: 69px; font-size: 35px; }
/*}*/


/* page temp */
#Page.temp
{ min-height: 700px; min-width: 900px; text-align: center; width: 100%; left: auto; margin: 108px 0 0; }
/* page temp */