/* =Site: skancolor.pl
	Last Update: 12.11.2009
	XHTML & CSS by Bartek Stańkowski (bstankowski.pl) for de-sign.pl
   ----------------------------------------------------*/

/* =CSS Reset
   ----------------------------------------------------*/

html, body, div, span,
h1, h2, h3, h4, h5, h6, p,
a, abbr, em, img, strong,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body { line-height: 1; }
a { text-decoration: none; }
blockquote, q { quotes: none;}
ins { text-decoration: none; }
del { text-decoration: line-through; }
table { border-collapse: collapse; border-spacing: 0;}

/* =Globals
   ----------------------------------------------------*/

html {
	background: #fff url(../i/body-background.gif) 0 0 repeat-x;
}
   
body {
	min-width: 960px;
	font: medium/1.5 Georgia, "Times New Roman", serif;
	color: #636363;
	background: transparent url(../i/background.jpg) 50% 92px no-repeat;
}

h2, h3, h4 {
	line-height: 1em;
	margin-bottom: 0.75em;
}

h2 {
	color: #878138;
	font-size: 1.5em;
	font-weight: normal;
	text-transform: uppercase;
}

h3 {
	padding: 0 0.5em;
	color: #fff;
	font-size: 100%;
	font-weight: normal;
	line-height: 2.3em;
	background-color: #c9cab7;	
}

.main a:link {
	color: #dd555f;
	border-bottom: 1px solid;
} 

.main a:visited {
	color: #8d383f;
}

.main a:hover,
.main a:focus {
	border-bottom: none;
}

.main a:active {
	color: #dd1622;
}

h1 a,
.navigation a {
	color: #636363;
	text-transform: uppercase;
}

.navigation a:hover,
.navigation a:focus,
.navigation a.current {
	color: #dd555f;
}

.current {
	cursor: default;
}

.main p,
.main ul,
.main ol {
	margin-bottom: 1.5em;
}

.main .back-to-top:link,
.main .back-to-top:visited {
	float: right;
	color: #636363;
	border-bottom: 1px solid;
}

.main .back-to-top:hover,
.main .back-to-top:focus {
	float: right;
	border-bottom: none;
	padding-bottom: 1px;
}

.main ul li {
	list-style: none;
	padding-left: 15px;
	background: transparent url(../i/li.gif) 0 10px no-repeat;
}

/* =Layout
   ----------------------------------------------------*/

h1 {
	float: left;
	width: 62px;
	height: 86px;
	margin-left: 17px;
	padding-top: 6px;
}

.container {
	width: 960px;
	margin: 0 auto;
}

.navigation {
	float: left;
	width: 226px;
}

.main {
	float: right;
	width: 618px;
}

#content {
	clear: both;
	padding: 338px 45px 30px 41px;
	overflow: hidden;
}

/* =Main navigation
    ----------------------------------------------------*/ 

.navigation li {
	list-style: none; 
}

#nav {
	float: right;
	width: 600px;
	height: 52px;
	margin: 40px 14px 0 0;
	font-size: 1.2em;
	text-align: right;
}

#nav li {
	display: inline;
}

#nav a {
	padding: 0 1em;
	border-right: 1px solid #c9cab7;
}

#nav .last a {
	padding-right: 0;
	border: 0;
}

/* =Secondary nav
   ----------------------------------------------------*/
   
#content .navigation {
	padding-right: 30px;
	font-size: 105%;
}

#content .navigation li {
	padding-bottom: 0.3em;
	margin-bottom: 0.3em;
	border-bottom: 1px solid #c9cab7;
}

#content .navigation li.last {
	border: none;
}


/* =Content
   ----------------------------------------------------*/

.main ul {
	margin-left: 15px;
}

.main ol {
	margin-left: 30px;
}

.main .photos {
	width: 100%;
	margin: 1.5em auto;
	text-align: center;
	overflow: hidden;	
}

.main .photos li {
	float: left;
	width: 154px;
	height: 320px;
	margin-bottom: 1em;
	padding: 0;
	list-style: none;
	background: none;
}

#realizacje .photos {
	width: 480px;
}

#realizacje .photos li {
	width: 160px;
	height: 154px;
}

#przeslony .photos {
	width: 500px;	
}

#przeslony .photos li {
	width: 250px;
}

#przeslony .photos img,
div.photos img,
#realizacje .photos img {
	border: 1px solid #c9cab7;
}

.photos li img {
	display: block;
	margin: 0 auto 5px;
}

.main .photos a {
	border: none;
}

.photos a:hover img,
.photos a:focus img {
	border-color: #a4a598;
}

.photos p {
	margin: 0
}


/*
	contact
*/

.vcard {
	float: left;
	width: 250px;
}

.vcard p {
	margin-bottom: 0.2em;
}

.vcard .fn {
	display: none;
}

.adr {
	margin-bottom: 1em;
}

.vcard dl {
	margin-bottom: 1em;
	overflow: hidden;
}

.vcard dt {
	float: left;
	clear: left;
	width: 25%;
}

.vcard dd {
	float: right;
	clear: right;
	width: 75%;
	text-align: left;
}

#map {
	float: right;
	width: 318px;
	height: 218px;
	padding: 1px;
	border: 1px solid #c9c9b8;
	background-color: #fff;
	overflow: hidden;
}


/* =Footer
    ----------------------------------------------------*/ 

#footer {
	background: #b9b9a4 url(../i/footer2.gif) 0 0 repeat-x;
}

#footer p {
	width: 929px;
	height: 43px;
	margin: 0 auto;
	padding-top: 37px;
	font-size: 0.9em;
	background: transparent url(../i/footer.gif) 0 0 no-repeat;
	overflow: hidden;
}

#footer span {
	float: left;
	width: 50%;
}

#footer .siteby {
	float: right;
	text-align: right;
}

#footer a {
	color: #fff;
}

#footer a:hover,
#footer a:focus {
	text-decoration: underline;
}