html {height:100%;}
body {
	background: #fff url(../images/bg-body.png) repeat-x;
	font: 12px Arial, Verdana, sans-serif;
	height:100%;
	margin: 0;
}
form, fieldset {
	padding:0;
	margin:0;
	border:0;
}
a{
	text-decoration:none;
	color: #00adef;
}
a:hover{text-decoration:underline;}
a:focus{outline:none;}
.holder {
	width: 100%;
	overflow: hidden;
}
.main {
	background: url(../images/bg-page.png) repeat-y;
	min-height: 100%;
	overflow: hidden;
	width: 966px;
	margin: 0 auto;
}
* html .main {
 	overflow: visible;
	height: 100%;
}
#header {
	background: url(../images/bg-header.jpg) no-repeat;
	position: relative;
	overflow: hidden;
	width: 966px;
	height: 475px;
}
#header strong.logo {
	display: block;
	margin: 8px auto 0;
	position:relative;
	width: 336px;
	height: 105px;
}
#header strong.logo a {
	background: url(../images/logo.png) no-repeat;
	text-indent: -9999px;
	position: relative;
	overflow: hidden;
	display: block;
	height: 100%;
	z-index: 1;
}
/* navigation menu styles */
#navigation {
	background: url(../images/bg-navigation.png) no-repeat;
	overflow: hidden;
	width: 855px;
	height: 49px;
	padding: 9px 0 0 25px;
	margin: -8px auto 0;
}
#navigation li {
	list-style: none;
	float: left;
	color: #fff;
	width: 142px;
}
#navigation li span {
	display: block;
	cursor: default;
	clear: both;
}
#navigation li a {
	background: url(../images/nav-hover.gif) repeat-x 0 -100%;
	font-weight: bold;
	font-size: 18px;
	margin: 0 0 -2px;
	float: left;
	color: #fff;
}
#navigation li a:hover{
	text-decoration: none;
	background-position: 0 100%;
}
/*flash messages and announcements*/
#flash{padding: 5px; font-size: 15px; margin: 20px; border: 2px solid yellow; background: #FAFBB7;}

/* content blocks styles */
#content {
	overflow: hidden;
	margin: -300px 0 0;
	position: relative;
	width: 966px;
	float: left;
	clear: both;
}
.content-home {
	background: url(../images/bg-home.jpg) no-repeat 0 -17px;
	overflow: hidden;
	margin: 1px 4px;
	width: 958px;
	height: 520px;
}
.content-area {
	background: #385e1a url(../images/bg-inner.jpg) no-repeat 0 -15px;
	overflow: hidden;
	color: #fff;
	margin: 1px 4px;
	padding:130px 40px 30px;
	width: 878px;
}
.content-home .info-box {
	float: left;
	margin: 270px 0 0 35px;
	display: inline;
}
.content-home .info-box a {
	text-decoration: underline;
	color: #157baf;
}
.content-home .info-box a:hover{text-decoration:none;}
/* content blocks styles */
.content-area ul.services {
	background: url(../images/bg-services.png) no-repeat;
	padding: 10px 0 0 315px;
	margin: 0;
}
.content-area ul.services li {
	list-style: none;
	margin: 0 0 10px;
}
.content-area ul.services li strong{font-size: 18px;}
.content-area ul.services li p{
	margin: 0 0 15px;
	line-height: 16px;
}

/* content blocks styles */
.content-area ul.process {
	background: url(../images/bg-process.jpg) no-repeat;
	padding: 10px 0 0 315px;
	margin: 0;
}
.content-area ul.process li {
	list-style: none;
	margin: 0 0 10px;
}
.content-area ul.process li strong{font-size: 18px;}
.content-area ul.process li p{
	margin: 0 0 15px;
	line-height: 16px;
}

/* title block styles */
.title-holder {
	width: 606px;
	text-align: center;
	overflow: hidden;
	height: 113px;
	margin: 0 auto;
	padding: 0 20px;
}
.content-area .title-holder {margin: -125px 0 0 115px;}
.title-holder h1 {
	font-weight: normal;
	color: #157baf;
	font-size: 28px;
	margin: 2px 0 10px;
	padding: 0 0 7px;
}
.content-home .title-holder h1 {background: url(../images/heading-home.gif) no-repeat 50% 100%;}
.content-area .title-holder h1 {background: url(../images/heading-inner.gif) no-repeat 50% 100%;}
#content .title-holder strong {
	font-weight: normal;
	font-size: 14px;
	line-height: 20px;
	color: #5e5e5e;
	margin: 10px 0;
}
/* information box block styles */
#content .info-box {
	background: url(../images/info-box.png) no-repeat;
	width: 381px;
	height: 98px;
	overflow: hidden;
	padding: 16px 20px 0 26px;
}
#content .info-box h2 {
	font-size: 18px;
	margin: 0;
}
#content .info-box p {
	font-size: 12px;
	line-height: 18px;
	margin: 0;
}
/* contacts area styles */
#content .contacts-text {
	float: left;
	width: 260px;
}
#content .contacts-text h1 {
	font-size: 18px;
	margin: 0 0 3px;
}
#content .contacts-text p {margin: 0;}
#content .contacts-text strong {
	display: block;
	margin: 20px 0 0;
}

