body,html {
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	color: #c4c7c8;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
	font-size: 13px;
	line-height: 1.25em;
}

body {
	background: #333333 url(../images/logo-bg.jpg) top left no-repeat;
	
	}

h1 { font-size: 45px; color: #ffffff; font-family: Arial, Helvetica, sans-serif; font-weight: bold; letter-spacing: -1px; }
h3 { font-size: 24px; margin-top: 30px; font-family: Arial, Helvetica, sans-serif; letter-spacing: -.5px; margin-bottom: 10px; line-height: 1.25em; color: #5c5c5c; }
h3 span { color: #000; }
h4 { font-size: 14px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; margin-bottom: 8px; text-transform: uppercase; }
h5 { margin: 1.5em 0 0 0; }

p { margin: .6em 0 0 0; }

ul { margin: .6em 0 0 0; }

a, a:visited {color: #c4c7c8;}

.light { color: #666; }
.italic { font-style: italic; }

#content-wrapper {
	float: left;
	width: 100%;
}

#info {
	width: 260px; float: left; margin-left: -100%; padding: 150px 10px 10px 30px

}

#info ul li {
	font-size: 17px;
	line-height: 24px;
	padding-left: 22px;
}

#info ul li.icon-mobile { background: url(../images/icon-mobile.gif) center left no-repeat; }
#info ul li.icon-phone { background: url(../images/icon-phone.gif) center left no-repeat; }
#info ul li.icon-mail { background: url(../images/icon-mail.gif) center left no-repeat; }

.separated { border-top: 1px solid #666; padding: 15px 0 0 0; margin-top: 15px; }

#copyright { color: #777; }

#portfolio { margin-left: 310px; padding-top: 20px;   }

#portfolio a {
	display: block;
	float: left;
	/*width:290px; 
	height: 358px;*/
	background-color: #ccc;
	margin: 0 0 20px 20px;
	background-position: top left; 
	background-repeat: no-repeat;
	text-decoration: none;
	color:#666;
	font-size: 12px;
	
	width: 260px;
	height: 170px;
	padding-top: 188px;
	padding-left: 15px;
	padding-right: 15px;
}

#portfolio a:hover {
	background-color: #ddd;	
}

#portfolio a#goldeninterstar, #portfolio a#goldeninterstar:visited { background-image: url(../images/golden-interstar-bw.jpg);  }
#portfolio a#goldeninterstar:hover, #portfolio a#goldeninterstar:active { background-image: url(../images/golden-interstar-color.jpg);  }

#portfolio a#amrest, #portfolio a#amrest:visited { background-image: url(../images/amrest-bw.jpg);  }
#portfolio a#amrest:hover, #portfolio a#amrest:active { background-image: url(../images/amrest-color.jpg);  }

#portfolio a#amrestlua, #portfolio a#amrestlua:visited { background-image: url(../images/amrestlua-bw.jpg);  }
#portfolio a#amrestlua:hover, #portfolio a#amrestlua:active { background-image: url(../images/amrestlua-color.jpg);  }

#portfolio a#rrcc, #portfolio a#rrcc:visited { background-image: url(../images/rrcc-bw.jpg);  }
#portfolio a#rrcc:hover, #portfolio a#rrcc:active { background-image: url(../images/rrcc-color.jpg);  }

#portfolio a#parktronic, #portfolio a#parktronic:visited { background-image: url(../images/parktronic-bw.jpg);  }
#portfolio a#parktronic:hover, #portfolio a#parktronic:active { background-image: url(../images/parktronic-color.jpg);  }

#portfolio a#rider, #portfolio a#rider:visited { background-image: url(../images/rider-bw.jpg);  }
#portfolio a#rider:hover, #portfolio a#rider:active { background-image: url(../images/rider-color.jpg);  }

#portfolio a#lokum, #portfolio a#lokum:visited { background-image: url(../images/lokum-bw.jpg);  }
#portfolio a#lokum:hover, #portfolio a#lokum:active { background-image: url(../images/lokum-color.jpg);  }

#portfolio a#andrzejtokarski, #portfolio a#andrzejtokarski:visited { background-image: url(../images/andrzejtokarski-bw.jpg);  }
#portfolio a#andrzejtokarski:hover, #portfolio a#andrzejtokarski:active { background-image: url(../images/andrzejtokarski-color.jpg);  }

#portfolio a#nebu, #portfolio a#nebu:visited { background-image: url(../images/nebu-bw.jpg);  }
#portfolio a#nebu:hover, #portfolio a#nebu:active { background-image: url(../images/nebu-color.jpg);  }

#portfolio a#rbk, #portfolio a#rbk:visited { background-image: url(../images/rbk-bw.jpg);  }
#portfolio a#rbk:hover, #portfolio a#rbk:active { background-image: url(../images/rbk-color.jpg);  }

#portfolio a#ogrodyzdrowia, #portfolio a#ogrodyzdrowia:visited { background-image: url(../images/ogrodyzdrowia-bw.jpg);  }
#portfolio a#ogrodyzdrowia:hover, #portfolio a#ogrodyzdrowia:active { background-image: url(../images/ogrodyzdrowia-color.jpg);  }

#portfolio a#powerboks, #portfolio a#powerboks:visited { background-image: url(../images/powerboks-bw.jpg);  }
#portfolio a#powerboks:hover, #portfolio a#powerboks:active { background-image: url(../images/powerboks-color.jpg);  }

#portfolio a span { display: block; margin: 8px 0 8px 0; line-height: 17px; }

#portfolio a span.title { font-size: 16px; color:#333; margin-top: 2px; margin-bottom: 10px; line-height: 20px; }
#portfolio a span.title img { margin-bottom: -4px; }
#portfolio a span.info { padding-left: 22px; background: url(../images/info.gif) top left no-repeat; }

#portfolio a span.time { padding-left: 22px; background: url(../images/calendar.gif) top left no-repeat; }
#portfolio a span.link { padding-left: 22px; background: url(../images/link.gif) top left no-repeat; }