/*
	usstn_design_landing.css
	extends usstn_core.css
	contains all design specific styles
*/

@import url("usstn_core.css");

/* Colors
-----------------------------------------------------------------------------
	
	#0f0f0f :: Black (body bg)
	#454545 :: Dark Gray (footer text/links)

-----------------------------------------------------------------------------	
*/

/* Table of Contents
-----------------------------------------------------------------------------

	1. Wrap
	2. Header
	3. Content
		3.1 Site Callout
	4. Footer

-----------------------------------------------------------------------------		
*/

body {
	margin: 40px 0;
	padding: 0;
	background: #0f0f0f;
	font: normal normal 10px sans-serif;
	color: #fff;
}

/* 1. Wrap
----------------------------------------------------------------------------- */

#wrap {
	position: relative;
	width: 960px;
	margin: 0 auto;
	padding: 0;
	overflow: hidden;
}

/* 2. Header
----------------------------------------------------------------------------- */

#header {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}

	#header h1 {
		position: relative;
		width: 960px;
		height: 100px;
		margin: 0 auto;
		padding: 0;
		background: url(../images/site/landing/logo.png) no-repeat 0 0;
		overflow: hidden;
		text-indent: -9999em;
	}

	#header h2 {
		display: none;
	}

/* 3. Content
----------------------------------------------------------------------------- */

#content {
	position: relative;
	width: 960px;
	margin: 20px 0;
	padding: 0;
	overflow: hidden;
}

	/* 3.1 Site Callout
	----------------------------------------------------------------------------- */
	
	.site-callout {
		position: relative;
		width: 460px;
		margin: 0;
		padding: 0 10px;
		overflow: hidden;
		float: left;
	}
	
		.site-callout h3 {
			display: none;
		}
	
		.site-callout img {
			position: relative;
			width: 454px;
			height: 214px;
			margin: 0 auto;
			padding: 0;
			border: 0;
			display: block;
		}
	
		.site-callout p {
			position: relative;
			width: 430px;
			margin: 24px auto;
			padding: 0;
		}
	
		.site-callout .btn {
			position: relative;
			width: 430px;
			height: 53px;
			margin: 0 auto;
			padding: 0;
			border: 0;
			overflow: hidden;
			text-indent: -9999em;
			display: block;
		}
	
		#residential .btn {
			background: url(../images/site/landing/btn_residential-site.png) no-repeat 0 0;
		}
	
		#geotechnical .btn {
			background: url(../images/site/landing/btn_geotechnical-site.png) no-repeat 0 0;
		}
	
/* 3. Footer
----------------------------------------------------------------------------- */

#footer {
	position: relative;
	width: 960px;
	margin: 0;
	padding: 24px 0;
	border-top: #272727 solid 1px;
	overflow: hidden;
	text-align: right;
}

	#footer p {
		margin: 0;
		padding: 0 10px;
		font: normal normal 1.1em/1.63em "Arial", "Helvetica", sans-serif;
		color: #454545;
	}
	
	#footer a:link,
	#footer a:visited {
		border-bottom: #454545 solid 1px;
		color: #454545;
		text-decoration: none;
	}
	
	#footer a:hover,
	#footer a:active {
		border-bottom: #656565 solid 1px;
		color: #656565;
		text-decoration: none;
	}