#content .quote{font-size: 1.25em; font-style: italic; max-width: 30%; float: left; padding: 10px;}
#content .attribute {text-transform: uppercase; font-family: Verdana; font-size: .8em; padding: 0 10px 20px 2px;}

#content .contacts-text a{
	color: #8bdcfa;
	text-decoration:underline;
}
#content .contacts-text a:hover{text-decoration:none;}
#content .contacts-text address{
	font-style: normal;
	display: block;
	margin: 0 0 15px;
}
#content .contacts-form {
	float: right;
	width: 568px;
}
#content .contacts-form label {
	font-size: 14px;
	font-weight: bold;
	display: block;
	margin: 0 0 5px;
}
#content .contacts-form input.text {
	font: 14px/14px Arial, Verdana, sans-serif;
	padding: 3px 0;
	margin: 0 0 25px;
	width: 264px;
}
#content .contacts-form input.image {
	margin: 0 0 0 -1px;
	display: block;
	clear: both;
}
#content .contacts-form textarea {
	font: 14px/14px Arial, Verdana, sans-serif;
	overflow: auto;
	width: 560px;
	height: 140px;
	margin: 0 0 13px;
}

/* projects list styles */
.projects-area  {
	width: 1000px;
}
.project {
	width: 420px;
	float: left;
	margin: 8px 30px 0 0;
}
.project h2 {
	margin:0 0 5px;
	font-size: 16px;
}
.project a.launch-site {
	background: url(../images/btn-launch.gif) no-repeat;
	text-indent: -9999px;
	overflow: hidden;
	display: block;
	width: 98px;
	height: 29px;
	margin: 0 auto;
}
.project div.project-details {
	background: url(../images/bg-projectdetails.png);
	overflow: hidden;
	padding: 4px 4px 6px;
	width: 192px;
	float: left;
}
.project div.project-details ul {
	list-style: none;
	overflow: hidden;
	padding:8px 0 6px;
	margin:0;
}
.project div.project-details ul li {
	background: url(../images/checkbox.gif) no-repeat;
	padding: 0 0 0 18px;
	margin: 0 0 5px;
	font-size: 11px;
}
.project div.project-info {
	width: 205px;
	padding: 0 0px 0 0;
	float: right;
}
/* footer block styles */
#footer {
	background: #fff url(../images/bg-footer.png) repeat-x;
	margin: 1px 4px;
	width: 878px;
	min-height: 155px;
	padding: 30px 40px 20px;
	clear: both;
}
#footer h2 {
	font-size: 14px;
	margin: 0 0 10px;
}
/* headlines block styles */
#footer .headlines {
	float: left;
	overflow: hidden;
}
#footer .headlines ul {
	list-style:none;
	padding:0 0 40px;
	overflow: hidden;
	margin:0;
	width: 320px;
}
#footer .headlines ul li{
	float:left;
	width: 135px;
	overflow: hidden;
	margin: 0 18px 0 0;
}
#footer .headlines ul a.more {
	background: url(../images/separator2.gif) no-repeat 100% 4px;
	text-decoration: underline;
	padding: 0 10px 0 0;
	color: #00adef;
}
#footer .headlines ul a.more:hover{text-decoration: none;}
/* headlines block styles */
#footer .contacts {
	float: right;
	overflow: hidden;
	width: 140px;
}
#footer .contacts ul {
	list-style: none;
	padding:0 0 40px;
	margin:0;
}
#footer .contacts a{text-decoration:underline;}
#footer .contacts a:hover{text-decoration:none;}

#footer .sponsoring {
	overflow: hidden;
	width: 240px;
}
#footer .sponsoring ul {
	list-style: none;
	padding:0 0 40px;
	margin:0;
}
#footer .sponsoring a{text-decoration:underline;}
#footer .sponsoring a:hover{text-decoration:none;}
#footer .sponsoring a img{border:none;}

/* copyright string and links block styles */
#footer ul.copyright {
	border-top: 1px solid #6ead19;
	overflow: hidden;
	list-style:none;
	padding: 10px 0 0;
	margin: 0;
	clear: both;
	width: 100%;
}
#footer ul.copyright li {
	background: url(../images/separator1.gif) no-repeat 0 2px;
	font-weight: bold;
	padding: 0 5px;
	margin: 0 0 0 -1px;
	color: #4a4a4a;
	float: left;
}
