/*
    created by brusher
    Special for Happr.com © 2008 Ñ 2009
*/

html {
   height: 100%;
}

html, body, table, div, a, h1, h2, h3, h4, h5 { padding: 0px; margin: 0px; color: #555555; font-family: "Arial"; font-size: 9pt; }
a:link { text-decoration: underline; }
a:hover { text-decoration: none; }
a img { border: 0px; }

/* Elements */
body { background-color: #2b2b2b; }
h1 { margin-bottom: 20px; font-size: 16pt; font-weight: normal; }
h2 { margin-bottom: 10px; font-size: 13pt; font-weight: normal; }
h3 { margin-bottom: 10px; font-size: 12pt; font-weight: normal; }
.pleft20 { padding-left: 20px; }
#invisible { display: none; visibility: hidden; }
ol, ul { margin-left: 5px; margin-bottom: 20px; }
li { padding-left: 5px; }

table td { vertical-align: top; }
.w100 { width: 100%; //width: 98%; }

option { font-size: 9pt; }
option.empty { font-size: 3pt; line-height: 3pt; height: 3pt; border-bottom: 1px solid #555; }
optgroup { margin-top: 10px; font-size: 8pt; color: #555; }
optgroup option { padding-left: 15px; font-size: 9pt; color: #000; }
textarea { width: 100%; height: 72pt; //width: 98%; }

/* Header */
div#header {
    min-width: 780px;
    background-color: #fff; height: 150px;
    margin-top: 30px; padding-left: 50px; padding-right: 60px;
    margin-bottom: 20px;
}
div.inner#header { margin-bottom: 0px; }
img.index#logo { margin-top: 24px; margin-left: 20px; float: left; }
img.index#happr { margin-top: 34px; margin-left: 25px; float: left; }
img#logo { margin-top: 10px; margin-left: 20px; float: left; }
img#happr { margin-top: 18px; margin-left: 25px; float: left; }

div#lang { float: right; padding-top: 10px; }
div#lang span#sel { margin-right: 10px; margin-left: 10px; padding: 10px 16px; background-color: #2b2b2b; color: #fff; //border-bottom: 10px #2b2b2b solid; }

/* Menu */
div#menu { overflow: hidden; background-color: #555; height: 60px; margin-top: -60px; margin-bottom: 20px; vertical-align: middle; color: #fff; min-width: 1000px; }
div#menu #wh { float: left; height: 60px; width: 30%; min-width: 310px; background-color: #fff; margin-right: 50px;  }
div#menu #links { height: 60px; color: #fff; padding-top: 20px; }
div#menu #links a { font-size: 13pt; color: #fff; margin-right: 30px;  }
div#menu #links a#now { text-decoration: none; }

/* Content */
a#block-h { text-decoration: none; }

div#content { float: none; clear: both; padding: 0px; margin: auto; min-width: 1000px; }

div.black { background-color: #000; color: #fff; float: left; }
div.black a, div.black h1, div.black h2 { color: #fff; }
div#left { float: left; margin-left: 50px; margin-right: 30px; width: 26%; padding: 20px 0px; padding-bottom: 10px; min-width: 260px; min-height: 530px; }
div#back { float: left; margin-left: 50px; margin-right: 30px; width: 26%; padding: 20px 0px; min-width: 260px; }
div#back a { font-size: 10pt; font-weight: normal; margin-left: 50px; }

div.white { background-color: #fff; color: #555; }
div.white a, div.white h1, div.white h2 { color: #2b2b2b; }
div#center { overflow: hidden; min-width: 320px; margin-bottom: 20px; padding: 20px 0px; padding-bottom: 30px; min-height: 300px;}

div.grey { background-color: #555; color: #d5d5d5; }
div.grey#right { float: right; width: 26%; margin-left: 30px; margin-right: 50px; margin-bottom: 20px; min-width: 260px; padding: 20px 0px; padding-bottom: 30px; min-height: 300px; }

/* Index Products */
#products-link { margin-left: 20px; background-image: url(images/h/products-link-u.gif); background-position: left top; background-repeat: no-repeat; width: 107px; height: 26px; }
a:hover h1#products-link { background-image: url(images/h/products-link.gif); }

div.product { background: no-repeat left top url(images/product-bg.png); width: auto; height: 63px; padding: 11px 20px 10px 30px; margin-bottom: 5px; }
div.product img { float: left; width: 37px; height: 37px; }
div.product div.description { padding-left: 47px; }
div.product a { color: #fff; }
div.product span { color: #858585; font-size: 8pt; display: block; }

/* Index Development */
#development-link { margin-left: 20px; background-image: url(images/h/development-link-u.gif); background-position: left top; background-repeat: no-repeat; width: 320px; height: 26px; }
a:hover h1#development-link { background-image: url(images/h/development-link.gif); }

div#center p { font-size: 9pt; display: block; padding-left: 30px; padding-right: 20px; line-height: 14pt; margin-bottom: 0px; margin-top: 4pt; }

/* Index Company */
#company-link { margin-left: 20px; background-image: url(images/h/company-link-u.gif); background-position: left top; background-repeat: no-repeat; width: 95px; height: 26px; }
a:hover h1#company-link { background-image: url(images/h/company-link.gif); }

div#right p { font-size: 9pt; display: block; padding-left: 30px; padding-right: 20px; line-height: 14pt; margin-bottom: 0px; margin-top: 4pt; }

/* Index Contacts */
#bottom { overflow: hidden;}

#contacts-link { margin-left: 20px; background-image: url(images/h/contacts-link-u.gif); background-position: left top; background-repeat: no-repeat; width: 332px; height: 26px; margin-bottom: 10px; }
a:hover h1#contacts-link { background-image: url(images/h/contacts-link.gif); }

#bottom span#italic { font-style: italic; color: #a9a9a9; line-height: 16pt; display: block; margin-left: 30px; }
#bottom .contacts { margin-left: 30px; margin-top: 20px; color: #fff; float: left; width: 28%; }
#bottom h2 { color: #fff; margin-top: 5px; }
#bottom a:link h2 { text-decoration: underline; }
#bottom a:hover h2 { text-decoration: none; }

#footer { clear: both; padding-top: 25px; padding-bottom: 30px; margin-bottom: 20px; min-width: 1000px; }

#copyright { float: right; margin-right: 50px; padding-bottom: 25px; color: #a9a9a9; text-align: right; }
#copyright a { color: #a9a9a9; }
#copyright span, #copyright a { font-size: 7pt; padding-right: 5px; }

#design { float: left; margin-left: 50px; width: 75px; overflow: hidden; white-space: nowrap; }
#design span, #design a { font-size: 7pt; padding-right: 5px; }
#design a, #design a:hover { text-decoration: none; cursor: pointer; }
#design a { border-bottom: 1px dashed #555; word-spacing: 0px; overflow: hidden; }
#design a:hover { border: 0px; word-spacing: 0px; overflow: hidden; }

    #details { float: left; margin-left: 20px; margin-top: -11px; width: 560px; padding: 10px; padding-left: 30px; background-color: #555; font-size: 10pt; color: #d5d5d5; margin-right: 30px; border-right: 36px solid #333; background-image: url("images/copyright-arr.png"); background-position: left; background-repeat: no-repeat; visibility: hidden; }
    #details span { color: #959595; }
    #details span, #details a { font-size: 7pt; padding-right: 5px; }
    #details h2 { float: left; color: #d5d5d5; font-size: 12pt; font-weight: normal; padding: 0px; margin: 0px; line-height: 14px; margin-top: -2px; }
    #details h2 span { display: block; margin-top: 3px; float: left; }
    #details .col { float: left; margin: auto; padding-left: 40px; color: #d5d5d5; white-space: nowrap; }
    #details .col h4 { font-size: 11pt; font-weight: normal; color: #d5d5d5; letter-spacing: 1px; }
    #details .col a { color: #d5d5d5; }
    #details #portfolio { float: right; font-size: 9pt; margin-top: -52px; color: #555; font-style: italic; margin-right: -40px; visibility: hidden; }
    #details #freel { display: block; float: right; margin-top: -22px; margin-right: -40px; border: 0px; }

/* Products page */
#cont { overflow: hidden; margin-right: 50px; padding-right: 20px; padding-bottom: 30px; margin-bottom: 10px; }
#cont h1 { margin: 20px; }
#cont h2 { margin-left: 30px; }
#cont p { margin-left: 30px; }

#lang { color: #2b2b2b; font-size: 9pt; margin-left: 20px; vertical-align: top; }

#screens { width: 320px; float: right; text-align: right; margin-top: 40px; margin-bottom: 20px; margin-right: -10px; margin-left: 30px; }
#screens div.rs { float: right; margin-right: 10px; }
#screens span { position: absolute; color: #fff; width: 145px; background-color: #000; padding-top: 5px; padding-right: 5px; }

#images { width: 674px; margin: auto; background-color: #000; padding: 10px; }
#images div.rs { float: right; width: 324px; }
#images a { float: left; margin: 5px; }
#images a img { border: 1px solid #2b2b2b; }

#avaiable { margin-top: 15px; float: right; margin-right: 15px;}
#buy { padding: 10px; margin-top: 20px; background-color: #094a00; float: right; margin-right: 0px; }
#buy a { color: #fff; }


#header #contacts div { font-size: 13pt; float: right; margin-left: 20px; }
#header #contacts div a { font-size: 13pt; }
#header #contacts div span { font-size: 8pt; }
#header #contacts { padding-top: 95px; }

#header #contactsinner div { font-size: 13pt; float: right; margin-left: 20px; }
#header #contactsinner div a { font-size: 13pt; }
#header #contactsinner div span { font-size: 8pt; }
#header #contactsinner { padding-top: 40px; }

#padleft { padding-left: 50px; }