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

* {
	margin: 0;
	padding: 0;
}

html {
	margin: 0;
	padding: 0;
}

body { 
	text-align:center;
	color: #000;
	margin:0px;
	padding: 0px;
	font-size: 100%;
	background: #000;
	font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;
}

img {
	border: none;
}

a {
	text-decoration:none;
	color: #000;
}

a:hover {
	color: #C66;
}

p { color: #000;
	font-size: 0.9em;
	line-height: 1.4em;
	padding: 0px 0px 14px 0px;
}

h1 {
	color: #a61d1d;
	font-size: 1.2em;
	padding-bottom:10px;
	margin:0px;
}

h2 {
	color: #a61d1d;
	font-size: 1em;
	font-weight: normal;
	padding-bottom: 10px;
	margin:0px;
}

h3 {
	color: #a61d1d;
	font-size: 0.9em;
	font-weight: normal;
	margin:0px;
	padding-bottom:0px;
}

ul, li {
	list-style:none;
}

ul.services {
	margin-bottom: 30px;
}

/* -- clear fix -- */

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}

/* -- 900 centered container -- */

.container {
	margin-left: auto;
	margin-right: auto;
	width: 900px;
    text-align:left;
	position:relative;
}

/* -- header -- */

#header {
	background: #fff;
	width: 100%;
	float:left;
	padding: 30px 0px;
}

#header-left {
	width: 710px;
	float:left;
	margin-left: 10px;
}

#header-right {
	width: 170px;
	float: left;
	margin-right: 10px;
}

/* -- navigation --*/

#nav-wrapper {
	background: #fff;
	width: 100%;
	float:left;
	border-bottom: solid 8px #a61d1d;
}

.nav-item {
	background: #a61d1d;
	padding: 8px 15px 6px 15px;
	float:right;
}

.left-item {
	padding-left: 30px;
}

.right-item {
	padding-right: 30px;
}

.nav-item a {
	color: #fff;
}

.nav-item a:hover {
	color: #F99;
}

/* -- footer -- */

#footer {
	background: #343434;
	width: 100%;
	float:left;
	padding: 30px 0px;
	color: #fff;
}

#footer p {
	color:#fff;
	margin: 0px 0px 20px 0px;
	padding: 0px;
	font-size: 0.9em;
}

#footer a {
	color:#C66;
}

#footer a:hover {
	color:#F99;
}

#footer h2 {
	color:#FFF;
	margin-top: 10px;
}

#footer_nav {
	width: 900px;
	float:left;
}

.foot-underline {
	width: 260px;
	border-bottom: solid 1px #626262;
	margin-bottom: 10px;
}

.footer_nav-item a {
	color:#fff;
	font-size: 0.8em;
}

.footer_nav-item {
	padding: 0px 0px 30px 30px;
	float:left;
}

#foot-logo {
	margin-left: 30px;
	width: 124px;
	float: right;
}

.copyright {
	font-size: .8em;
	margin-top:20px;
}

#foot-highlighted {
	width:365px;
	background: #a0a0a0;
	padding: 20px;
}

#foot-highlighted p {
	padding: 0px;
	margin: 0px;
	color: #000;
}

#foot-highlighted a {
	color: #a61d1d;
}

#footcol1 {
	width: 260px;
	float:left;
	margin: 0px 15px 0px 30px;
}

#footcol2 {
	width: 260px;
	float:left;
	margin: 0px 15px 0px 15px;
}

#footcol3 {
	width: 260px;
	float:left;
	margin: 0px 30px 0px 15px;
}

/* -- content -- */

.content {
	float:left;
	background:#fff;
	padding-bottom: 30px;
}

.col {
	width: 840px;
	float:left;
	margin:  0px 30px 30px 30px;
}

.col-left {
	width: 405px;
	float:left;
	margin: 0px 15px 0px 30px;
}

.col-right {
	width: 405px;
	float:left;
	margin: 0px 30px 0px 15px;
}

.threecol-row {
	float:left;
	margin-bottom: 30px;
	width: 900px;
}

.threecol-left {
	width: 260px;
	float:left;
	margin: 0px 15px 0px 30px;
}

.threecol-mid {
	width: 260px;
	float:left;
	margin: 0px 15px 0px 15px;
}

.threecol-right {
	width: 260px;
	float:left;
	margin: 0px 30px 0px 15px;
}

.col-left_large {
	width: 545px;
	float:left;
	margin: 0px 15px 30px 30px;
}

.col-right_small {
	width: 265px;
	float:left;
	margin: 0px 30px 30px 15px;
}

#hpg-image {
	float:left;
	margin-bottom:30px;
}

p.news {
	margin-top: 0px;
	padding-top: 0px;
}

.justify {
	text-align:justify;
}

h2.project-title {
	color: #a61d1d;
	font-size: 1.2em;
	padding-bottom:0px;
	margin:0px;
}

.project-subtitle {
	color:#CCC;
	font-size: .8em;
}

/* contact form styles */
form.contact { font-size: 0.9em;  }
#form form{ display:block; position:relative; text-align:left; }
#form input { float:left; border:1px solid #999; -webkit-appearance:none; }
#form input[type=checkbox]{-webkit-appearance:checkbox;}
#form input[type=radio]{-webkit-appearance:radio;}
#form input:focus {border-color:#333;}
#form .button {clear:both; background-color: #cc2222; border: 0 none; border-radius:4px; color: #FFFFFF; cursor: pointer; display: inline-block; font-size:15px; font-weight: bold; height: 32px; line-height: 32px; margin: 0 5px 0px 0; padding: 0 22px; text-align: center; text-decoration: none; vertical-align: top; white-space: nowrap; width: auto;}
#form .button:hover {background-color:#a61d1d;}
#form .form-group {clear:left; position:relative; width:96%; padding-bottom:10px; min-height:50px;}
#form .form-group label {display:block; margin-bottom:3px;}
#form .form-group input {display:block; width:100%; padding:8px 0; text-indent:2%;}
#form .form-group textarea {display:block; width:100%; padding:8px 0; text-indent:2%;}
#form .form-group select {display:inline-block; width:99%; padding:5px 0; margin-bottom:2px;}
#form .indicates-required {text-align:right; font-size:11px; margin-right:4%;}
#form .asterisk {color:#c60; font-size:200%;}
#form .form-group .asterisk {position:absolute; top:30px; right:10px;}        
#form .clear {clear:both;}
#form .form-group.input-group ul {margin:0; padding:5px 0; list-style:none;}
#form .form-group.input-group ul li {display:block; padding:3px 0; margin:0;}
#form .form-group.input-group label {display:inline;}
#form .form-group.input-group input {display:inline; width:auto; border:none;}
#form-subscribe {clear:both; width:auto; display:block; margin:1em 0 1em 5%;}
#form div#form-responses {float:left; top:-1.4em; padding:0em .5em 0em .5em; overflow:hidden; width:90%;margin: 0 5%; clear: both;}
#form div.response {margin:1em 0; padding:1em .5em .5em 0; font-weight:bold; float:left; top:-1.5em; z-index:1; width:80%;}
#form #form-error-response {display:none;}
#form #form-success-response {color:#529214; display:none;}
#form label.error {display:block; float:none; width:auto; margin-left:1.05em; text-align:left; padding:.5em 0;}

/* list styles */
ul.sitemap li { padding: .6em;}
ul.sitemap a { text-decoration:underline; }