/* =========================================================
    Frog-Graphics CSS DEFAULT, (c)2009 Frog-Graphics
   ========================================================= */
   
/* ============================================
    RESET
   ============================================ */
   
html, body, div, h1, h2, h3, h4, h5, h6, ul, ol, dl, li, dt, dd, p, blockquote,
pre, form, fieldset, table, th, td { margin: 0; padding: 0; }

/* ============================================
    GLOBAL
   ============================================ */

body {
  background: #060302 url(../img/bg.png) no-repeat center top;
  color: #fff;
  font-size: 62.5%;
  font-family: Georgia, Tahoma, Arial, Helvetica, sans-serif;
  text-align: center;
}

a { color: #ffcc66; }

a:hover {
  color: #ffffcc;
}

img { border: 0; }

.hide { display: none; }
.cleaner { clear: both; }

.qtip {
  font-size: 1.2em;
  margin: 3px 0 0 0;
}

.back {
  background: #160d07;
  font-size: 1.2em;
  padding: 5px 10px;
  text-align: right;
}

.back a { text-decoration: none; }

/* ============================================
    LAYOUT
   ============================================ */

#all-the-web {
  margin: 0 auto;
  text-align: left;
  width: 722px;
}

#top {
  height: 197px;
}

#welcome {
  background: url(../img/welcome_bg.png);
  height: 143px;
  margin: 0 0 2em 0;
  padding: 25px 30px;
}

#portfolio {
  font-size: 1.2em;
}

.rounded-top {
  -moz-border-radius-topleft: 8px;
  -moz-border-radius-topright: 8px;
  -moz-border-radius-bottomright: 0px;
  -moz-border-radius-bottomleft: 0px;
  border-top-left-radius: 8px;
  border-top-right-radius: 8px;
  border-bottom-right-radius: 0px;
  border-bottom-left-radius: 0px; 
}

#about {
  background: #251814;
  font-size: 1.2em;
  height: 8em;
  line-height: 1.4em;
  padding: 1em;
}

#footer {
  background: #1e1310;
  clear: both;
  color: #a39572;
  padding: 1em 1em 1.5em 1em;
}

/* ============================================
    TOP
   ============================================ */

#top h1#logotype {
  background: url(../img/logotype.png);
  float: left;
  height: 165px;
  margin: 34px 0 0 0;
  width: 350px;
}

#top h1 span {
  display: none;
}

#quick-contact {
  background: url(../img/contact_bg.png);
  color: #a39572;
  float: right;
  font-size: 1.4em;
  height: 102px;
  line-height: 1.2em;
  margin: 45px -5px 0 0;
  padding: 18px 0 0 10px;
  width: 189px;
}

#quick-contact strong {
  color: #7e844e;
}

#quick-contact a { color: #ae9353; }
#quick-contact a:hover { color: #cccc66; }

/* ============================================
    WELCOME
   ============================================ */

#welcome #lang {
  float: left;
  margin: 0 0 0 -100px;
}

#welcome #frog-leaf {
  background: url(../img/frog_leaf.png);
  float: right;
  height: 101px;
  margin: -101px 0 0 0;
  position: relative; top: 58px; left: 54px;
  width: 149px;
}

#welcome p {
  color: #ffffcc;
  font-size: 1.6em;
  line-height: 1.3em;
  margin: 0 0 1em 0;
}

#welcome p.first {
  height: 28px;
  margin: 0 0 0.6em -0.2em;  
}

#welcome #czech p.first {
  background: url(../img/welcome_text_cz.png);
  width: 553px;
}

#welcome #english p.first {
  background: url(../img/welcome_text_en.png);
  width: 559px;
}

#welcome p.last {
  color: #a39572;
}

#welcome p.first span {
  display: none;
}

#welcome p.order {
  background: url(../img/order_bg.png);
  float: right;
  font-size: 1.1em;
  height: 41px;
  margin: -25px -10px 0 0;
  padding: 28px 0 0 0;
  text-align: center;
  width: 222px;
}

#welcome p.order a {
  border-bottom: 1px #5f412c solid;
  display: inline-block;
  margin: 0 48px 0 0;
  text-decoration: none;
}

/* ============================================
    PORTFOLIO
   ============================================ */

#portfolio .arrow {
  background: url(../img/arrow_left.png);
  height: 44px;
  margin: -44px 0 0 0;
  position: relative; top: 47px; left: -33px;
  width: 44px;
}

#portfolio .pf-box-right .arrow {
  background: url(../img/arrow_right.png);
  top: 47px; left: 339px;
}

#portfolio .pf-box-left, #portfolio .pf-box-right {
  height: 202px;
  margin: 0 0 2em 0;
}

#portfolio .img {
  float: right;
  height: 202px;
  width: 351px;
}

#portfolio .info {
  background: url(../img/pf_info_bg.png);
  float: left;
  height: 202px;
  width: 351px;
}

#portfolio .pf-box-right .img { float: left; }
#portfolio .pf-box-right .info { float: right; }

#portfolio h2 {
  color: #ffcc66;
  float: left;
  font-size: 2em;
  font-variant: small-caps;
  font-weight: normal;
  line-height: 48px;
  margin: 0 0 0 25px;
}

#portfolio a.www {
  border-bottom: 1px #463225 dashed;
  color: #6e5748;
  display: block;
  float: left;
  font-size: 1.2em;
  margin: 13px 0 0 5px;
  padding: 0 0 0 1px;
  text-decoration: none;
}

#portfolio a.www:hover {
  color: #796558;
}

#portfolio a.fake {
  cursor: help;
}

#portfolio dl {
  clear: both;
  line-height: 1.5em;
  padding: 10px;
}

#portfolio dt {
  color: #7e844e;
  float: left;
  text-align: right;
  width: 60px;
}

#portfolio dd {
  display: block;
  margin: 0 0 5px 75px;
}

/* ============================================
    ABOUT
   ============================================ */
   
#about h2 {
  font-size: 1.5em;
  margin: 0 0 0.5em 0;
}

#about p {
  float: left;
  padding: 0 1em 0 0;
}

#about dl {
  float: left;
  margin: 0 0 0 3em;
}

#about dl dt {
  float: left;
  text-align: right;
  width: 5em;
}

#about dl dd {
  display: block;
  margin: 0 0 0 6em;
}

/* ============================================
    FOOTER
   ============================================ */
   
#footer #valid {
  float: right;
  margin: -2em 0 0 0;
}

#footer #valid img {
  
}