html, body, * {
	font: 12px Arial, sans-serif;
	margin: 0;
	padding: 0;
	line-height: 16px;
}
body {
	background: #fff url('i/mbg.png') no-repeat top left;
}
.clear {
	float: none;
	clear: both;
	height: 0;
}
a {
	color: #999;
	text-decoration: none;
}
a:link {
	color: #999;
}
a:hover {
	color: #000;
}
.hidden {
	display: none;
}
.header, .content, .gallery {
	margin-left: 200px;
	border-left: 1px solid #e6e6e6;
	width: 790px;
	position: relative;
}
.logo {
	width: 599px;
	height: 209px;
	background: #fff url('i/lbg.png') no-repeat top left;
	position: relative;
}
.labtitle {
	position: absolute;
	top: 194px !important;
	right: 580px !important;
	top: 194px;
	right: 578px;
}
.logo div {
	position: absolute;
	bottom: 8px !important;
	left: 7px !important;
	bottom: 4px;
	left: 7px;
}
.toplinks {
	position: absolute;
	right: 9px;
	top: 16px;
	list-style-type: none;
	text-align: right;
}
.toplinks li {
	float: none;
	clear: both;
}
.toplinks a {
	text-decoration: none;
	float: right;
	display: block;
	padding-right: 15px;
}
.toplinks a:hover {
	color: #000;
	background: #fff url('i/reddot.gif') no-repeat top right;
}

.menu {
	position: relative;
	top: -1px;
	margin-left: 399px;
	min-height: 195px;
}
.menu .title {
	position: relative;
	top: 4px;
	width: 200px;
	height: 20px;
	background: #999;
	color: #fff;
}
.menu .title span {
	line-height: 18px;
	padding-left: 6px;
}
.menu .boxes {
	position: absolute;
	left: 200px;
	top: 0;
}
.menu .boxes a {
	display: block;
	float: left;
	width: 24px;
	height: 24px;
	margin-left: 4px;
}
a.imagelab {
	background: #fff url('i/link-i.gif') no-repeat top left;
}
a.buildlab {
	background: #fff url('i/link-b.gif') no-repeat top left;
}
a.weblab {
	background: #fff url('i/link-w.gif') no-repeat top left;
}
a.imagelab:hover {
	background-image: url('i/link-ih.gif');
}
a.buildlab:hover {
	background-image: url('i/link-bh.gif');
}
a.weblab:hover {
	background-image: url('i/link-wh.gif');
}

a.ihover {
	background-image: url('i/link-ih.gif');
}
a.bhover {
	background-image: url('i/link-bh.gif');
}
a.whover {
	background-image: url('i/link-wh.gif');
}


.menu .links {
	position: relative;
	top: 8px;
	border-left: 1px solid #e6e6e6;
	padding-top: 70px;
}
.menu .links ul {
	list-style-type: none;
	padding-left: 8px;
}
.menu .links li {

}
a.menulink {
	display: block;
	position: relative;
	float: left;
	left: -24px;
	padding-left: 24px;
}
a.menulink:hover, .links a.active {
	background: transparent url('i/reddot.gif') no-repeat top left;
	color: #000;
}
ul.submenu {
	position: absolute;
	width: 400px !important;
	left: -424px !important;
	width: 500px;
	left: -520px;
}
ul.bottom {
	position: absolute;
	width: 400px !important;
	left: -424px !important;
	top: auto !important;
	bottom: 0 !important;
	top: 118px;
	width: 500px;
	left: -520px;
}
.submenu li {
	display: block;
	float: right;
	clear: both;
	padding: 0;
}
.sublink {
	padding-right: 8px;
	background-image: none;
}
a.sublink:hover {
	color: #000;
}
.submenu a.active {
	color: #000;
	background: none;
}
.submenu a:hover {
	background-image: none;
}

.content {
	padding: 100px 8px;
	width: 500px;
	min-height: 400px;
	height: auto !important;
	height: 600px;
}

.content p {
	position: relative;
}
.reddot {
	position: absolute;
	left: -24px;
	top: 0;
	width: 6px;
	height: 12px;
	background: transparent url('i/reddot.gif') no-repeat top left;
}
.footer {
	margin-top: 100px;
	margin-left: 600px;
	padding-bottom: 90px;
	border-left: 1px solid #e6e6e6;
	padding-left: 8px;
	font-size: 11px;
}

