@charset "UTF-8";

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

Styles for SPD Austin website 
spdaustin.com

Author(s): David Guillory, Matt Wetzler

Sibley/Peteet Design - Austin
www.spdaustin.com

Created: November 2008

Colors:
#969d00  SPD Green
#888f00  SPD Green (Cheated dark for text)
#E37F1C  SPD Orange
#de740b  SPD Orange (Cheated dark for text)
#00929F  SPD Blue
#00838F  SPD Blue (Cheated dark for text)
#808080  50% Gray Text
#555     Dark Gray Text

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


* {
	margin: 0;
	padding: 0;
	}
html, body, div, p, form, input, textarea, select {
	font-family: Arial,Helvetica,Verdana,sans-serif;
	font-size: 12px;
	line-height: 20px;
	color: #555555;
	}
body {
	background: #fff url(/images/bg.png) repeat-y 50% 0;
	}
a {
	text-decoration: none;
	}
img {
	border: none;
	}
em, i {
	font-style: italic;
	}
strong, b {
	font-weight: bold;
	}
.imgswap {
	display: block;
	text-decoration: none;
	text-indent: -29999px;
	outline: none;
	}
	
	
/* BASIC STRUCTURE
------------------------------------------------------------------------------------------ */

#wrapper {
	position: relative;
	margin: 0 auto;
	width: 980px;
	}



/* CORE TYPOGRAPHY
------------------------------------------------------------------------------------------ */

h1 {
	color: #000;
	font-size: 30px;
	line-height: 40px;
	font-weight: normal;
	/*letter-spacing: 1px;*/
	}



/* GLOBAL IMG SWAPS
------------------------------------------------------------------------------------------ */

.arrow-up {
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: url(/images/arrow-up.png) no-repeat 0 0;
	}
.arrow-down {
	width: 16px;
	height: 16px;
	line-height: 16px;
	background: url(/images/arrow-down.png) no-repeat 0 0;
	}
.arrow-up:hover,
.arrow-up.hover,
.arrow-down:hover,
.arrow-down.hover {
	background-position: -20px 0;
	}
.arrow-null,
.arrow-null:hover,
.arrow-null.hover {
	background-position: -40px 0;
	cursor: default;
	}


/* MASTHEAD
------------------------------------------------------------------------------------------ */

#masthead {
	position: relative;
	padding: 50px 0 0 40px;
	height: 40px;
	}
	
	#nav {
		height: 25px;
		list-style: none;
		}
		#nav li {
			float: left;
			}
			#nav .imgswap {
				height: 25px;
				margin-right: 13px;
				}
			#spd {
				margin-right: 25px;
				outline: none;
				}
			#nav-about {
				width: 37px;
				background: url(/images/nav-2.png) no-repeat 0 16px;
				}
			#nav-about:hover { background-position: 0 -34px; }
			#nav-portfolio {
				width: 59px;
				background: url(/images/nav-2.png) no-repeat -77px 16px;
				}
			#nav-portfolio:hover { background-position: -77px -34px; }
			#nav-capabilities {
				width: 76px;
				background: url(/images/nav-2.png) no-repeat -147px 16px;
				}
			#nav-capabilities:hover { background-position: -147px -34px; }
			#nav-contact {
				width: 51px;
				background: url(/images/nav-2.png) no-repeat -236px 16px;
				}
			#nav-contact:hover { background-position: -236px -34px; }
			#nav-news {
				width: 32px;
				background: url(/images/nav-2.png) no-repeat -301px 16px;
				}
			#nav-news:hover { background-position: -301px -34px; }
			
	#masthead h2 {
		position: absolute;
		top: 60px;
		right: 40px;
		width: 150px;
		}
	#subnav {
		position: absolute;
		overflow: visible;
		z-index: 2000;
		top: 81px;
		right: 20px;
		width: 170px;
		background: none;
		}
		#subnav .subnav-link {
			margin-right: 20px;
			line-height: 19px;
			height: 19px;
			background: inherit;
			}


/* FOOTER
------------------------------------------------------------------------------------------ */

#footer {
	margin: 125px auto 0 auto;
	padding: 0 40px 25px 40px;
	width: 900px;
	overflow: hidden;
	}
	#footer p,
	#footer li {	
		font-size: 11px;
		line-height: 18px;
		color: #A6A6A6;
		}
	#footer a {
		color: #A6A6A6;
		}
	#footer a:hover {
		color: #555;
		}
	#foot-address,
	.foot-list {
		float: left;
		margin-right: 50px;
		list-style: none;
		}
	#foot-copyright {
		float: left;
		}