/* -------------------------------------------
project:	4psd.com
date:		2008/12/27
edit:		2009/06/28 - em font size to one and only right px
------------------------------------------- */
/* reset css */
* {font-size:100.01%}
html,body,div,span,h1,h2,h3,h4,h5,h6,p,a,em,img,strong,sub,sup,b,u,i,dl,dt,dd,ol,ul,li,fieldset,form,label,legend,table,tbody,tr,th,td{margin:0;padding:0;border:0;outline:0;font-size:100%;vertical-align:baseline;background:transparent}
body{line-height:1}
ol,ul{list-style:none}
table{border-collapse:collapse;border-spacing:0}
img {display:block;}

/* clearfix */
.clearfix:after { content: ".";  display: block;  clear: both;   visibility: hidden;  line-height: 0;  height: 0; }
.clearfix { display: inline-block; }
html[xmlns] .clearfix { display: block; }
* html .clearfix {    height: 1%; }

body
{
background:#fff url(../img/bg.jpg) no-repeat top center;
color:#444;
font-family:Arial,Helvetica,sans-serif;
}

a {color:#3399cc; text-decoration:underline;}
a:hover {color:#0066ff; text-decoration:underline;}

hr{display:none;}
 
textarea, input, select, option, button{ font: 11px Arial,Helvetica,sans-serif; }
 
h1, h2{ position: relative; height: 30px; font-size:16px; padding-bottom:10px; margin-bottom:10px;  font-weight:normal; color:#e9534c; border-bottom:1px dashed #eee;}
h3{font-size:14px; font-weight:bold; color:#888; padding-top:30px;}
h1 span,h2 span{position: absolute; width: 100%; height: 100%;}

h1#aboutus span {  background: transparent url(../img/headers/aboutus.gif) top left no-repeat;}
h1#howwework span {  background: transparent url(../img/headers/howwework.gif) top left no-repeat;}
h1#lastworks span {  background: transparent url(../img/headers/lastworks.gif) top left no-repeat;}
h2#questions span {  background: transparent url(../img/headers/questions.gif) top left no-repeat;}
h2#price span {  background: transparent url(../img/headers/price.gif) top left no-repeat;}
h1#job span {  background: transparent url(../img/headers/job.gif) top left no-repeat;}
h2#whyus span {  background: transparent url(../img/headers/whyus.gif) top left no-repeat;}
h2#whatdoyouget span {  background: transparent url(../img/headers/whatdoyouget.gif) top left no-repeat;}
h2#contact span {  background: transparent url(../img/headers/contact.gif) top left no-repeat;}
 
#wrap{width:960px; margin:0 auto;}
#logo{  height:80px;}

ul#skip-links { position: absolute; top: 0; left: -10001px; list-style: none;}

ul.nav_top{ height:40px; padding:0 10px; line-height:24px;   background:transparent url(../img/bg_menu.gif) no-repeat center center;}
ul.nav_top li{float:left; }
ul.nav_top li a{ padding:0px 7px; margin:8px 15px;  font-weight:bold;  color:#e9534c;  float:left; display:block; text-decoration:none; }
ul.nav_top li a:hover,
ul.nav_top li.active a{color:#fff; background:#e9534c; -moz-border-radius: 3px; -webkit-border-radius: 4px; border-radius: 4px;}

ul.nav_top li.lang{float:right; font-size:12px; }
ul.nav_top li.lang a { margin:8px 5px;}
 
input, select, textarea{ font-size:15px; font-family:Arial, Verdana, Tahoma;}

#content{font-size:14px; line-height:22px;}

#content ul {  }
#content ul li{  line-height: 20px; border-bottom: 1px #f7f4ee solid; padding: 4px 0 4px 15px; background: url(../img/li.gif) 0 12px no-repeat; }
 
#content ol { list-style:decimal; list-style-position: outside; padding-left:25px; }
#content ol li{  line-height: 20px; border-bottom: 1px #f7f4ee solid; padding: 4px 0 4px 0px; }

#content div.text_site {clear:both; padding:30px;}
#content div.text_site_left{ float:left; padding:30px 15px 30px 30px; width:435px;}
#content div.text_site_right{ float:right; padding:30px 30px 30px 15px; width:435px;}
#content div.text_site p{padding:10px 0 0 0}

#last_work dt {display:none;}
#last_work dd { clear: both;  padding:5px; background:#fcfcf8 url(../img/dust.jpg) repeat top center; margin-bottom:5px;  display: block;}
#last_work dd h3{padding-bottom:15px;}
#last_work dd img {	float: left;	margin-right: 10px;	padding:2px; border:1px solid #eee; background:#fff;}
#last_work dd p{ font-size:11px; border-bottom: solid 1px #eeeeee; width:190px;	padding: 2px 0;	float: left; overflow: hidden;}

.splash{background:transparent url(../img/splash.gif) no-repeat bottom center;}
#check_this_out{position:fixed; left:50%; top: 150px;}
 
 
#kontakt div {clear:both; padding-top:10px; }
#kontakt div label {font-weight:bold; clear:both; display:block;  } 
#kontakt div label span { font-size:10px;  font-weight:normal;} 
#kontakt div input { width:50%; border:1px solid #eee; border-top: 1px solid #bbbcb7; border-left: 1px solid #bbbcb7; padding: 5px;  }
#kontakt div input.error{border:1px solid #cc0000; background:transparent url(../img/error.gif) no-repeat center left;}
#kontakt div textarea { width:85%;  border:1px solid #eee; border-top: 1px solid #bbbcb7; border-left: 1px solid #bbbcb7;  height:120px; padding: 5px;  overflow: auto; }
#kontakt div textarea:hover,
#kontakt div textarea:focus,
#kontakt div input:hover,
#kontakt div input:focus{ background: #FFFFc0;}

#kontakt input.przycisk{ border:1px #e9534c solid; background:#e9534c; color:#fff; font-weight:bold;  width:auto; padding: 5px 25px;}
#kontakt input.przycisk:hover{background:#d6423a;}
#kontakt fieldset span{ }

div.okey{padding:0px 5px 3px 25px;  display:inline; background:transparent url(../img/ok.gif) no-repeat center left; border-bottom:1px solid #e9534c;}


#footer{background:#fff url(../img/footer.jpg) no-repeat top center; color:#444; height:40px; padding:45px 30px 0px 30px; font-size:11px;}
#footer ul{ float:right; height:20px; padding:0 20px;  }
#footer ul li{float:left; }
#footer ul li a{ margin:0 10px;  float:left; display:block; }