html, body {height: 100%;}
* {font-size: 100.01%;}
html {font-size: 75%;}
body {
	margin: 0;
	color: #333;
	min-width: 945px;
	background: #fff url(../images/bg-body.gif) repeat-x;
	font: 1em arial, helvetica, sans-serif;
}
/* General reset */
form, fieldset {
	margin: 0;
	padding: 0;
	border-style: none;
}
img {border-style: none;}
input, select, textarea {
	vertical-align: middle;
	font: 100% arial, sans-serif;
}
a {
	color: #999;
	text-decoration: none;
}
a:hover {color: #0c0c0c;}

/* General settings */
/* wrapper */
#wrapper {
	width: 945px;
	margin: 0 auto;
	background: url(../images/bg-wrapper.gif) repeat-y 224px 0;
	min-height: 100%;
}
* html #wrapper {height: 100%;}
.home {background: none !important;}
/* header */
#header {
	width: 100%;
	overflow: hidden;
	height: 140px;
	background:#fff url(../images/bg-body.gif) repeat-x;
}
/* logo */
.logo{
	overflow: hidden;
	width: 128px;
	height: 23px;
	text-indent: -9999px;
	float: right;
	margin: 47px 11px 0 0;
}
.logo a{
	display: block;
	height: 100%;
	background: url(../images/logo.gif);
}
.logo a:hover {background-position:0 -23px;}
/* main */
#main {
	width: 100%;
	overflow: hidden;
	border-top: 3px solid #484848;
	padding: 12px 0 342px;
	background: url(../images/bg-main.gif) repeat-x;
}
/* twocolumns */
#twocolumns {
	width: 720px;
	float: right;
}
/* intro */
.intro {
	width: 720px;
	height: 330px;
	border-bottom: 1px solid #FFFFFF;
	position: relative;
	overflow: hidden;
}
.intro img {display: block;}
.intro h1 {
	position: absolute;
	bottom: 80px;
	z-index: 2;
	margin: 0;
	font-size: 4.667em;
	line-height: 1em;
	padding: 0 21px;
	color: #fff;
}
.intro h2 {
	position: absolute;
	bottom: 21px;
	z-index: 2;
	margin: 0;
	font-size: 2.417em;
	line-height: 1em;
	padding: 0 21px;
	color: #fff;
}
.intro h3 {
	position: absolute;
	bottom: 21px;
	z-index: 2;
	margin: 0;
	font-size: 4.667em;
	line-height: 1em;
	padding: 0 21px;
	color: #fff;
}
.intro h4 {
	position: absolute;
	bottom: 55px;
	z-index: 2;
	margin: 0;
	font-size: 4.5em;
	line-height: 1em;
	padding: 0 21px;
	color: #fff;
}
.intro h5 {
	position: absolute;
	bottom: 21px;
	z-index: 2;
	margin: 0;
	font-size: 3.667em;
	line-height: 1em;
	padding: 0 21px;
	color: #fff;
}
/* content */
#content {
	float: left;
	width: 545px;
	line-height: 1.58em;
	padding: 14px 0 0 16px;
}
#content p {margin: 0 0 20px 5px;}
#content img {
	display: block;
	margin: 0 0 20px;
}
ul.content {
	width: 450px;
	margin-left: -10px;
}
h2.content {
	color: #333;
	padding: 12px;
	display: block;
	font: bold 1em/1em "arial black", gadget, sans-serif;
}
/* aside */
.aside {
	width: 145px;
	float: right;
}
strong.heading {
	background: #424141;
	color: #fff;
	padding: 12px;
	display: block;
	font: bold 1em/1em "arial black", gadget, sans-serif;
}
/* events */
ul.events {
	margin: 0 0 13px;
	padding: 0;
	list-style: none;
	height: 1%;
	overflow: hidden;
	font-size: 0.917em;
	line-height: 1.2em;
}
ul.events li {
	background: url(../images/bg-dash.gif) repeat-x 0 100%;
	margin: 1px 0 -1px;
	padding: 11px 11px 8px;
}
ul.events strong.summary {
	font: bold 1.1em/1.2em "arial black", gadget, sans-serif;
	display: block;
	margin: 0 0 3px;
}
ul.events em.date {
	font-style: normal;
	display: block;
	margin: 0 0 0;
}
ul.events p {margin: 0 0 6px;}
.aside a.url {font-size: 0.833em;}
/* contact-box */
.aside .contact-box {
	padding: 11px 11px 8px;
	font-size: 0.917em;
	line-height: 1.2em;
}
.aside .contact-box p {margin: 0 0 6px;}
/* sidebar */ 
#sidebar {
	width: 224px;
	float: left;
}
#sidebar a.back {
	background: url(../images/btn-back.gif) no-repeat;
	width: 224px;
	height: 139px;
	display: block;
	text-indent: -9999px;
	overflow: hidden;
	margin: 0 0 12px;
}
#sidebar a.back:hover {background-position:0 -139px;}
/* projects */
ul.projects {
	margin: 0 0 13px;
	padding: 0;
	list-style: none;
	height: 1%;
	overflow: hidden;
	font-size: 0.917em;
	line-height: 1.2em;
}
ul.projects li {
	background: url(../images/bg-dash.gif) repeat-x 0 100%;
	padding: 10px 11px 11px;
}
ul.projects strong.summary {
	font: bold 1.1em/1.2em "arial black", gadget, sans-serif;
	display: block;
	margin: 0 0 3px;
}
ul.projects p {margin: 0 0 6px;}
#sidebar a.url {font-size: 0.833em;}
/* footer */
#footer {
	height: 192px;
	margin-top: -192px;
	position: relative;
	width: 100%;
	background: #fffc00;
}
#footer .holder {
	width: 945px;
	margin: 0 auto;
	overflow: hidden;
	font: bold 0.917em/1.2em "arial black", gadget, sans-serif;
}
/* wrap-boxes */ 
#footer .wrap-boxes {
	width: 960px;
	margin-right: -15px;
	overflow: hidden;
}
#footer a {
	text-decoration: underline;
	color: #333;
	font-size: 0.9em;
}
#footer a:hover {color: #666;}
#footer .box {
	float: left;
	width: 220px;
	padding: 14px 18px 0 0;
	background: url(../images/bg-box.gif) no-repeat 69px 0;
	min-height: 77px;
}
* html #footer .box {height: 77px;}
#footer strong.title {
	float: left;
	clear: left;
	width: 59px;
	margin: 0 20px 8px 0;
	text-align: right;
}
* html #footer strong.title {
	margin-right: 17px;
	padding: 0 0 3px;
}
#footer .text-holder {
	overflow: hidden;
	width: 141px;
}
#footer address,
#footer .phone,
#footer .email {
	font-family: Georgia, Georgia, serif;
	font-style: italic;
	line-height: 1.9em;
}
#footer .phone {
	display: block;
	margin: -3px 0 3px;
	position: relative;
}
#footer .email {
	display: inline-block;
	margin: -2px 0 3px;
}
#footer address {margin: -3px 0 19px;}
#footer .links {
	margin: 0;
	padding: 0;
	list-style: none;
}
#footer .links li {margin: 0 0 8px;}
#footer dl {
	margin: 0;
	overflow: hidden;
	width: 100%;
}
#footer dl dt,
#footer dl dd {float: left;}
* html #footer dl dt,
* html #footer dl dd {padding: 0 0 3px;}
.promo {
	width: 945px;
	height: 433px;
	overflow: hidden;
	position: relative;
	margin: 0 0 15px;
}
.promo img {
	display: block;
}
.promo .text-holder {
	position: absolute;
	z-index: 3;
	left: 0;
	top: 174px;
	color: #fff;
}
.mask {
	position: absolute;
	width: 100%;
	height: 100%;
	top: 0;
	left: 0;
	z-index: 2;
}w
#promo:hover .mask,
#promo.hover .mask {background: url(../images/bg-promo-hover.png);}
.promo h1 {
	background: url(../images/bg-promo-h1.png) no-repeat;
	padding: 0 13px;
	margin: 0 0 25px;
	font-size: 4.5em;
	line-height: 1.12em;
	word-spacing: -1px;
	width: 919px;
}
.promo h2 {
	font-size: 2.417em;
	line-height: 1em;
	padding: 0 13px;
	letter-spacing: -1px;
	margin: 0 0 15px;
}
#promo:hover .forward,
#promo.hover .forward {visibility: visible;}
.promo .forward {
	position: absolute;
	background: url(../images/bg-forward.png) no-repeat;
	width: 224px;
	height: 139px;
	bottom: 0;
	right: 0;
	z-index: 10;
	text-indent: -9999px;
	visibility: hidden;
	cursor: pointer;
}
* html .promo .forward {
	bottom: -1px;
	right: -1px;
}
/* menu */
ul.menu {
	border-top: 3px solid #484848;
	padding:0;
	list-style: none;
	overflow: hidden;
	width: 950px;
	margin: 0 -5px 0 0;
}
ul.menu li {
	float: left;
	display: inline;
	width: 235px;
	height: 108px;
	background: #000;
	margin: 2px 2px 0 0;
	position: relative;
}
ul.menu a {
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	color: #fff;
	width: 235px;
	height: 108px;
	font-weight: bold;
	text-indent: -9999px;
	background: url(../images/transparent.gif) no-repeat;
}
ul.menu img {
	vertical-align: top;
}
ul.menu li span {
	position: absolute;
	top: 0;
	left: 0;
	padding: 8px 13px;
	width: 209px;
	height: 92px;
	color: #fff;
	font-size: 0.833em;
}
ul.menu a:hover,
ul.menu .active a {
	background: url(../images/bg-menu-hover.gif) no-repeat 100% 100%;
}
ul.menu strong.mask {
	background: url(../images/bg-menu-hover.gif) no-repeat 100% 100%;
	position: absolute;
	z-index: 2;
	top: 0;
	left: 0;
	width: 235px;
	height: 108px;
}