/* author: Scott Marlow
206.784.5454
http://www.MarketingByMarlow.com 

COLORS
Black: #010101
Grey: a6a6a6
Blue: 0098da (nav)
Blue: 0294dd rgb (2,148,221)
*/
html {
	background:url(../img/bg_body_dk.png) 20% repeat;
	height: 100%
}
body {
	background:url(../img/bg_body_transp.png) 150% repeat;
	color: #010101;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	height: 100%;
	margin: 0;
	padding: 24px 0 0 0
}
#wrapper {
	background: #fff;
	border: 2px solid #0294dd;
	margin: 0 auto;
	width: 820px
}
#utility {
	margin: 6px auto;
	text-align: right;
	width: 760px
}
#utility a {
	color: #ccc;
	text-decoration: none
}
#utility a:hover {
	text-decoration: underline
}
#header {
	height: 119px
}
#header img {
	border: none;
	margin: 20px 0 20px 30px
}
#home #header {
	background:url(../img/bg_field.jpg) no-repeat right
}
#about #header {
	background:url(../img/bg_landfill.jpg) no-repeat right
}
#approach #header {
	background:url(../img/bg_casper.jpg) no-repeat right
}
#projects #header {
	background:url(../img/bg_projects.jpg) no-repeat right
}
#services #header {
	background:url(../img/bg_lake-union.jpg) no-repeat right
}
#contact #header {
	background:url(../img/bg_water.jpg) no-repeat right
}
#nav {
	background-color: #010101;
	/*border-top: 2px solid #0294dd;
	border-bottom: 2px solid #0294dd;*/
	color: #a6a6a6;
	height: 2.6em;
	line-height:2.6em;
	text-align:center;
	text-transform:uppercase
}
#nav ul {
	margin: 0;
	padding: 0
}
#nav li {
	display: inline;
	font-size: 1.2em;
	letter-spacing: .15em;
	list-style-type: none;
}
#nav a {
	color: #a6a6a6;
	font-weight: bold;
	padding: 0 1.6em;
	text-decoration: none
}
#nav a:hover, #home #nav a#one, #approach #nav a#two, #services #nav a#three, #projects #nav a#four, #about #nav a#five, #contact #nav a#six {
	color: #0098da
}
#nav2 {
	color: #0294dd;
	font-size: 12px;
	margin: -5px 0 10px 0;
	word-spacing: .3em
}
#content {
	padding: 20px 60px 20px 40px
}
#home #content {
	padding: 40px 80px 40px 30px
}
#content p {
	font-size: 1.2em;
	line-height: 1.4em
}
#content a {
	color: #0098da
}
#content a:hover {
	text-decoration: none
}
#content ul {
	margin: 1.5em 0;
	padding: 0 1.5em;/*overflow: auto*/
}
#content li {
	font-size: 1.2em;
	line-height: 1.4em;
	margin: .3em 0
}
#home #content p.pullquote {
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-left: 2px solid #777;
	border-bottom: 2px solid #777;
	color: #0294dd;
	font-size: 1.3em;
	letter-spacing: .07em;
	margin-left: 250px;
	padding: 12px;
	text-align: center;
	width: 380px
}
#home #content img {
	float: left;
	margin-right: 10px
}
#home #content p {
	clear: both;
	margin: 0;
	padding: 0
}
#projects #content {
	min-height: 460px
}
#projects #content img {
	clear: right;
	float: right;
	margin: 0 0 20px 20px;
}
h1 {
	color: #0294dd;
	font-size: 1.6em;
	letter-spacing: .1em;
	text-transform:uppercase
}
h2 {
	color: #0294dd;
	font-size: 1.4em;
	letter-spacing: .1em;
	margin-top: 0;
	margin-bottom:-10px
}
h3 {
	font-size: 1.2em;
	margin-bottom: -10px
}
#projects #content .tile {
	float: left;
	height: 200px;
	width: 216px;
	margin-right: 30px
}
#footer {
	background-color: #010101;
	/*border-top: 2px solid #0294dd;*/
	color: #fff;
	font-size: 1.2em;
	font-weight: 600;
	height: 2.5em;
	line-height: 2.5em;
	letter-spacing: .1em;
	text-align:center
}
#footer ul {
	margin: 0;
	padding: 0
}
#footer li {
	display: inline;
	list-style-type: none;
	margin: 0 .5em
}
#credit {margin: 2em auto;  font-size: .9em; letter-spacing: .1em; text-align: right; text-transform: uppercase; width: 820px}
#credit a {color: #828282;text-decoration: none}
#credit a:hover {text-decoration: underline}