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

html,body {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 9px;
	margin: 0;
	padding: 0;
	height: 100%;
	background: #a7b1bc url('../images/main-bg.jpg') top left repeat-x;
	color: #707070;
	text-align: center;
}

body * {
	padding: 0;
	margin: 0;
	border: 0;
}

body a {
	color: #495661;
	font-size: 9px;
	text-decoration: none;
}

body a:hover {
	color: #7b8894;
}

#container {
	width: 773px;
	height: 100%;
	margin: 0 auto;
}

#header {
	background: url('../images/header-bg.jpg') top left no-repeat;
	width: 773px;
	height: 123px;
	text-align: left;
}

	#header img {
		padding: 16px 0 0 70px;
	}

#content {
	background: url('../images/content-bg.gif') top left repeat-y;
	width: 773px;
}

#nav {
	float: left;
	list-style: none;
	padding: 0 0 2px 22px;
	width: 137px;
}

	#nav li {
		padding-bottom: 1px;
	}

	#nav a {
		display: block;
		height: 24px;
	}

	#nav #home { background: url(../images/nav/home.gif) 0 0 no-repeat; }
	#nav #about { background: url(../images/nav/about.gif) 0 0 no-repeat; }
	#nav #portfolio { background: url(../images/nav/portfolio.gif) 0 0 no-repeat; }
	#nav #services { background: url(../images/nav/services.gif) 0 0 no-repeat; }
	#nav #support { background: url(../images/nav/support.gif) 0 0 no-repeat; }
	#nav #contact { background: url(../images/nav/contact.gif) 0 0 no-repeat; }

	#nav #home:hover { background-position: 0 -24px; }
	#nav #about:hover { background-position: 0 -24px; }
	#nav #portfolio:hover { background-position: 0 -24px; }
	#nav #services:hover { background-position: 0 -24px; }
	#nav #support:hover { background-position: 0 -24px; }
	#nav #contact:hover { background-position: 0 -24px; }

#login-wrapper {
	padding: 2px 0 0 17px;
}

#login {
	background: url(../images/login-bg.gif) 0 0 repeat-y;
	float: left;
	width: 148px;
	text-align: left;
}

#login-title {
	padding-bottom: 2px;
}

#login p {
	padding: 5px 0 8px 23px;
}

	.login {
		display: block;
		width: 90px;
		margin-left: 23px;
		border: 1px solid #929aa0;
		color: #44596e;
		font-size: 9px;
		height: 11px;
		padding: 0 2px;
	}

	#login-button {
		margin: 10px 0 0 23px;
	}

	.login-header {
		padding: 8px 0 2px 23px;
	}

	#login-footer {
		float: left;
	}

#body-wrapper {
	padding: 4px 22px 0 0;
}

.mpcopy {
	padding-bottom: 16px;
}

#page-copy {
	padding: 20px 0 0 18px;
	font-size: 10px;
	width: 460px;
}

#page-copy a {
	font-size: 10px;
	text-decoration: underline;
}

.emphasis {
	font-style: italic;
	color: #7b8894;
}

#page-copy h1 {
	font-size: 11px;
	padding-bottom: 9px;
}

#page-copy h2 {
	font-size: 11px;
}

#page-copy ul {
	list-style-position: inside;
}

#main-body {
	float: right;
	width: 541px;
	text-align: left;
	line-height: 18px;
}

	#index-img {
		float: right;
		width: 541px;
	}

	#feature-ext {
		float: right;
		position: relative;
		z-index: 20;
		margin: -38px -70px 0 0;
		top: 141px;
		left: 541px;
	}
	
	#index-copy {
		float: right;
		position: relative;
		background: url(../images/index-bg.gif) 0 0 repeat-x;
		height: 241px;
		width: 541px;
		margin-right: -541px;
		top: 141px;	
	}
		
		#index-copy p {
			color: #FFF;
			width: 340px;
			text-align: left;
			font-size: 10px;
			line-height: 15px;
			padding: 0 0 8px 26px;
		}

	#elevate {
		padding: 16px 0 10px 24px;
	}

