/* global */
* {
	margin: 0;
	padding: 0;
	border: 0 none;
	font-weight: normal;
	font-style: normal;
	text-decoration: none;
	outline-style: none;
}
ul {
	list-style-type: none
}
h1, h2, h3, h4, h5, h6 {
	font-family: "Myriad Web", Tahoma, sans-serif;
	letter-spacing: 1px
}
em {
	font-style: italic
}
strong {
	font-weight: bold
}
body {
	font: 12px/1.8 Verdana, sans-serif;
	color: #dbdddf;
	background: #000;
	position: relative;
}
button {
	cursor: pointer
}
/* container bands: need these for stretchy widths */
#steve_wrap {
	background: #832e10 url(images/bground/steve-bground.jpg) repeat-y 50% 0%
}
#masthead_wrap {
	height: 100px;
	background: #1e2125 url(images/bground/masthead-bground.jpg) no-repeat 50% 0%;
}
#featured_wrap {
	height: 250px;
	background: #b7babf url(images/bground/featured-bground.jpg) repeat-y 50% 0%;
}
#primary_wrap {
	min-height: 290px;
	background: #171e0c url(images/bground/primary-bground.jpg) repeat-y 50% 0%;
}
#secondary_wrap {
	min-height: 210px;
	background: #000 url(images/bground/secondary-bground.jpg) repeat-y 50% 0%;
}
#footer_wrap {
	height: 100px;
	background: #000 url(images/bground/footer-bground.jpg) no-repeat 50% 0%;
	clear: right;
}
/* layout */
#steve {
	width: 890px;
	margin: 0 auto;
	position: relative;
	padding-bottom: 14px;
}
#steve form {
	padding: 8px 0
}
#steve p {
	font: 24px Tahoma;
	color: #f0b783;
	margin-bottom: 10px;
}
#steve input, #steve button {
	border: 2px solid #4c535d;
	padding: 5px 3px;
	color: #4c535d;
	background: #dbdddf;
	font-size: 15px;
	width: 165px;
	margin-right: 10px;
	float: left;
}
#steve button {
	border: 0 none;
	background: none;
	width: auto;
	padding: 0;
}
#steve #newsletter_login {
	position: absolute;
	right: 0;
	border-left: 2px dotted #4c535d;
	padding-left: 2.4em;
}
#tab {
	height: 5px;
	position: relative;
	bottom: 0;
	z-index: 9;
	background: #832e10 url(images/bground/steve-bground.jpg) no-repeat 50% 0%;
}
#tab p {
	width: 890px;
	margin: 0 auto;
}
#tab a {
	float: right;
	margin-top: 5px;
	display: block;
}
#tab a#steve_hook {
	background: url(images/home/client-login.png) no-repeat;
	width: 107px;
	height: 30px;
	text-indent: -9999px;
	margin-right: 130px;
}
#masthead {
	position: relative;
	width: 890px;
	margin: 0 auto;
	padding-top: 17px;
}
#masthead h1 {
	margin-left: -7px;
	/*width: 187px;*/
	width: 235px;
	height: 71px;
	background: url(images/home/logo.png) no-repeat;
}
#masthead h1 a {
	width: inherit;
	height: inherit;
	display: block;
}
#masthead h1 a span {
	visibility: hidden
}
ul#nav {
	width: 570px;
	position: absolute;
	top: 46px;
	right: 25px;
}
ul#nav li {
	float: left;
	/*margin-left: 42px;*/
	margin-left: 10px;
	cursor: pointer;
}
ul#nav li#first {
	margin-left: 0
}
ul#nav li a {
	display: block;
	text-indent: -9999px;
}
ul#nav a#about {
	background: url(images/nav/about-nav.png) no-repeat left top;
	height: 54px;
	/*width: 53px;*/
	width: 100px;
}
ul#nav a#services {
	background: url(images/nav/services-nav.png) no-repeat left top;
	height: 54px;
	/*width: 63px;*/
	width: 100px;
}
ul#nav a#portfolio {
	background: url(images/nav/portfolio-nav.png) no-repeat left top;
	height: 54px;
	/*width: 98px;*/
	width: 100px;
}
ul#nav a#weblog {
	background: url(images/nav/weblog-nav.png) no-repeat left top;
	height: 54px;
	/*width: 92px;*/
	width: 100px;
}
ul#nav a#contact {
	background: url(images/nav/contact-nav.png) no-repeat left top;
	height: 54px;
	/*width: 93px;*/
	width: 100px;
}
ul#nav a:hover#about, ul#nav a#about-here {
	background: url(images/nav/about-nav.png) no-repeat left -54px;
	height: 54px;
	/*width: 53px;*/
	width: 100px;
}
ul#nav a:hover#services, ul#nav a#services-here {
	background: url(images/nav/services-nav.png) no-repeat left -54px;
	height: 54px;
	/*width: 63px;*/
	width: 100px;
}
ul#nav a:hover#portfolio, ul#nav a#portfolio-here {
	background: url(images/nav/portfolio-nav.png) no-repeat left -54px;
	height: 54px;
	/*width: 98px;*/
	width: 100px;
}
ul#nav a:hover#weblog, ul#nav a#weblog-here {
	background: url(images/nav/weblog-nav.png) no-repeat left -54px;
	height: 54px;
	/*width: 92px;*/
	width: 100px;
}
ul#nav a:hover#contact, ul#nav a#contact-here {
	background: url(images/nav/contact-nav.png) no-repeat left -54px;
	height: 54px;
	/*width: 93px;*/
	width: 100px;
}
#featured {
	position: relative;
	width: 890px;
	margin: 0 auto;
	z-index: 9;
}
img#case_study {
	width: 467px;
	height: 301px;
	position: absolute;
	display: block;
	top: -20px;
	right: 0;
}
h5#blurb {
	width: 394px;
	height: 211px;
	font-size: 20px;
	padding-top: 28px;
	color: #4c535d;
}
h5#blurb strong {
	color: #6f963c;
	font-weight: normal
}
h5#blurb a, h5#blurb a:hover {
	color: #da4c1a
}
#primary {
	width: 950px;
	margin: 0 auto;
	padding-top: 3em;
	padding-bottom: 2em;
	color: #eee;
	overflow: auto;
	background: url(images/home/shadow.png) no-repeat;
}
#primary h3, #primary h3 a {
	font-size: 22px;
	color: #c5d5b1;
	margin-bottom: 22px;
	height: 30px;
}
#primary h3 a {
	font-weight: normal
}
#primary a {
	color: #f0b7a3;
	border-bottom: 0 none;
	font-weight: bold;
	letter-spacing: 0.05em;
}
#primary a:hover, #primary h3 a:hover {
	border-bottom: 1px dotted
}
#who {
	margin-left: 30px;
	width: 270px;
	float: left;
}
#who p {
	margin-top: 11px
}
#what {
	margin-left: 40px;
	width: 270px;
	float: left;
}
#what dl {
	margin-top: 11px
}
#we_do dt {
	font: bold 12px Verdana;
	background: url(images/home/rounded-corners.gif) no-repeat left top;
	text-indent: 8px;
	margin-top: 3px;
	padding: 3px 0;
}
#we_do dd {
	background: url(images/home/rounded-corners.gif) no-repeat left bottom;
	padding: 0 2px 0 8px;
}
.head {
	cursor: pointer
}
#where {
	margin-left: 40px;
	width: 270px;
	float: left;
}
#where ul {
	width: inherit;
	height: 170px;
	margin-top: 11px;
}
#where ul li {
	display: block;
	float: left;
	margin-bottom: 22px;
	margin-right: 15px;
}
#primary #where a {
	border-bottom: 0 none
}
#secondary {
	position: relative;
	width: 950px;
	margin: 0 auto;
	color: #cfd1d3;
	padding-top: 30px;
	min-height: 190px;
	background: url(images/home/shadow.png) no-repeat;
}
#rock_on {
	padding-top: 15px;
	width: 270px;
	float: right;
}
#rock_on h4 {
	color: #8cab63;
	font-size: 22px;
	line-height: 140%;
	margin: 0 25px 20px;
}
#rock_on .byline1 {
	color: #cfd1d3;
	font-size: 14px;
	margin-left: 60px
}
#rock_on .byline2 {
	color: #aaa;
	font-size: 11px;
	margin-left: 60px
}
#blaugh {
	width: 580px;
	padding-bottom: 25px;
}
#blaugh h3, #blaugh h3 a {
	font-size: 22px;
	color: #8cab63;
	margin-bottom: 12px;
	border-bottom: 1px solid #3D424A;
	height: 30px;
}
#blaugh h3 a {
	border-bottom: 0 none
}
#blaugh h4, #blaugh h4 a {
	color: #e17048;
	font-size: 16px;
	margin-top: 20px;
	font-weight: normal;
}
#blaugh h4 {
	color: white
}
#blaugh p {
	color: #CFD1D3;
	font-size: 14px;
	margin-left: 60px;
}
#blaugh a:hover {
	border-bottom: 1px dotted
}
#blaugh h3 a:hover {
	border-bottom: 0 none
}
#footer {
	width: 890px;
	margin: 0 auto;
	color: #454c55;
	padding: 8px 0 0;
}
#footer li {
	display: inline;
}
#footer address {
	float: right;
	text-align: right
}
#footer a {
	color: #454c55
}
#footer a:hover {
	color: #999
}
#footer span {
	color: #da4c1a
}
#chiclet {
	width: 890px;
	margin-left: 30px;
	background: url(images/home/water-mark.png) no-repeat bottom right;
}
.home_chiclet {
	float: left;
	margin-right: 15px;
	width: 42px;
	height: 42px;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}