html, body { height: 100%; }
body {
	margin: 0;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #959595;
}

*:focus { outline: none; }

.fl { float: left; }
.fr { float: right; }
.clearme { clear: both; }



#wrapper {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	margin: 0 0 -230px 0;
}

#header {
	border-top: 5px solid #4f4f4f;
	border-bottom: 1px solid #d8d8d8;
}

#head {
	position: relative;
	width: 855px;
	height: 66px;
	margin: 0 auto;
	background-color: white;
}

	#main-nav {
		position: absolute;
		top: 21px;
		left: 0;
	}

		#main-nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			#main-nav ul li {
				float: left;
			}

				#main-nav ul li a {
					display: block;
					height: 46px;
					background-image: url(../img/nav-sprite.gif);

					text-indent: -9999px;
				}

				a#about,
				a#about:link,
				a#about:visited {
					width: 76px;
					background-position: 0px 0px;
				}
				a#about:hover,
				a#about:active {
					background-position: 0px -46px;
				}

				a#build,
				a#build:link,
				a#build:visited {
					width: 164px;
					background-position: -76px 0px;
				}
				a#build:hover,
				a#build:active {
					background-position: -76px -46px;
				}

				a#team,
				a#team:link,
				a#team:visited {
					width: 84px;
					background-position: -240px 0px;
				}
				a#team:hover,
				a#team:active {
					background-position: -240px -46px;
				}

				a#apply,
				a#apply:link,
				a#apply:visited {
					width: 69px;
					background-position: -324px 0px;
				}
				a#apply:hover,
				a#apply:active {
					background-position: -324px -46px;
				}


	#aux-nav {
		position: absolute;
		top: 17px;
		right: 0;
		height: 40px;
		padding: 10px 0 0 20px;
		border-left: 1px solid #d8d8d8;
	}

		#aux-nav ul {
			list-style-type: none;
			margin: 0;
			padding: 0;
		}

			#aux-nav ul li {
				float: left;
			}

				#aux-nav ul li a {
					display: block;
					height: 20px;
					background-image: url(../img/aux-nav-sprite.gif);

					text-indent: -9999px;
				}

				a#home,
				a#home:link,
				a#home:visited {
					width: 55px;
					background-position: 0px 0px;
				}
				a#home:hover,
				a#home:active {
					background-position: 0px -20px;
				}

				a#contact,
				a#contact:link,
				a#contact:visited {
					width: 75px;
					background-position: -55px 0px;
				}
				a#contact:hover,
				a#contact:active {
					background-position: -55px -20px;
				}

				a#blog,
				a#blog:link,
				a#blog:visited {
					width: 53px;
					background-position: -130px 0px;
				}
				a#blog:hover,
				a#blog:active {
					background-position: -130px -20px;
				}

				a#investors,
				a#investors:link,
				a#investors:visited {
					width: 71px;
					background-position: -183px 0px;
				}
				a#investors:hover,
				a#investors:active {
					background-position: -183px -20px;
				}


