/* Color schemes:
	1. #141414 #383735 #5C5951 #79918B #83CCCC - calm before the storm
	2. #023059 #3F7EA6 #F2F2F2 #D99E32 #BF5E0A - blue-orange
	3. #E1E6FA #C4D7ED #ABC8E2 #375D81 #183152 - bloggy blue
*/

@import url('reset.css');
@import url('fancybox.css');

.clearfix:after {
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}
hr {
	border-color:#C4D7ED #ddd #eee;
	border-style:solid;
	border-width:1px 0;
	clear:both;
	float:left;
	height:0;
	margin:30px 0;
	width:100%;
}
/* Basic styles */
body {
	color:#111;
	background:#151515;
}
p {	margin-bottom:1em; }
h2 { margin-bottom:0.7em; color:#C4D7ED; text-shadow:rgba(255,255,255,0.5) -1px -1px 3px; }
h3 { margin-bottom:0.6em; color:#183152; text-shadow:rgba(255,255,255,0.8) -1px -1px 2px; }
h4 { margin-bottom:0.6em; color:#375D81; text-shadow:rgba(255,255,255,0.8) -1px -1px 1px; }
h5 { margin-bottom:0.5em; }
h6 { margin-bottom:0.4em; }
a:link,
a:visited {
	color:#f30;
	text-decoration:none;
}
a:hover {
	color:#f30;
	text-decoration:underline;
}
a:active {
	color:#060;
	text-decoration:none;
}
a:focus {
	outline:none;
}
a.ext-link {
	padding-right:16px;
	background:url('../_img/ext_link.png') top right no-repeat;
}
a.ext-link:hover {
	border-bottom:1px solid #f30;
	text-decoration:none;	
}
/* Typography
 * font-size = 62.5% = 10px = 1em 
 */
body {
	font-family:Cambria,Georgia,Times,"Times New Roman",serif;
	font-size:62.5%;
}
p { font-size:1.4em; line-height:1.5em; }
h1 { font-size:4.8em; }
h2 { font-size:3.6em; }
h3 { font-size:2.4em; }
h4 { font-size:2.1em; }
h5 { font-size:1.8em; }
h6 { font-size:1.6em; }
ul, dl { font-size:1.4em; line-height:1.5em; }

/* Layout */
#container {
	width:100%;
	margin:0 auto;
	padding-bottom:20px;
	background:#dbe5ee url('../_img/bg_cont.jpg') 0 0 repeat;
	border-bottom:30px solid #222;
}
#wrap-header {
	width:100%;
	height:100px;
	margin:0 auto;
	background:url('../_img/bg_head.png') 0 0 repeat-x;
}
#header {
	width:960px;
	height:80px;
	margin:0 auto;
	position:relative;
}
h1#logo {
	position:absolute;
	top:0px;
	left:0px;
	width:330px;
	height:80px;
}
h1#logo > a {
	display:block;
	width:330px;
	height:80px;
	background:url('../_img/logo.png') 0 0 no-repeat;
	text-indent:-9999px;
}
h1#logo > a:hover {
	background-position:0 -80px;
}
#content {
	width:940px;
	margin:0 auto;
	padding:10px;
}
#footer {
	width:940px;
	padding:4em 1em;
	margin:0 auto;
}
#footer ul,
#footer p {
	margin-bottom:0;
	color:#666;
}
#footer ul a,
#footer p a {
	color:#999;
}
div.leftcol {
	width:220px;
	float:left;
}
div.rightcol,
ul.caselist {
	width:720px;
	float:left;
}
ul.caselist {
	list-style-type:none;
}
ul.caselist > li {
	margin:0 0 20px 18px;
	float:left;
}
ul.caselist > li > a {
	display:block;
	width:220px;
	height:220px;
	border:1px solid #ABC8E2;
}
ul.caselist > li > a:hover {
	opacity:0.7;
}
dl.faq {
	font-size:1.4em;
	line-height:1.4em;
	padding-left:2em;
}
dl.faq > dt {
	font-weight:bold;
	margin-bottom:0.4em;
	color:#375D81;
}
dl.faq > dd {
	margin-bottom:1.4em;
}
dl.faq > dt > span { color:#375D81; }
dl.faq > dt > span,
dl.faq > dd > span {
	font-weight:bold;
	margin-right:0.4em;
	margin-left:-2em;
}
div.inleftcol,
div.inrightcol {
	float:left;
}
div.inleftcol {
	width:380px;
}
div.inrightcol {
	width:540px;
	margin-left:20px;
}
ul.benefits {
	font-size:80%;
	list-style-type:none;
}
ul.benefits > li {
	width:190px;
	float:left;
	margin:0 0 10px 20px;
	padding-left:70px;
}
ul.benefits > li.first {
	margin-left:0;
}
ul.benefits > li#benef1 { background:url('../_img/benef1.png') 0 0 no-repeat; }
ul.benefits > li#benef2 { background:url('../_img/benef2.png') 0 0 no-repeat; }
ul.benefits > li#benef3 { background:url('../_img/benef3.png') 0 0 no-repeat; }
ul.benefits > li#benef4 { background:url('../_img/benef4.png') 0 0 no-repeat; }
ul.benefits h5 {
	font-family:"Lucida Grande",Helvetica,Arial,sans-serif;
	font-size:1.5em;
}
ul.intro {
	list-style-type:none;
	font-size:1.4em;
	line-height:1.4em;
}
ul.intro > li {
	margin-bottom:0.5em;
	padding-left:12px;
	background:url('../_img/arrow.png') 1px 3px no-repeat;
}
p.napisz > a {
	display:block;
	background:url('../_img/napisz.png') 0 0 no-repeat;
	width:540px;
	height:170px;
	opacity:0.7;
	text-indent:-9999px;
}
p.napisz > a:hover {
	opacity:1;
}
ul.contlist {
	list-style-type:none;
}
ul.contlist > li {
	padding-left:18px;
	background:url('../_img/arrows.png') 0px 2px no-repeat;
	margin-bottom:0.3em;
}
dl.table > dt,
dl.table > dd {
	float:left;
	margin-bottom:0.5em;
}
dl.table > dt {
	width:130px;
}
dl.table > dd {
	width:590px;
}

/* Navigation */
/* Main navi */
ul.main-nav {
	list-style-type:none;
	position:absolute;
	top:0px;
	right:0px;
	height:80px;
}
ul.main-nav > li {
	float:left;
}
ul.main-nav > li > a {
	display:block;
	height:80px;
	text-indent:-9999px;
	background-image:url('../_img/navi.png');
	background-repeat:no-repeat;
}
ul.main-nav > li > a#witamy { width:120px; background-position:0 0; }
ul.main-nav > li > a#portfolio { width:130px; background-position:-120px 0; }
ul.main-nav > li > a#profil { width:110px; background-position:-250px 0; }
ul.main-nav > li > a#faq { width:100px; background-position:-360px 0; }
ul.main-nav > li > a#kontakt { width:130px; background-position:-460px 0; }
ul.main-nav > li > a#witamy:hover { background-position:0 -80px; }
ul.main-nav > li > a#portfolio:hover { background-position:-120px -80px; }
ul.main-nav > li > a#profil:hover { background-position:-250px -80px; }
ul.main-nav > li > a#faq:hover { background-position:-360px -80px; }
ul.main-nav > li > a#kontakt:hover { background-position:-460px -80px; }
ul.main-nav > li > a#witamy.current { background-position:0 -160px; }
ul.main-nav > li > a#portfolio.current { width:130px; background-position:-120px -160px; }
ul.main-nav > li > a#profil.current { width:110px; background-position:-250px -160px; }
ul.main-nav > li > a#faq.current { width:100px; background-position:-360px -160px; }
ul.main-nav > li > a#kontakt.current { width:130px; background-position:-460px -160px; }


/* Footer Navi */
ul.footer-nav {
	list-style-type:none;
	float:right;
	font-size:1.4em;
}
ul.footer-nav > li {
	float:left;
	margin-right:0.7em;
}
ul.footer-nav > li > a {
	display:block;
	padding-left:0.7em;
	border-left:1px solid #333;
}
ul.footer-nav > li > a.first {
	border:none;
}
p.copy {
	float:left;
}

/* Contact form */
form#contact-form {
	width:600px;
	margin-top:20px;
}
form#contact-form > fieldset {}
form#contact-form label,
form#contact-form input,
form#contact-form textarea {
	float:left;
	margin-bottom:15px;
	font-size:1.4em;
}
form#contact-form input,
form#contact-form textarea {
	font-family:Arial,Helvetica,Verdana,sans-serif;
	letter-spacing:0.05em;
	background:#fff;
	border:1px solid #e0e0e0;
	padding:3px;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-khtml-border-radius:3px;
	-moz-box-shadow: rgba(0,0,0,0.05) -1px -1px 0, rgba(0,0,0,0.1) 1px 1px 5px;
	-khtml-box-shadow: rgba(0,0,0,0.2) 0 -1px 0;
	-webkit-box-shadow: rgba(0,0,0,0.2) 0 -1px 0;
	box-shadow: rgba(0,0,0,0.2) 0 -1px 0;
}
form#contact-form label:focus,
form#contact-form input:focus,
form#contact-form textarea:focus {
	outline:none;
	background:#fff3f0;
	border-color:#f30;
}
form#contact-form label {
	width:200px;
	text-align:right;
	padding-top:3px;
	margin-right:20px;
}
form#contact-form label > span,
div.buttons > p > span {
	color:#f30;
}
form#contact-form textarea {
	width:370px;
	line-height:1.5em;
}
div.buttons {
	padding-left:220px;
}
div.buttons > p {
	font-size:1.2em;
}
div.buttons > input#submit {
	font-size:1.2em;
	font-weight:bold;
	cursor:pointer;
	border:none;
	padding:2px 5px;
	background:#C4D7ED;
}
div.buttons > input#submit:hover {
	background:#f30;
	color:#fff;
}

/* Carousel */
#carousel {
	width:520px;
	height:260px;
	overflow:scroll;
	border:10px solid #C4D7ED;
}
#carousel ul {
	list-style:none;
	width:1560px;
	margin:0;
	padding:0;
	position:relative;
}
#carousel li {
	display:inline;
	float:left;
}
.textholder {
	text-align:left;
	font-size:small;
	padding:6px;
}