/* Default */
body, table, td {
	font: 13px arial, verdana, tahoma, helvetica, sans-serif;
	color: #999;
}
body {
	height: 100%;
	margin: 0px;
	padding: 0px;
	background: #4e5658 url('images/bg.gif') repeat 0 0;
}
img {
	border: none;
}
td {
	vertical-align: top;
}
h1 {
	font-weight: normal;
	font-size: 21px;
	text-transform: uppercase;
	color: #f60;
	margin: 0 0 20px 0;
}
h2 {
	font-weight: bold;
	font-size: 15px;
	color: #f60;
	margin: 0;
}
h3 {
	font-weight: bold;
	font-size: 13px;
	color: #ccc;
	margin: 0;
}
h4 {
	font: bold 11px tahoma, verdana, helvetica, arial, sans-serif;
	margin: 0;
}
ul {
	list-style-image: url('images/bullet.gif');
	margin-top: 10px;
	margin-bottom: 10px;
}
ul li {
	margin-top: 10px;
	margin-bottom: 10px;
}
li p {
	margin-top: 0;
	margin-bottom: 10px;
}
p {
	margin-top: 10px;
	margin-bottom: 10px;
}
a {
	color: #f60;
	text-decoration: underline;
}
a:link, a:visited {
	color: #f60;
}
a:hover, a:active {
	color: #fff;
}

/* Layout */
* HTML .page-wrapper {
	height: 100%;
}
.page-wrapper {
	position: relative;
	width: 100%;
	min-width: 999px;
	min-height: 100%;
}
.spacer {
	height: 1px;
	font-size: .1em;
}

/* Header */
.header {
	min-width: 999px;
	height: 90px;
	background: transparent url('images/sprites.png') repeat-x 0 0;
}
.quatrica-logo {
	display: block;
	width: 270px;
	height: 85px;
	background: #272b2c url('images/sprites.png') repeat-x 0 -130px;
}
a.quatrica-logo:link, a.quatrica-logo:visited,
a.quatrica-logo:hover, a.quatrica-logo:active {
	text-decoration: none;
}
.header .spacer {
	width: 999px;
	height: 5px;
}

/* Title */
.title {
	height: 40px;
	background: #f60 url('images/sprites.png') no-repeat 0 -90px;
	overflow: hidden;
}
.portfolio-title {
	width: 240px;
}
.quatrica-site-manager-title {
	width: 400px;
}
.title h1 {
	margin: 8px 0 0 80px;
	color: #fff;
}

/* Footer */
.footer-wrapper {
	position: relative;
	margin-top: -95px;
	min-width: 999px;
	width: 100%;
	height: 95px;
	overflow: hidden;
	clear: both;
}
.footer {
	font: 11px tahoma, verdana, arial, helvetica, sans-serif;
	clear: both;
	padding: 40px;
}
.footer .misc a {
	text-decoration: none;
}
.footer .copyright {
	color: #fff;
}

/* Misc */
.clear {
	clear: both;
	font-size: .1em;
	height: 1px;
}
.normal {
	font-weight: normal;
	font-size: 13px;
	color: #666;
	text-transform: none;
	margin: 0;
}
.done {
	font: 9px tahoma, verdana, helvetica, arial, sans-serif;
}
.accent, .active {
	color: #f60;
}
.nowrap {
	white-space: nowrap;
}

/* Content */
.content-wrapper {
	width: 990px;
	padding-bottom: 95px;
}
.content {
	margin: 40px 0 0 40px;
}

/* Home */
.home-content {
	background: #272b2c;
	overflow: hidden;
	width: 920px;
}
.home-text {
	padding: 20px;
}
.home-section {
	float: left;
	width: 30%;
	margin-right: 15px;
}

/* Navigation */
.navigation {
	font: bold 11px tahoma, verdana, helvetica, arial, sans-serif;
	background: #272b2c;
}
.navigation .link {
	padding: 0 20px 20px 20px;
}
.navigation a {
}
.navigation a {
	text-decoration: none;
}
.navigation a span {
	margin-right: 5px;
}

/* Portfolio */
.portfolio {
}
.portfolio-list {
	width: 960px;
	margin-right: -40px;
	overflow: hidden;
}
.portfolio-item {
	width: 240px;
	float: left;
}
.portfolio .items {
	margin: 40px 0 0 0;
}
.portfolio .item {
	float: left;
	width: 240px;
	height: 240px;
}
.portfolio a {
	position: relative;
	display: block;
	width: 200px;
	height: 200px;
	font-size: .1em;
}
.portfolio a:link, .portfolio a:visited {
	color: #fff;
	background: #fff;
	text-decoration: none;
}
.portfolio a:hover, .portfolio a:active {
	color: #fff;
	background: #ccc;
	text-decoration: none;
}
.portfolio a span {
	position: absolute;
	top: 10px;
	left: 10px;
	display: block;
	width: 180px;
	height: 180px;
	background-image: url('images/portfolio.jpg');
	background-repeat: no-repeat;
}
.portfolio .vinson {
	background-position: -180px 0;
}
.portfolio .aquaroom {
	background-position: -360px 0;
}
.portfolio .ambershore {
	background-position: -540px 0;
}
.portfolio .sclc {
	background-position: -720px 0;
}
.portfolio .quatrica-site-manager {
	background-position: 0 -180px;
}
.portfolio .captainjames {
	background-position: -180px -180px;
}
.portfolio .gradex {
	background-position: -360px -180px;
}
.portfolio .ambershore-logo {
	background-position: -540px -180px;
}
.portfolio .lenoel {
	background-position: -720px -180px;
}
.portfolio .szs {
	background-position: 0 -360px;
}
.portfolio .szsdveri {
	background-position: -180px -360px;
}
.portfolio .leipzigerleuchten {
	background-position: -360px -360px;
}
.portfolio .sitekretrofit {
	background-position: -540px -360px;
}
.portfolio .tatem {
	background-position: -720px -360px;
}
.portfolio-content {
	float: left;
	width: 680px;
	overflow: hidden;
	min-height: 200px;
}
.portfolio-text {
	padding: 20px;
	background: #272b2c;
}

/* Names */
.pit-name {
	width: 360px;
	height: 20px;
	background: transparent url('images/names.png') no-repeat 0 0;
	white-space: nowrap;
	list-style-image: url('images/bullet.gif');
}