/* -------------------------------------------
project:	4psd.com - Max
date:		2008/12/27
------------------------------------------- */

/* 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;
line-height:1.5em;
}

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

hr{display:none;}

 
textarea, input, select, option, button{ font: 1em Arial,Helvetica,sans-serif; }


 
h1, h2{ position: relative; height: 30px; font-size:1.3em; padding-bottom:10px; margin-bottom:10px;  font-weight:normal; color:#e9534c; border-bottom:1px dashed #eee;}
h3{font-size:1em; font-weight:bold; color:#888;}
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; position: relative; }
#logo{ height:80px;}

ul#skip-links { position: absolute; top: 0; left: -10001px; list-style: none;}
ul#skip-links li a:focus, #skip-links li a:active { display: block; position: absolute; left: 10001px; top: 0; z-index: 10001; width: 950px; padding: 2px 0; background: #fff; color: #000;}

ul.menu_top{ height:40px; padding:0 10px; line-height:24px;   background:transparent url(img/bg_menu.gif) no-repeat center center;}
ul.menu_top li{float:left; }
ul.menu_top li a{  margin:8px 15px;  font-weight:bold;  color:#e9534c;  float:left; display:block; text-decoration:none; }
ul.menu_top li a span {padding:0px 7px;}
ul.menu_top li a:hover,
ul.menu_top li.active a{color:#ffffff; background:#e9534c url(img/lradius.gif) no-repeat top left;}
ul.menu_top li a:hover span,
ul.menu_top li.active a span{display:block;   background:transparent url(img/rradius.gif) no-repeat top right;}



ul.menu_top li.lang{float:right; font-size:0.8em; }
ul.menu_top li.lang a { margin:8px 5px;}
 



ul.menu_footer{ float:right; height:20px; padding:0 20px;  }
ul.menu_footer li{float:left; }
ul.menu_footer li a{ margin:0 10px;  float:left; display:block; }


input, select, textarea{ font-size:15px; font-family:Arial, Verdana, Tahoma;}


#content{font-size:0.9em;}

#content ul {  }
#content ul li{  line-height: 1.4em; border-bottom: 1px #f7f4ee solid; padding: 4px 0 4px 15px; background: url(img/li.gif) 0 0.8em no-repeat; }
 
#content ol { list-style:decimal; list-style-position: outside; padding-left:25px; }
#content ol li{  line-height: 1.4em; 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}

#footer{background:#fff url(img/footer.jpg) no-repeat top center; color:#444; height:40px; padding:45px 30px 0px 30px; font-size:0.7em;}

 

#kontakt fieldset div {clear:both; padding-top:10px; }
#kontakt fieldset div label {font-weight:bold; clear:both; display:block;  } 
#kontakt fieldset div label span { font-size:0.75em;  font-weight:normal;} 
#kontakt fieldset div input { width:50%; border:1px solid #eee; border-top: 1px solid #bbbcb7; border-left: 1px solid #bbbcb7; padding: 5px;  }
#kontakt fieldset div input.error{border:1px solid #cc0000; background:transparent url(img/error.gif) no-repeat center left;}
#kontakt fieldset div textarea { width:85%;  border:1px solid #eee; border-top: 1px solid #bbbcb7; border-left: 1px solid #bbbcb7;  height:12em; padding: 5px;  overflow: auto; }
#kontakt fieldset div textarea:hover,
#kontakt fieldset div textarea:focus,
#kontakt fieldset div input:hover,
#kontakt fieldset 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;}


#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:0.75em; border-bottom: solid 1px #eeeeee; width:190px;	padding: 2px 0;	
	float: left;	 	overflow: hidden;}
 
 
 .splash{background:transparent url(img/splash.gif) no-repeat top center;}
 #check_this_out{position:fixed; left:50%; top: 150px;}