#main {
	background-image: url(../img/main-bg.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}

	#webuild {
		width: 855px;
		margin: 0 auto;
		padding: 15px 0 0 0;
	}

		#webuild h1 {
			margin: 0;
		}

		#webuild .fr {
			margin: 46px 0 0 0;
		}

	#home-banner {
		width: 855px;
		margin: 20px auto 24px;
		height: 202px;
		background-image: url(../img/home-banner.jpg);
		background-repeat: no-repeat;
		background-position: left top;

		text-indent: -9999px;
	}

	#home-main, #main-container {
		width: 855px;
		margin: 0 auto;
	}

		#home-content {
			float: left;
			width: 555px;
			padding: 0 20px 0 0;
			border-right: 1px solid #d8d8d8;
		}

			h2 {
				margin: 6px 0;
				font-size: 18px;
				color: #a0b959;
			}

			h3 {
			   	margin: 4px 0;
			   	font-size: 14px;
				color: #4f4f4f;
			}

			h4 {
				font-size: 12px;
				font-weight: normal;
			}

			#home-content p {
				line-height: 18px;
			}

			#home-content a, #content a,
			#home-content a:link, #content a:link,
			#home-content a:visited, #content a:visited {
				text-decoration: none;
				color: #68873f;
			}
			#home-content a:hover, #content a:hover,
			#home-content a:active, #content a:active {
				text-decoration: underline;
			}


		#blog-highlight {
			margin-left: 615px;
			width: 235px;
		}

			#blog-highlight h3 {
				font-size: 12px;
			}

			#blog-highlight p {
				line-height: 20px;
			}

				#blog-highlight p a,
				#blog-highlight p a:link,
				#blog-highlight p a:visited {
					text-decoration: none;
					font-style: italic;
					color: #a1b959;
				}
				#blog-highlight p a:hover,
				#blog-highlight p a:active {
					text-decoration: underline;
				}

			p.date {
				margin: 0;
				font-size: 12px;
				font-style: italic;
				font-weight: normal;
				color: #68883f;
			}

		#left {
			float: left;
			width: 250px;
		}

			#left h2 {
				font-weight: normal;
				margin: 18px 0;
				padding: 0 0 4px 14px;
				border-bottom: 1px solid #d8d8d8;
			}

			#subnav {
				list-style-image: url(../img/list-image-arrow.gif);
				margin: 14px 0 0 0;
				padding: 0 0 0 32px;
			}

				#subnav li {
					margin: 6px 0;
				}

					#subnav li a,
					#subnav li a:link,
					#subnav li a:visited {
						text-decoration: none;
						color: #959595;
					}
					#subnav li a:hover,
					#subnav li a:active {
						color: #656565;
					}

					#subnav li a.on,
					#subnav li a.on:link,
					#subnav li a.on:vistited,
					#subnav li a.on:hover,
					#subnav li a.on:active {
						font-weight: bold;
					}

		#content {
			margin-left: 300px;
			min-height: 200px;
		}


	#apply-container {
		width: 803px;
		margin: 40px auto 50px;
		padding: 14px 26px;
		border: 1px solid #dbe2ce;
		background-color: #eaeee2;
	}

		#apply-desc {
			width: 538px;
			height: 45px;
			margin: 2px 0 0;
			background-image: url(../img/apply-desc.gif);
			background-repeat: no-repeat;
			background-position: left top;

			text-indent: -9999px;
		}

		a#apply-btn,
		a#apply-btn:link,
		a#apply-btn:visited {
			display: block;
			width: 215px;
			height: 47px;
			background-image: url(../img/apply-now-btn.gif);
			background-repeat: no-repeat;
			background-position: 0px 0px;

               text-decoration: none;
			text-indent: -9999px;
		}
		a#apply-btn:hover,
		a#apply-btn:active {
			background-position: 0px -47px;
		}


#push {
	height: 230px;
}


#footer-container {
	height: 230px;
	background-image: url(../img/footer-bg.gif);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #4f4f4f;
}

	#footer {
		width: 855px;
		margin: 0 auto;
		padding: 36px 0 0 0;
	}

		#footer h4 {
			margin: 0 0 14px 0;
		}

		#footer em {
			font-style: normal;
			color: white;
		}

		#footer-content {
			border-bottom: 1px solid #6c6c6c;
		}

			.footer-section {
				float: left;
				width: 110px;
				margin: 0 30px 0 0;
			}

			.footer-section ul {
				list-style-type: none;
				margin: -4px 0 20px 0;
				padding: 0;
			}

				.footer-section ul li {
					margin: 6px 0;
				}

					.footer-section ul li a {
						text-decoration: none;
						color: white;
					}

			.footer-section-r {
				float: right;
				padding-left: 30px;
				border-left: 1px solid #6c6c6c;
			}

				p#contact-info {
					line-height: 20px;
				}

				ul#social {
					list-style-type: none;
					margin: 8px 0 0 0;
					padding: 0 0 0 4px;
				}

					ul#social li {
						float: left;
						margin-left: 4px;
					}

					ul#social li a {
						display: block;
						width: 25px;
						height: 25px;
						background-image: url(../img/social-sprite.gif);

                              text-decoration: none;
						text-indent: -9999px;
					}

					ul#social li a#fb,
					ul#social li a#fb:link,
					ul#social li a#fb:visited {
						background-position: 0 0;
					}
					ul#social li a#fb:hover,
					ul#social li a#fb:active {
						background-position: 0 -25px;
					}

					ul#social li a#tw,
					ul#social li a#tw:link,
					ul#social li a#tw:visited {
						background-position: -25px 0;
					}
					ul#social li a#tw:hover,
					ul#social li a#tw:active {
						background-position: -25px -25px;
					}

					ul#social li a#in,
					ul#social li a#in:link,
					ul#social li a#in:visited {
						background-position: -50px 0;
					}
					ul#social li a#in:hover,
					ul#social li a#in:active {
						background-position: -50px -25px;
					}

			.footer-section-r address {
				font-style: normal;
				color: white;
			}


     #credit {
     	float: left;
     }
     	#credit a,
     	#credit a:link,
     	#credit a:visited {
     		text-decoration: none;
     		color: inherit;
     	}
     	#credit a:hover,
     	#credit a:active {
     		color: inherit;
     	}

	#copyright {
		float: right;
	}

		#copyright a,
		#copyright a:link,
		#copyright a:visited {
			text-decoration: none;
			color: white;
		}
		#copyright a:hover,
		#copyright a:active {
			text-decoration: underline;
		}