@charset "utf-8";
body {
	color: #202020;
	background: none;
}
#wrapper {
	width: 940px;
	margin: 0 auto;
}
#banner {
	height: 435px;
	background-image: url(/images/default-home.jpg);
	background-repeat: no-repeat;
}
#mask {
	height: 435px;
}

ul#intro {
	position: relative;
	z-index: 10;
	width: 160px;
	padding: 10px;
	height: 45px;
	_background: #fff;
}

ul#intro span, ul#intro a {
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
}

ul#intro a, ul#intro a:visited {
	color: #000;
	font-size: 11px;
}

ul#intro a:hover, ul#intro a:active {
	text-decoration: underline;
}

a#box {
	position: absolute;
	top: 3px;
	right: 3px;
	background-position: top left;
	background-repeat: no-repeat;
	_background-image: url(/images/close.gif);/*for some reason the "close class" isn't getting added in IE6*/
	display: block;
	text-indent: -9999px;
	height: 11px;
	width: 11px;
	outline: none;
	z-index: 100;
	overflow: hidden;
}

a#box.open {
	background-image: url(/images/open.gif);
}

a#box.close {
	background-image: url(/images/close.gif);
}

ul#intro h1 {
	font-size: 18px;
	color: #03407b;
	font-weight: normal;
	text-align: left;
	margin-bottom: 3px;
	letter-spacing: 0.15em;
}

ul#intro li {
	position: relative;
	font-size: 12px;
	width: 160px;
	_background: #fff;
}

ul#intro li.intro-mask {
	position: absolute;
	top: 0;
	left: 0;
	height: 65px;
	width: 100%;
	background: #fff;
	opacity: .7;
	filter: alpha(opacity=70);
	_display: none;
}

ul#intro ul li.intro-mask {
	height: 100%;
}

ul#intro ul {
	display: none;
	width: 940px;
	position: absolute;
	left: -10px;
	top: 30px;
}

ul#intro ul li {
	font-size: 1.2em;
	width: 920px;
	padding: 0 10px 10px 10px;
	text-align: left;
}

#theme {
	position: absolute;
	height: 100%;
	width: 100%;
	top: 0;
	left: 0;
	background: url(/images/theme.jpg) top right no-repeat;
}

ul#buttons li {
	height: 19px;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	float: left;
	background-position: top-left;
	background-repeat: no-repeat;
	width: 234px;
	position: relative;
}

ul#buttons li span a {
	display: block;
	height: 100%;
	width: 100%;
	text-indent: -9999px;
	/*background-color: #000;
	opacity: 0;
	filter: alpha(opacity=0);*/
}

ul#buttons li span a:hover {
	/*opacity: .20;
	filter: alpha(opacity=20);*/
}

li#about-button {
	background-image: url(/images/about-button.png);
	background-color: #00467f;
}

li#about-button li .mask {
	background-color: #00467f;
}

li#services-button {
	background-image: url(/images/services-button.png);
	background-color: #54301a;
}

li#services-button li .mask {
	background-color: #54301a;
}

li#project-button {
	background-image: url(/images/project-button.png);
	background-color: #6d8d24;
}

li#project-button li .mask {
	background-color: #6d8d24;
}

ul#buttons li#contact-button {
	background-image: url(/images/contact-button.png);
	background-color: #455560;
	border-right: none;
	width: 235px;
}

ul#buttons li#contact-button li .mask {
	background-color: #455560;
}

ul#buttons li ul {
	position: absolute;
	top: -9999px;
	left: -9999px;
	width: 234px;
	overflow: hidden;
}

ul#buttons li#contact-button ul {
	width: 235px;
}

ul#buttons li:hover ul, ul#buttons li.open ul {
	left: 0;
	bottom: -127px;
	top: auto;/*
	_padding-bottom: 1px;
	top: auto;*/
}

ul#buttons li.open ul {
	position: static;
}

ul#buttons li li {
	height: auto;
	width: 100%;
	background-image: url(/images/theme.jpg);
	background-repeat: no-repeat;
	background-position: right top;
	border-top: none;
	border-right: none;
	border-bottom: 1px solid white;
	position: relative;
	padding-bottom: 20px;
	overflow: hidden;
}

ul#buttons li.open li {
	position: absolute;
	left: 0;
	bottom: 19px;
	_bottom: 20px;
}

ul#buttons li li.image {
	height: 145px;
	padding-bottom: 0;
}

ul#buttons li.open li.image {
	top: 0;
	bottom: auto;
}

li.image img {
	height: 145px;
	width: 235px;
}

li.image a:hover img {
	opacity: .7;
	filter: alpha(opacity=70);
}

ul#buttons li li.image img {
	height: 145px;
	width: 100%;
}

.mask {
	position: absolute;
	height: 100%;
	_height: 300px;
	width: 100%;
	top: 0;
	left: 0;
}

ul#buttons dl {
	position: relative;
	z-index: 1000;
	padding: 18px 5px 0 18px;
	font-size: 12px;
	line-height: 170%;
}

ul#buttons dl a, ul#buttons dl a:visited {
	text-decoration: none;
}

ul#buttons dl a:hover, ul#buttons dl a:active {
	text-decoration: underline;
}