/* 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: 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: #fff;
	position: relative;
}
button { cursor: pointer }

/* container bands: need these for stretchy widths */
#steve_wrap { background: #832e10 url(../images/steve-bground.jpg) repeat-y 50% 0% }
#masthead_wrap {
	height: 100px;
	background-color: #fff;
	/*background: #1e2125 url(../images/masthead-bground.jpg) no-repeat 50% 0%; */
}
#featured_wrap {
	height: 250px;
	background-color: #fff;
	/*background: #DA4C1A url(../images/featured-bground.jpg) repeat-y 50% 0%; */
}
#primary_wrap {
	min-height: 290px;
	background: #171e0c url(../images/primary-bground.jpg) repeat-y 50% 0%;
}
#secondary_wrap {
	min-height: 210px;
	background: #000 url(../images/secondary-bground.jpg) repeat-y 50% 0%;
}
#footer_wrap {
	height: 100px;
	background: #000 url(../images/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/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/phone.png) no-repeat;
	width: 127px;
	height: 30px;
	text-indent: -9999px;
	margin-right: 130px;
}	
#masthead {
	position: relative;
	width: 890px;
	margin: 0 auto;
	padding-top: 17px;
}
#masthead h1 {
	margin-left: 15px;
	width: 187px;
	height: 80px;
	background: url(../images/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;
	cursor: pointer;
}
ul#nav li#first { 
	margin-left: 0 
}
ul#nav li a {
	display: block; text-indent: -9999px; 
}
ul#nav a#home {
	background: url(../images/home-nav.png) no-repeat left top; height: 54px; width: 55px; 
}
ul#nav a#about {
	background: url(../images/about-nav.png) no-repeat left top; height: 54px; width: 75px; 
}
ul#nav a#services {
	background: url(../images/services-nav.png) no-repeat left top; height: 54px; width: 75px; 
}
ul#nav a#portfolio {
	background: url(../images/portfolio-nav.png) no-repeat left top; height: 54px; width: 80px; 
}
ul#nav a#contact { 
	background: url(../images/contact-nav.png) no-repeat left top; height: 54px; width: 85px; 
}
ul#nav a:hover#about, ul#nav a#about-here {
	background: url(../images/about-nav.png) no-repeat left -54px; height: 54px; width: 75px; 
}
ul#nav a:hover#services, ul#nav a#services-here { 
	background: url(../images/services-nav.png) no-repeat left -54px; height: 54px; width: 75px; 
}
ul#nav a:hover#portfolio, ul#nav a#portfolio-here { 
	background: url(../images/portfolio-nav.png) no-repeat left -54px; height: 54px; width: 80px; 
}
ul#nav a:hover#home, ul#nav a#home-here {
	background: url(../images/home-nav.png) no-repeat left -54px; height: 54px; width: 55px; 
}
ul#nav a:hover#contact, ul#nav a#contact-here {
	background: url(../images/contact-nav.png) no-repeat left -54px; height: 54px; width: 85px; 
}
		
#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/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/rounded-corners.gif) no-repeat left top; 
	text-indent: 8px;
	margin-top: 3px;
	padding: 3px 0;
}
#we_do dd { 
	background: url(../images/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/shadow.png) no-repeat; 
}
#rock_on {
	padding-top: 15px;
	width: 270px;
	float: right;
}
#rock_on h4 {
	color: #fff;
	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: #999;
	padding: 8px 0 0;
}
#footer li { display: inline; }
#footer address { float: right; text-align: right }
#footer a { color: #ccc }
#footer a:hover { color: #666 }
#footer span { color: #f60 }
#chiclet { 
	width: 890px;
	margin-left: 30px;
	/*background: url(../images/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;
}