.infobox {
	padding: 1em 0 1em 24px;
}
.infolink {
	position: relative;
	left: -24px;
	padding-left: 24px;	
}
.infolink:hover {
	background: transparent url('i/reddot.gif') no-repeat top left;
}
.content a.active {
	background: transparent url('i/reddot.gif') no-repeat top left;
	color: #000;
}
small {
	color: #999;
}
form label, form input, form textarea {
	margin: 3px 0;
}
form label {
	display: block;
	clear: both;
	color: #999;
	margin: 0;
}
form .reddot {
	display: none;
}
form .formblock {
	color: #999;
}
form .active, form .focus {
	color: #000;
}
form .textinput, form .textshort {
	font-size: 11px;
	padding-top: 1px;
	padding-left: 2px;
}
form .textinput {
	width: 372px;
	height: 20px;
	border: none;
	margin: 0;
	background: url('i/textinput.gif') no-repeat top left;
}

form .short {
	width: 24px;
	float: left;
}
form .closeinput {
	width: 5px;
	height: 20px;
	display: block;
	float: left;
	background: url('i/textinput-end.gif') no-repeat top left;
}
form .focus .closeinput {
	background: url('i/textinput-end-a.gif') no-repeat top left;
}
form  .alert .closeinput {
	background: url('i/textinput-end-e.gif') no-repeat top left;
}
form .focus .textinput {
	background: url('i/textinput-a.gif') no-repeat top left;
}
form .alert .textinput {
	background: url('i/textinput-e.gif') no-repeat top left;
	color: #fff;
}
form .textshort {
	width: 195px;
	height: 20px;
	border: none;
	margin: 0;
	background: url('i/textshort.gif') no-repeat top left;
}
form .focus .textshort {
	background: url('i/textshort-a.gif') no-repeat top left;
}
form .alert .textshort {
	background: url('i/textshort-e.gif') no-repeat top left;
	color: #fff;
}

form textarea {
	border: none;
	font-size: 11px;
	width: 362px;
	height: 153px;
}
form .textarea {
	width: 372px;
	height: 164px;
	border: none;
	padding: 1px 0 0 3px;
	margin: 0 2px 2px 0;
	background: url('i/textarea.gif') no-repeat top left;
}
form .focus .textarea {
	background: url('i/textarea-a.gif') no-repeat top left;
}
form .alert .textarea {
	background: url('i/textarea-e.gif') no-repeat top left;
}
form .alert textarea {
	background: #cf242c;
	color: #fff;
}

form .active label {
	color: #000;
}
form .focus label {
	color: #000;
}
form .focus .reddot {
	display: block;
}
.formblock {
	position: relative;
	padding-bottom: 16px;
}
.hiddenselect {
	display: none;
}
.formnote {
	position: absolute;
	float: right;
	width: 200px;
	font-size: 11px;
	line-height: 100%;
	left: 380px;
	top: 14px;
	color: #999;
}
.active .formnote {
	color: #000;
}
.gallery {
	padding: 100px 8px;
	width: 650px;
	min-height: 400px;
	height: auto !important;
	height: 600px;
}

.borderedbox {
	border: 1px dashed #600;
}

.gallery .bigbox {
	width: 488px !important;
	height: 400px !important;
	width: 493px;
	height: 405px;
	padding: 1px 4px 4px 1px;
	margin-right: 11px;
	float: left;
	background: url('i/gal-bg-big.gif') no-repeat top left;
}
.gallery .smallbox {
	width: 88px !important;
	height: 88px !important;
	width: 93px;
	height: 93px;
	padding: 1px 4px 4px 1px;
	margin-bottom: 11px !important;
	margin-bottom: 8px;
	float: left;
	background: url('i/gal-bg-sm.gif') no-repeat top left;
}
.gallery .active, .gallery .hover {
	background: url('i/gal-bg-sm-h.gif') no-repeat top left;
}
.gallery .uparrow, .gallery .downarrow {
	width: 16px;
	height: 14px;
	position: absolute;
	left: 550px;
}
.gallery .uparrow {
	background: url('i/gal-arr-up.gif') no-repeat top left;
	top: 75px;
}
.gallery .downarrow {
	background: url('i/gal-arr-dn.gif') no-repeat top left;
	top: 515px;
}