#section {
	padding-left: 22px;
	padding-top: 46px;
	float: left;
	height: 204px;
}

#sec-header {
	background: url(../images/sec-bg.gif);
	width: 729px;
	height: 25px;
	float: left;
}

#sec-header img {
	float: left;
}

#sec-head-1 {
	padding: 3px 44px 0 35px;
}

#sec-head-2 {
	padding: 3px 53px 0 37px;
}

#sec-head-3 {
	padding: 3px 82px 0 38px;
}

#sec-body {
	color: #686b71;
	text-align: left;
	font-size: 10px;
	line-height: 18px;
	float: left;
}

#sec-body-1 {
	width: 157px;
	float: left;
	padding: 13px 45px 0 41px;
}

#sec-body-2 {
	width: 167px;
	float: left;
	padding: 13px 36px 0 39px;
}

#sec-body-3 {
	width: 164px;
	float: left;
	padding: 13px 0 0 39px;
}

	#sec-body img {
		float: left;
	}
	
	
.sec-body-spacer {
	padding-top: 28px;
}

#cont-bot-wrapper {
	height: 4px;
	width: 743px;
	padding-left: 15px;
	float: left;
}

#cont-bot {
	float: left;
	background: url(../images/cont-bot-bg.gif);
	height: 4px;
	width: 743px;
}

#cont-bot-left {
	float: left;
}

#cont-bot-right {
	float: right;
}

#footer {
	background: url(../images/footer-bg.gif) 0 0 repeat-y;
	width: 773px;
	height: 36px;
	float: left;
	padding: 7px 0 0 15px;
}

#footer-body {
	background: url(../images/footer-body-bg.gif) 0 0 repeat-x;
	width: 743px;
	height: 33px;
	float: left;
}

#footer-left, #bot-left {
	float: left;
}

#footer-right, #bot-right {
	float: right;
}

#footer-logo {
	background: url(../images/footer-logo-bg.gif) 0 0 repeat-x;
	width: 43px;
	height: 33px;
	float: left;
}

#f-logo {
	float: left;
	padding: 5px 0 0 9px;
}

#f-logo-border {
	float: right;
}

#footer-links {
	float: left;
	width: 678px;
	height: 33px;
}

#footer-links span {
	color: #FFE59A;
	float: right;
	padding: 10px 10px 0 14px;
}

#footer-links a {
	float: right;
	padding-top: 12px;
	color: #FFE59A;
	font-size: 9px;
	text-transform: uppercase;
	text-decoration: none;
}

#footer-links a:hover {
	color: #FFF;
}

#bottom {
	background: url(../images/bot-bg.gif) 0 0 repeat-x;
	width: 773px;
	height: 12px;
	float: left;
}

#copyright {
	color: #4a6075;
	font-size: 9px;
	float: right;
	padding: 6px 6px 10px 0;
}

.learn {
	padding: 0 0 0 0;
	color: #BB8F0D;
	text-decoration: none;
}

.learn:hover {
	color: #906C03;
}

#sub-head {
	width: 541px;
	height: 120px;
	background: url(../images/sub-head-bg.gif) 0 0 repeat-x;
}

#sub-head-right {
	float: right;
}

#sub-head-left {
	float: left;
}

#sub-head div {
	width: 522px;
	height: 30px;
	float: left;
	padding: 12px 0 0 17px;
}

#sub-head p {
	float: left;
	width: 342px;
	color: #fff;
	text-align: left;
	font-size: 10px;
	line-height: 18px;
	padding: 7px 0 0 17px;
}

#port-main {
	width: 541px;
	height: 747px;
	padding: 35px 0 0 0;
}

.port-item {
	float: right;
	height: 138px;
	padding-bottom: 3px;
}

.port-images-cont {
	width: 338px;
	height: 122px;
	float: right;
	padding-right: 12px;
}

.port-img-wrap {
	float: left;
}

.port-images {
	background: url(../images/port-bg-cen.gif) 0 0 repeat-y;
	width: 338px;
	height: 97px;
	float: left;
}

