@charset "utf-8";
/* CSS Document */

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100%;
	color: #ffffff;
	padding: 0;
	margin: 0;
	background-color: #0b0b0b;
}

#container {
	width: 769px;
	padding: 0;
	margin: 0 auto;
	background: url(../grfx/container-bg.gif) top left repeat-y;
}

#header-bg-holder {
	float: left;
	width: 769px;
	padding: 0;
	margin: 0;
	background: url(../grfx/top-bg.gif) top left no-repeat;
}

#header-content-holder {
	float: right;
	width: 285px;
	height: 107px;
	padding: 0;
	margin: 0;
}

#content-container {
	float: left;
	width: 769px;
	padding: 18px 0 25px 0;
	margin: 0;
}

#content-holder {
	float: left;
	width: 593px;
	padding: 33px 88px 0 88px;
	margin: 0;
}

#project-content-holder {
	float: left;
	width: 659px;
	padding: 33px 28px 0 82px;
}

#project-album-holder {
	float: left;
	width: 623px;
	padding: 13px 18px 13px 18px;
	margin: 0 0 15px 0;
	background-color: #464545;
}

#project-album-holder #thumbnail-column {
	float: left;
	width: 212px;
	padding: 0 21px 0 0;
	margin: 0;
}

#project-album-holder #thumbnail-column img {
	background-color: #7c7c7c;
	padding: 2px;
	margin: 0 7px 6px 0;
	border: 1px solid #a9a9ad;
}

#project-album-holder #thumbnail-column img.right-image {
	margin: 0 0 6px 0;
}

#project-album-holder #image-column {
	float: left;
	width: 390px;
	padding: 0;
	margin: 0;
}

#home-content-holder {
	float: left;
	width: 681px;
	padding: 33px 0 0 88px;
	margin: 0;
}

#home-left-column {
	float: left;
	width: 460px;
	padding: 0 20px 0 0;
	margin: 0;
}

#home-right-column {
	float: left;
	width: 170px;
	padding: 20px 0 0 0;
	margin: 0;
}

#footer {
	width: 769px;
	height: 85px;
	padding: 0;
	margin: 0 auto;
	background: url(../grfx/footer-bg.gif) top left no-repeat;
}

#loft-logo-holder {
	float: left;
	width: 137px;
	height:33px;
	padding: 49px 0 0 17px;
	margin: 0;
}

#disclaimer-holder {
	float: right;
	width: 400px;
	padding: 51px 27px 0 0;
	margin: 0;
	text-align: right;
}

/* project album styles */

#album-holder {
	width: 100%;
	background-color: #eaeaed;
}

/* Specs styles */

p.specs {
	height: 40px;
	padding: 10px 0 0 50px;
	background: url(../grfx/document.gif) top left no-repeat;
}

.download {
	font-size: 0.9em;
}

/* contact form styles */

form {
	margin: 0;
	line-height: 200%;
}

fieldset {
	padding: 5px 5px 15px 5px;
	border: none;
	border: 1px solid #cacacc;
	width: 380px;
}

.col1 {
	text-align: right;
	width: 115px;
	height: 31px;
	padding: 0 5px 0 0;
	margin: 0;
	float: left;
}

.col2 {
	float: left;
	width: 222px;
	height: 31px;
	margin: 0;
}

.col1-verification-code {
	text-align: right;
	width: 115px;
	height: 26px;
	padding: 0 5px 0 0;
	margin: 0;
	float: left;
}

.col2-verification-code {
	float: left;
	width: 240px;
	height: 31px;
	margin: 0;
}

* html .verification-code {
	margin-bottom: -4px;
}

*:first-child+html .verification-code {
	margin-bottom: -4px;
}

.verification-code {
	margin-bottom: -10px;
}

.col2comment {
	float: left;
	width: 170px;
	margin: 0;
}

.col1comment {
	float: left;
	text-align: right;
	padding: 0 5px 0 0;
	width: 115px;
}

div.row {
	float: left;
	clear: both;
	width: 360px;
}

.wrong-code {
	color: #FF0000;
}

.input {
	width: 100%;
	height: 22px;
	background-color: #bfbfbf;
	margin: 2px 5px 0 0;
	border: none;
	color: #000000;
	padding: 5px 1px 1px 3px;
	font-size: 0.7em;
}

.code-input {
	width: 160px;
	height: 22px;
	background-color: #bfbfbf;
	margin: 2px 5px 0 0;
	border: none;
	color: #000000;
	padding: 5px 1px 1px 3px;
}

.textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.7em;
	font-stretch: wider;
	background-color: #bfbfbf;
	border: none;
	color: #000000;
	margin: 3px 0 0 0;
	padding: 3px 3px 3px 4px;
	width: 219px;
	overflow: auto;
}

.submit-row {
	width: 350px;
	text-align: right;
	float: left;
	padding: 12px 10px 0 0;
}

.submit {
	width: 50px;
	height: 22px;
	background-color: #bfbfbf;
	margin: 2px 5px 0 0;
	border: none;
	color: #000000;
	padding: 1px 1px 1px 3px;
}