body {
	background:#fcfbfb url(body.gif) repeat-x;
	font:1.1em Tahoma, "Arial CE", Arial, Helvetica, sans-serif;
	color:#565656;
	line-height:2.2em;
}
a {
	color:#181818;
}
input.text, textarea {
	padding:3px 10px;
	border:none;
	font:1em Tahoma, "Arial CE", Arial, Helvetica, sans-serif;
	color:#828282;
}
input.text {
	width:119px;
	height:15px;
	background:url(input-text.gif) no-repeat;
}
button {
	font:1em Tahoma, "Arial CE", Arial, Helvetica, sans-serif;
	color:#181818;
}
textarea {
	width:187px;
	height:170px;
	padding:5px 10px;
	background:url(textarea.gif) no-repeat;
}
div#container {
	width:788px;
	padding:0 37px 0 43px;
	margin:0 auto;
	background:url(header.gif) no-repeat 10px top;
}
div#header {
	height:140px;
}
h1 {
	width:239px;
	height:58px;
	margin:0;
	background:url(logo.gif) no-repeat;
	position:absolute;
	top:42px;
	left:47px;
}
h1 a {
	display:block;
	width:239px;
	height:58px;
	overflow:hidden;
	text-indent:-1000em;
}
ul#menu {
	height:26px;
	margin:0;
	position:absolute;
	top:58px;
	right:10px;
}
ul#menu li {
	height:26px;
	margin:0 23px 0 10px;
	float:left;
}
ul#menu a {
	display:block;
	height:26px;
	padding:0 15px;
	margin-right:-13px;
	white-space:nowrap;
	line-height:26px;
	text-decoration:none;
	color:#757575;
	position:relative;
}
* html ul#menu a {
	width:1px;
}
ul#menu li:hover, ul#menu li.active {background:url(menu-left.gif) no-repeat;}
ul#menu li:hover a, ul#menu li.active a {background:url(menu-right.gif) no-repeat right top;}

div.horizontal {
	clear:both;
}
div.horizontal div.left-col {
	width:360px;
}
div.horizontal div.right-col {
	width:351px;
}
div.content {
	padding:20px 0;
}
p.link {
	text-align:right;
}
h2.header {
	height:40px;
	margin:0;
	overflow:hidden;
	text-indent:-1000em;
	background-repeat:no-repeat;
	background-position:left center;
}
h2.kim_jestesmy {background-image:url(header-kim_jestesmy.gif);}
h2.najnowszy_projekt {background-image:url(header-najnowszy_projekt.gif);}
h2.czym_sie_zajmujemy {background-image:url(header-czym_sie_zajmujemy.gif);}
h2.szybki_kontakt {background-image:url(header-szybki_kontakt.gif);}

div.project_preview {
	width:350px;
	height:211px;
	padding:29px;
	margin:-10px -29px;
	background:url(project_preview_shadow.png) no-repeat;
	position:relative;
}
* html div.project_preview {
	background-image:none;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src="img/project_preview_shadow.png", sizingMethod="crop");
}
div.project_preview img {
	border:1px solid #e9e7e7;
}
div.project_preview span.link {
	display:block;
	width:45px;
	height:23px;
	background:url(project_preview_link.gif) no-repeat;
	text-align:center;
	line-height:18px;
	font-size:0.91em;
	position:absolute;
	bottom:30px;
	right:30px;
}
div.project_preview span.link a {
	color:#b3b3b3;
}


dl.mikro_menu {
	width:175px;
	padding-bottom:10px;
	line-height:1.3em;
}
dl.mikro_menu dt {
	padding:10px 0 10px 23px;
	font-weight:bold;
	background-position:left center;
	background-repeat:no-repeat;
}
dl.mikro_menu dt.strony_internetowe {background-image:url(icon-strony_internetowe.gif);}
dl.mikro_menu dt.grafika_uzytkowa {background-image:url(icon-grafika_uzytkowa.gif);}
dl.mikro_menu dt.reklama_w_internecie {background-image:url(icon-reklama_w_internecie.gif);}
dl.mikro_menu dt.pozostale {background-image:url(icon-pozostale.gif);}

dl.mikro_menu dd {
	padding-left:29px;
}
dl.mikro_menu a {
	color:#565656;
}
form#quick_contact {
	width:360px;
	margin:0;
	position:relative;
}
form#quick_contact ul {
	margin:0;
}
form#quick_contact li {
	padding:3px 0;
}
form#quick_contact li.textarea {
	position:absolute;
	top:1px;
	right:0;
}
form#quick_contact div.button {
	width:130px;
	padding:2em 0;
	text-align:center;
}
form#quick_contact button {
	border:none;
	background-color:transparent;
}
div#footer {
	width:788px;
	padding:1em 0;
	font-size:0.91em;
	color:#bebbbb;
	overflow:hidden;
}
div#footer a {
	color:#bebbbb;
}
div#footer li {
	display:inline;
	padding-right:40px;
	background:url(footer-separ.gif) no-repeat right center;
}

.projects{
	width:795px;
	border:1px solid #e8e8e8;
	margin-top:11px;
	margin-left:auto;
	margin-right:auto;
}
.projects p{
	margin-top:20px;
}
.projects a{
	text-decoration:none;
}

.projects .body{
	float:left;
	width:288px;
	text-align:justify;
}


.projects .image{
	float:right;
	padding:5px;
	border:1px solid #ebebec;
}

.projects .in{
	padding:16px;
	padding-left:46px;
	padding-right:46px;
}

.clr{clear:both;}

#up_offer{
	width:840px;
	height:375px;	
	float:left;
}

#bottom_offer{
	width:840px;	
	float:left;
}

#bottom_offer dl{
	margin-right:17px;
	margin-left:17px;
}

.projekt{
	margin:10px;
	border:3px white solid;
}

#contact_left{
	width:400px;
	float:left;
	}
	
#contact_left table{
	width:300px;
	margin-left:100px;
	
}
#contact_right{
	padding-top:40px;
	width:380px;
	float:left;
	}
	
dt a:hover{
	text-decoration:none;	
	}