.port-spacer {
	width: 525px;
	height: 20px;
	background: #eaedf1;
	float: right;
	margin-right: 18px;
	margin-bottom: 22px;
}

.port-text {
	width: 174px;
	float: left;
}

.port-text * {
	color: #45596f;
	font-size: 9px;
	font-weight: normal;
	padding-left: 18px;
}

.port-text a {
	padding-left: 0;
}

.port-text h1 {
	padding: 4px 0 0 18px;
	font-weight: bold;
	line-height: 12px;
}

.port-text h2 {
	padding-bottom: 9px;
}

.port-text p {
	line-height: 18px;
}

.port-img-right {
	padding-right: 12px;
	float: right;
}

.port-img-left {
	padding-left: 12px;
	float: left;
}

#more {
	width: 526px;
	height: 23px;
	background: url(../images/more-bg.gif) 0 0 repeat-x;
	float: right;
	margin: 5px 17px 0 0;
	line-height: 10px;
}

#more-right {
	float: right;
}

#more-left {
	float: left;
}

#more-links {
	float: left;
	width: 500px;
	height: 23px;
	padding: 7px 0 0 12px;
	color: #8ea0b0;
}

.div {
	padding: 0 10px;
}

.normal {
	color: #8ea0b0;
}

.active {
	color: #44596e;
}

#feature {
	background: url(../images/feature-bg2.gif) 0 0 no-repeat;
	z-index: 20;
	float: right;
	height: 206px;
	position: relative;
	width: 222px;
	margin-right: -222px;
	top: 141px;
	left: 387px;
}

#feature * {
	float: left;
	margin-left: 12px;
}

#feat-link {
	display: block;
	cursor: pointer;
	overflow: hidden;
	float: left;
}

#feat-right, #feat-img, #feat-button, #feat-title2, #feature a {
	margin-left: 0;
}

#feat-title {
	display: block;
	width: 158px;
	height: 18px;
	background: url(../images/feat-title-bg.jpg) 0 0 repeat-x;
	_margin-left: 6px;
}

#feat-title2 {
	display: block;
	width: 22px;
	height: 18px;
	background: url(../images/feat-title-bg.jpg) 0 0 repeat-x;
}

#feat-title span {
	display: block;
	color: #d9d9d9;
	font-size: 12px;
	margin: 3px 0 0 21px;
	_margin-left: 10px;
}

#feature:hover span {
	color: #fff;
}

#feat-bot {
	display: block;
	width: 198px;
	height: 22px;
	background: url(../images/feat-bot-bg.jpg) 0 0 repeat-x;
	_margin-left: 6px;
}

#feat-button {
	width: 18px;
	height: 18px;
}

#contform, #supform, #supvform {
	padding: 20px 48px 0 0;
	font-size: 10px;
	width: 300px;
}

#supform, #supvform {
	padding-top: 0;
}

#contform {
	height: 340px;
	float: right;
}

#supform {
	height: 460px;
}

#contact-info {
	float: left;
	padding: 20px 0 0 18px;
	font-size: 10px;
}

#contform div input, #contform div textarea, #supform div input, #supform div select, #supform div textarea, #supvform div input {
	border: 1px solid #999999;
	float: right;
	width: 160px;
	color: #686b71;
	font-size: 10px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
}

#supform div select {
	width: 170px;
}

.supval {
	float: right;
	width: 160px;
	color: #686b71;
	font-size: 10px;
	padding: 4px;
	font-family: Arial, Helvetica, sans-serif;
}

#cominput, #refinput {
	height: 60px;
}

#supmsg {
	height: 120px;
}

#contform div, #supform div, #supvform div {
	width: 300px;
	height: 30px;
}

#comments, #referred {
	padding-bottom: 49px;
	_padding-bottom: 8px;
}

#supmsgdiv {
	padding-bottom: 109px;
	_padding-bottom: 8px;
}

#contform p, #supform p, #supvform p {
	float: left;
	font-size: 9px;
	padding: 10px 0 0 130px;
}

.error {
	color: #FF0000;
	padding-bottom: 10px;
}