/* 
  Copyright and design by Peter Matejbus (www.petermatejbus.com)
  
  HTML+CSS author: Martin 'Smasty' Srank - http://koder.smasty.net  
*/

html,body{margin:0;padding:0;position:relative}
body{background:#000 url(img/bg.jpg) no-repeat center top;text-align:center;font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;color:#eee;font-size:.8em}
#wrapper{width:1360px;margin:0 auto;text-align:left;position:relative}
a{color:#eee;text-decoration:underline}
a:hover{text-decoration:none}

/* HEAD */
h1{margin:0;padding:0;text-align:center}
h1 #title{display:block;width:233px;height:44px;text-indent:-999em;margin:30px auto -20px auto;background:url(img/title.gif) no-repeat}
#blog{margin:0;padding:0}
#blog a{display:block;width:126px;height:59px;text-indent:-999em;background:url(img/blog.gif) no-repeat;position:absolute;top:0;left:400px}
.ie #blog a{top:30px}

/* CONTENT */
#row1{margin-top:50px}
#row1,#row2{clear:both}
.block{width:250px;height:350px;margin:8px 0 0 8px;border:7px solid #000;float:left;background:#000;position:relative}
.block.text{padding:10px;width:230px;height:330px}
.block h2{font-size:18px;font-weight:normal}
.block p{line-height:150%;font-size:12px;color:#bbb;text-align:justify}
.block .more{text-decoration:none;font-size:15px;padding:4px 5px 6px 25px;color:#fff;position:absolute;bottom:20px;right:0}
#red{background:#a00}
#blue{background:#449fed}
#orange{background:#ff2a00}
#red:hover, #blue:hover, #orange:hover{background:#fff;color:#000}
#about, #projekty, #form{background:#181818;border-color:#2a2d32}
.ie #about p{font-size:11px}
.ie #about{height:367px}
#refs ul, #refs li{list-style:square;margin:0;padding:0}
#refs li{margin-left:25px}
.ie #refs{height:367px}

/* Formular */
#form{width:502px;border-color:#000}
.ie #form{width:536px}
#form #form-left{float:left;width:130px;text-align:right;margin:0;padding:0 10px;font-size:17px;line-height:170%}
#form #form-right{width:330px;padding:0 5px;float:left;margin-top:0}
#form .text, #form textarea{width:320px;height:24px;border:0;border-bottom:2px solid #393939;-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;padding:0 3px;line-height:24px;background:#1e1e1e;margin-bottom:6px;font-family:'Arial CE', 'Helvetica CE', Arial, helvetica, sans-serif;color:#ddd}
#form textarea{height:160px}
#form .submit{float:right;margin-top:-15px;width:121px;height:21px;line-height:21px;padding:0;text-align:center;color:#fff;background:url(img/button.gif) no-repeat center top;border:0;font-size:13px;font-weight:bolder;margin-right:10px;cursor:hand}
#form .submit:hover, #form .subit:active{background-position:center bottom}
.webkit #form .submit, .ff3 #form .submit{margin-top:0}
#loadBar,#emailSuccess{text-align:center;font-weight:bold}
#emailSuccess{color:#0c0}

/* Kontakt */
#kontakt{margin:0 7px;clear:both;padding:20px 10px}
#kontakt h2{text-indent:-999em;height:56px;width:188px;background:url(img/kontakt.png) no-repeat}

/* Footer */
#footer{background:url(img/bg.jpg) no-repeat center top;width:100%;min-width:1360px;padding:70px 0 40px 0;margin:0;position:relative}
* html #footer{width:1360px}
#footer span{display:block;width:312px;height:22px;background:url(img/footer.gif) no-repeat;text-indent:-999em;margin:0 auto}
#small-end{position:absolute;bottom:0;right:0;padding:7px;font-size:11px}
#small-end a, #small-end{color:#999;text-decoration:none}