/*
	Website		Impulse Development
	Author		Impulse Development
	Date		November 2008
=============================================== */

/* =PALETTE
	& FILL OUT PALETTE!
----------------------------------------------- */

/* =GENERAL
----------------------------------------------- */

/* GENERAL: =Reset */

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td { 
	margin: 0;
	padding: 0;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

fieldset, img {
	border: 0;
}

address, caption, cite, code, dfn, em, strong, th, var {
	font-style: normal;
	font-weight: normal;
}

ol, ul {
	list-style: none;
}

caption, th {
	text-align: left;
}

h1, h2, h3, h4, h5, h6 {
	font-size: 100%;
	font-weight: normal;
}

q:before, q:after {
	content: '';
}

abbr, acronym {
	border: 0;
}

button::-moz-focus-inner{
	padding:0;
	border:none
}

/* =TYPOGRAPHY
----------------------------------------------- */

/* TYPOGRAPHY: =Basics */

body {
	font-size: 62.5%;
}

body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, textarea, p, blockquote, th, td {
	font-family: Helvetica, Arial, sans-serif;
}

/* TYPOGRAPHY: =Headings */

h1 {
	color: #f2f2cf;
	font-size: 3.8em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1em;
}

h2 {
	color: #f2f2cf;
	font-size: 1.8em;
	font-weight: bold;
	line-height: 1.2em;
	margin: 2em 0 0.5em 0;
}

h3 {
	color: #e8cfcf;
	font-size: 1.4em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 1em;
}

h4 {
	color: #e8cfcf;
	font-size: 1.1em;
	font-weight: bold;
	line-height: 1.2em;
	margin-bottom: 1em;
}

/* TYPOGRAPHY: =Paragraphs */

p {
	color: #e8cfcf;
	font-size: 1.4em;
	line-height: 1.4em;
	margin-bottom: 1em;
}

/* TYPOGRAPHY: =Lists */

ul {
	list-style: none;
	margin-bottom: 2em;
	padding-left: 16px;
}

	ul li {
		background: url(../images/bul-id_logo.gif) no-repeat left top;
		color: #e8cfcf;
		font-size: 1.2em;
		font-weight: bold;
		line-height: 1.6em;
		margin-bottom: 1em;
		padding-left: 24px;
	}
	
ul.twoColumn {
	display: inline;
	float: left;
	width: 320px;
}

ul.bars {
	padding: 0 3px;
}

	ul.bars li {
		background: url(../images/bul-id_dark_red.gif) no-repeat;
		color: #dddddd;
		font-size: 1.1em;
		height: 3.1em;
		line-height: 3.1em;
		margin-bottom: 0.5em;
		padding-left: 34px;
	}
	
ul.twoColumnBars {
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	width: 458px;
}

	ul.twoColumnBars li {
		background: url(../images/bul-id_dark_red.gif) no-repeat;
		color: #dddddd;
		display: inline;
		float: left;
		font-size: 1.1em;
		height: 3.1em;
		line-height: 3.1em;
		margin-bottom: 0.5em;
		margin-right: 10px;
		padding-left: 34px;
		width: 190px;
	}
	
	ul.twoColumnBars li.even {
		margin-right: 0;
	}
	
ol {
	list-style: decimal outside;
	padding-left: 16px;
}

	ol li {
		color: #e8cfcf;
		font-size: 1.2em;
		line-height: 1.4em;
		list-style: decimal;
		margin-bottom: 1em;
	}
	
dl {
	margin-bottom: 1em;
	text-align: center;
}

	dl dt {
		color: #e8cfcf;
		font-size: 1.4em;
		font-weight: bold;
		line-height: 1.4em;
	}
	
	dl dd {
		color: #e8cfcf;
		font-size: 1.2em;
		line-height: 1.2em;
		margin-bottom: 1em;
	}
	
/* TYPOGRAPHY: =Forms */

form label,
form .label {
	color: #ffffff;
	font-size: 1.2em;
	line-height: 1.2em;
}

form legend {
	color: #e8cfcf;
	font-size: 1.6em;
	line-height: 1.6em;
	margin-bottom: 1em;
}

form input,
form textarea {
	color: #500b0b;
	font-size: 1.2em;
	line-height: 1.2em;
}

form button {
	outline: 0;
}
	
/* TYPOGRAPHY: =Links */

a {
	color: #ffffff;
	font-weight: bold;
	outline: 0;
	text-decoration: none;
}

a:hover {
	text-decoration: underline;
}

:focus {
	outline: 0;
}

/* TYPOGRAPHY: =Variants */

strong {
	font-weight: bold;
}

em {
	font-style: italic;
}

/* =STRUCTURE
----------------------------------------------- */

/* STRUCTURE: =Background */

html {
	background: url(../images/bg-html.gif) #470303 repeat-y top center;
}

body {
	background: url(../images/bg-footer.gif) repeat-x bottom;
}

.container {
	background: url(../images/bg-container.gif) repeat-x left 120px;
}

	.home .container,
	.austin .container {
		background: url(../images/bg-container_home.gif) repeat-x left 120px;
	}

/* STRUCTURE: =Layout */

.container {
	width: 100%;
}

#pageHeader {
	height: 281px;
	margin: 0 auto;
	position: relative;
	width: 956px;
}

	.home #pageHeader,
	.austin #pageHeader {
		height: 341px;
	}

#pageBody {
	margin: 0 auto;
	padding: 20px 0;
	position: relative;
	width: 956px;
}

	#pageBody .content {
		display: inline;
		float: left;
		margin: 0 0 40px 0;
		padding-left: 12px;
		width: 673px;
	}
	
		.hideSidebar #pageBody .content {
			width: 932px;
		}
		
		.home #pageBody .content {
			width: 932px;
		}
		
	#pageBody .sidebar {
		display: inline;
		float: right;
		margin-bottom: 40px;
		padding: 0 12px;
		width: 224px;
	}
	
		.hideSidebar #pageBody .sidebar {
			display: none;
		}
		
		.home #pageBody .sidebar{
			padding-top: 25px;
		}

#pageFooter {
	clear: both;
	height: 249px;
	margin: 0 auto;
	position: relative;
	width: 956px;
}

/* =HEADER
----------------------------------------------- */

/* HEADER: =Logo */

#headerTitle {
	left: 0px;
	position: absolute;
	top: 22px;
}

	#headerTitle p {
		margin: 0;
	}

	#headerTitle a {
		background: url(../images/logo-medium.png) no-repeat;
		display: block;
		height: 80px;
		overflow: hidden;
		text-indent: -5000px;
		width: 219px;
	}

/* HEADER: =Navigation */

#headerNavigation {
	list-style: none;
	padding-left: 0;
	position: absolute;
	right: 0;
	top: 72px;
}

	#headerNavigation li {
		background: none;
		display: inline;
		float: left;
		margin: 0 14px;
		padding: 0;
	}
	
		#headerNavigation li a {
			display: block;
			height: 21px;
			overflow: hidden;
			text-indent: -5000px;
		}
		
		#headerNavigation li.home a {
			background: url(../images/nav-home.gif) no-repeat 0 -21px;
			width: 51px;
		}
		
		#headerNavigation li.about a {
			background: url(../images/nav-about.gif) no-repeat 0 -21px;
			width: 53px;
		}
		
		#headerNavigation li.services a {
			background: url(../images/nav-services.gif) no-repeat 0 -21px;
			width: 77px;
		}
		
		#headerNavigation li.projects a {
			background: url(../images/nav-projects.gif) no-repeat 0 -21px;
			width: 77px;
		}
		
		#headerNavigation li.blog a {
			background: url(../images/nav-blog.gif) no-repeat 0 -21px;
			width: 43px;
		}
		
		#headerNavigation li.contact a {
			background: url(../images/nav-contact.gif) no-repeat 0 -21px;
			width: 73px;
		}
		
/* HEADER: =Call To Action */

.callToAction {
	height: 45px;
	overflow: hidden;
	position: absolute;
	right: 0;
	text-indent: -5000px;
	top: 18px;
	width: 354px;
}

#headerCallToAction-austin {
	background: url(../images/txt-call_us_today_austin.gif) no-repeat;
}
	
/* HEADER: =Banner Images */

#headerBanner {
	height: 162px;
	position: absolute;
	top: 120px;
	width: 956px;
}

	.home #headerBanner,
	.austin #headerBanner {
		height: 222px;
	}
	
	#headerBanner .slide {
		display: none;
		height: 222px;
		left: 0;
		position: absolute;
		top: 0;
		width: 956px;
	}
	
		#headerBanner .slide a {
			display: none;
		}
		
		#headerBanner .currentSlide {
			display: block;
		}
	
		#headerBanner .currentSlide a {
			display: block;
			height: 222px;
			left: 0;
			overflow: hidden;
			position: absolute;
			text-indent: -5000px;
			top: 0;
			width: 956px;
			z-index: 9999;
		}

/* =CONTENT
----------------------------------------------- */

/* CONTENT: =Headings */

.content h1 {
	height: 51px;
	margin-bottom: 0.5em;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

	.home h1,
	.austin h1 {
		background: url(../images/hdr-welcome.png) no-repeat bottom left;
		width: 674px;
	}

	.about h1 {
		background: url(../images/hdr-about.png) no-repeat bottom left;
	}
	
	.services h1 {
		background: url(../images/hdr-services.png) no-repeat bottom left;
	}
	
	.projects h1 {
		background: url(../images/hdr-projects.png) no-repeat bottom left;
	}
	
	.blog h1,
	.blog_comments h1 {
		background: url(../images/hdr-blog.png) no-repeat bottom left;
	}
	
	.contact h1 {
		background: url(../images/hdr-contact.png) no-repeat bottom left;
	}
	
	.error#show_404 h1 {
		background: url(../images/hdr-page_not_found.png) no-repeat bottom left;
	}
	
/* CONTENT: =Text Replacement */

.replaced {
	clear: both;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

.replaced#h2-brandon_silverstein {
	background: url(../images/hdr_h2-brandon_silverstein.png) no-repeat;
	height: 23px;
}

.replaced#h2-andrew_hite {
	background: url(../images/hdr_h2-andrew_hite.png) no-repeat;
	height: 23px;
}

.replaced#h2-andrew_latimer {
	background: url(../images/hdr_h2-andrew_latimer.png) no-repeat;
	height: 23px;
}

.replaced#h2-amanda_paluzi {
	background: url(../images/hdr_h2-amanda_paluzi.png) no-repeat;
	height: 23px;
}

.replaced#h2-website_development {
	background: url(../images/hdr_h2-website_development.png) no-repeat;
	height: 27px;
}

.replaced#h2-web_application_development {
	background: url(../images/hdr_h2-web_application_development.png) no-repeat;
	height: 27px;
}

.replaced#h2-search_engine_optimization {
	background: url(../images/hdr_h2-search_engine_optimization.png) no-repeat;
	height: 27px;
}

.replaced#h2-hosting_and_email {
	background: url(../images/hdr_h2-hosting_and_email.png) no-repeat;
	height: 27px;
}

.replaced#h2-web_application_projects {
	background: url(../images/hdr_h2-web_application_projects.png) no-repeat;
	height: 37px;
}

.replaced#h2-featured_projects {
	background: url(../images/hdr_h2-featured_projects.png) no-repeat;
	height: 37px;
	margin-top: 0;
}

.replaced#h2-clients_love_us {
	background: url(../images/hdr_h2-clients_love_us.png) no-repeat;
	height: 37px;
	margin-top: 0;
}

.replaced#h2-project_inquiry_form {
	background: url(../images/hdr_h2-project_inquiry_form.png) no-repeat;
	height: 25px;
}

.replaced#h2-leave_a_comment {
	background: url(../images/hdr_h2-leave_a_comment.png) no-repeat;
	height: 37px;
	margin-bottom: 1em;
	margin-top: 0;
}

.replaced#h2-comments {
	background: url(../images/hdr_h2-comments.png) no-repeat;
	height: 37px;
	margin-bottom: 1em;
	margin-top: 0;
}

.replaced#h3-owner_and_ceo {
	background: url(../images/hdr_h3-owner_and_ceo.png) no-repeat;
	height: 12px;
}

.replaced#h3-owner_and_web_developer {
	background: url(../images/hdr_h3-owner_and_web_developer.png) no-repeat;
	height: 12px;
}

.replaced#h3-developer {
	background: url(../images/hdr_h3-developer.png) no-repeat;
	height: 12px;
}

.replaced#h3-web_developer {
	background: url(../images/hdr_h3-web_developer.png) no-repeat;
	height: 12px;
}

.replaced#h3-co_founder_and_web_developer {
	background: url(../images/hdr_h3-co_founder_and_web_developer.png) no-repeat;
	height: 12px;
}

.replaced#h3-programmer {
	background: url(../images/hdr_h3-programmer.png) no-repeat;
	height: 12px;
}

.replaced#h3-account_executive {
	background: url(../images/hdr_h3-account_executive.png) no-repeat;
	height: 12px;
}

/* CONTENT: =Sections */

.content .section {
	clear: right;
	display: inline;
	float: left;
	width: 50%;
}

	.content .section h2 {
		margin-bottom: 1em;
	}
	
/* CONTENT: =Section Featured Projects */

#contentFeatured {
	margin-right: 2%;
}

/* CONTENT: =Section Testimonial */

#contentTestimonial {
	background: url(../images/hr-dotted.gif) repeat-x bottom;
	display: inline;
	float: right;
	margin-bottom: 2em;
	width: 48%;
}

/* CONTENT: =Section New Projects */

#contentNewProjects {
	background: url(../images/bg-lightest_red.gif) repeat;
	display: inline;
	float: right;
	padding: 1em 1.5%;
	text-align: center;
	width: 45%;
}

	#contentNewProjects p {
		font-size: 1.3em;
		font-weight: bold;
		margin-bottom: 0;
	}
	
		#contentNewProjects p .highlight {
			color: #f2f2cf;
		}

/* CONTENT: =Pullouts */

.content .pullout {
	display: inline;
	float: right;
	margin: -46px 0 0 23px;
	width: 224px;
}

	.content .pullout .section {
		display: inline;
		float: none;
		margin-bottom: 3em;
		width: 100%;
	}
	
		.content .pullout .section p {
			font-size: 1.2em;
		}
		
		#pulloutRails p {
			font-size: 1.1em;
		}

/* CONTENT: =Pullout Services */

#pulloutServices h2 {
	background: url(../images/txt-we_offer_these_services.png) no-repeat bottom;
	height: 27px;
	margin: 0 0 1em 0;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

/* CONTENT: =Pullout Services Provided */

#pulloutServicesProvided h2 {
	background: url(../images/txt-services_provided.png) no-repeat bottom;
	height: 27px;
	margin: 0 0 1em 0;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

/* CONTENT: =Items */

.content .item {
	margin-bottom: 2em;
}

	.content .item h2 {
		margin-bottom: 0.25em;
	}
	
/* CONTENT: =Quotes */

.quote {
	margin: 0 auto 1px auto;
	width: 416px;
}

	.quote p {
		background: url(../images/bg-big_quote_bottom.gif) no-repeat top;
		color: #d0aaaa;
		font-size: 1.2em;
		padding-top: 42px;
		text-align: right;
		width: 100%;
	}

		.quote p strong {
			color: #dddddd;
			display: block;
		}

	.quote blockquote {
		background: url(../images/bg-big_quote_top.gif) no-repeat top;
		padding: 12px 18px 0 18px;
	}

		.quote blockquote p {
			background: none;
			color: #dddddd;
			margin-bottom: 0;
			padding: 0;
			text-align: left;
		}
	
/* CONTENT: =Blog Items */

.blog .content .item,
.blog .content .detail,
.blog_comments .content .item,
.blog_comments .content .detail {
	padding-left: 190px;
	position: relative;
}

	.blog .content .item h2,
	.blog .content .detail h2,
	.blog_comments .content .item h2,
	.blog_comments .content .detail h2 {
		margin: 1em 0;
	}
	
		.blog .content .item h2 a,
		.blog .content .detail h2 a,
		.blog_comments .content .item h2 a,
		.blog_comments .content .detail h2 a {
			color: #f2f2cf;
		}

	.blog .content .item h3,
	.blog .content .detail h3,
	.blog_comments .content .item h3,
	.blog_comments .content .detail h3 {
		background: url(../images/bg-medium_red.gif) repeat;
		color: #e8cfcf;
		font-size: 1.4em;
		left: 0;
		padding: 0.5em 10px 0.4em 10px;
		position: absolute;
		text-align: center;
		top: -4px;
		width: 154px;
	}
	
	.blog .content .item h4,
	.blog .content .detail h4,
	.blog_comments .content .item h4,
	.blog_comments .content .detail h4 {
		background: url(../images/bg-medium_red.gif) repeat;
		color: #e8cfcf;
		font-size: 1.2em;
		left: 0;
		padding: 0 10px 0.5em 10px;
		position: absolute;
		text-align: center;
		top: 1.8em;
		width: 154px;
	}
	
	.blog .content .item h5,
	.blog .content .detail h5,
	.blog_comments .content .item h5,
	.blog_comments .content .detail h5 {
		background: url(../images/bg-medium_red.gif) repeat;
		color: #e8cfcf;
		font-size: 1.1em;
		font-weight: normal;
		left: 0px;
		padding: 0 10px 0.5em 10px;
		position: absolute;
		text-align: center;
		top: 3.6em;
		width: 154px;
	}
	
	.blog .content .comments .item,
	.blog_comments .content .comments .item {
		min-height: 40px;
	}
	
		.blog .content .comments .item h3,
		.blog .content .comments .item h4,
		.blog_comments .content .comments .item h3,
		.blog_comments .content .comments .item h4 {
			background: url(../images/bg-light_red.gif) repeat;
		}
	
		.blog .content .comments .administrator h3,
		.blog .content .comments .administrator h4,
		.blog_comments .content .comments .administrator h3,
		.blog_comments .content .comments .administrator h4 {
			background: url(../images/bg-medium_red.gif) repeat;
		}
	
		.blog .content .comments .item p,
		.blog_comments .content .comments .item p {
			font-size: 1.2em;
			line-height: 1.6em;
		}
	
/* CONTENT: =Project Detail */

.projects .detail .image {
	margin-bottom: 2em;
	text-align: left;
	width: 674px;
}

	.projects .detail .image img {
		background: url(../images/bg-medium_red.gif) repeat;
		border: none;
		padding: 24px;
	}
	
.projects .detail h2 {
	font-size: 1.6em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
	text-align: center;
	width: 674px;
}

	.projects .detail h2 a {
		color: #f2f2cf;
	}

.projects .detail h3 {
	font-size: 1.2em;
	text-align: center;
	width: 674px;
}

	.projects .detail h3 a {
		font-weight: normal;
	}

.projects .detail .pullout {
	margin-top: 0;
}

/* CONTENT: =RockBand Scores */

.rockBand {
	left: -5000px;
	margin: 0 30px 2em 30px;
	position: absolute;
	width: 613px;
}

	.rockBand th {
		background: url(../images/hr-dotted.gif) repeat-x bottom;
		color: #ffffff;
		font-size: 1.4em;
		font-weight: bold;
		padding: 0.5em;
	}
	
		.rockBand th .band {
			color: #e8cfcf;
			font-size: 0.8em;
			font-weight: normal;
			margin-left: 0.5em;
		}
	
	.rockBand td {
		background: url(../images/hr-dotted.gif) repeat-x bottom;
		padding: 0.5em;
		width: 165px;
	}
	
		.rockBand td .score {
			color: #f2f2cf;
			float: left;
			font-size: 1.4em;
			font-weight: bold;
			line-height: 36px;
			margin-right: 1em;
		}
	
		.rockBand td .guitar {
			background: url(../images/misc-rock_band_guitar.gif) no-repeat;
			display: block;
			float: right;
			height: 36px;
			overflow: hidden;
			text-indent: -5000px;
			width: 97px;
		}
		
		.rockBand td .mic {
			background: url(../images/misc-rock_band_mic.gif) no-repeat;
			display: block;
			float: right;
			height: 36px;
			overflow: hidden;
			text-indent: -5000px;
			width: 97px;
		}
		
		.rockBand td .bass {
			background: url(../images/misc-rock_band_bass.gif) no-repeat;
			display: block;
			float: right;
			height: 36px;
			overflow: hidden;
			text-indent: -5000px;
			width: 97px;
		}
		
		.rockBand td .drums {
			background: url(../images/misc-rock_band_drums.gif) no-repeat;
			display: block;
			float: right;
			height: 36px;
			overflow: hidden;
			text-indent: -5000px;
			width: 97px;
		}
	
/* CONTENT: =Pagination */

.pagination {
	background: url(../images/bg-pagination.gif) no-repeat;
	display: inline;
	float: left;
	height: 33px;
	margin: 2em 0 1em 0;
	padding: 0;
	position: relative;
	width: 100%;
}

	.pagination li {
		background: none;
		margin: 0;
		padding: 0;
	}

		.pagination li a {
			display: block;
			height: 33px;
			overflow: hidden;
			text-indent: -5000px;
		}
	
	.pagination li.previous {
		display: inline;
		float: left;
	}
	
		.pagination li.previous a {
			background: url(../images/txt-previous.gif) no-repeat;
			width: 105px;
		}
		
	.pagination li.all {
		left: 300px;
		position: absolute;
		top: 0;
	}
	
		.pagination li.all a {
			background: url(../images/txt-view_all.gif) no-repeat;
			width: 76px;
		}
		
	.pagination li.next {
		display: inline;
		float: right;
	}
		
		.pagination li.next a {
			background: url(../images/txt-next.gif) no-repeat;
			width: 73px;
		}
		
	.pagination li a:hover {
		background-position: 0 -33px;
	}
	
/* CONTENT: Full-Page Pagination */

.projects .pagination li.all {
	left: 428px;
}
	
/* CONTENT: =Notes */

.note {
	font-size: 1.2em;
	line-height: 1.2em;
	text-align: center;
}
	
/* CONTENT: =Alignment */

.floatLeft {
	display: inline;
	float: left;
	margin: 0 1em 1em 0;
}

.floatRight {
	display: inline;
	float: right;
	margin: 0 0 1em 1em;
}

.center {
	text-align: center;
}

.noMargin {
	margin: 0;
}

/* CONTENT: =Images */

.image,
.thumb {
	margin-bottom: 1em;
	text-align: center;
}

.image a,
.thumb a {
	display: block;
	height: 100%;
	width: 100%;
}

.image img,
.thumb img {
	background: url(../images/bg-medium_red.gif) repeat;
	padding: 6px;
}

.image p,
.thumb p {
	background: url(../images/bg-medium_red.gif) repeat;
	font-size: 1.2em;
	font-weight: bold;
	height: 31px;
	line-height: 31px;
	margin-bottom: 0;
	padding: 0 0.5em;
	text-align: right;
}
	
.noBorder img {
	border: none;
	padding: 0;
}

/* CONTENT: =Galleries */

.gallery .row {
	clear: both;
	height: 143px;
	margin-bottom: 1em;
}

.gallery .image {
	display: inline;
	float: left;
	margin: 0 4px 0 5px;
	width: 224px;
}

	.gallery .image img {
		border: none;
		padding: 0;
	}

/* CONTENT: =More Links */

.more {
	text-align: right;
}

	.more p {
		font-size: 1.1em;
		font-weight: bold;
		text-transform: lowercase;
	}
	
	.more a {
		text-decoration: none;
	}
	
	.more a:hover {
		text-decoration: underline;
	}
	
/* CONTENT: =Back Links */

.back {
	text-align: left;
}

	.back p {
		font-size: 1.1em;
		font-weight: bold;
		text-transform: lowercase;
	}

	.back a {
		text-decoration: none;
	}

	.back a:hover {
		text-decoration: underline;
	}
	
/* CONTENT: =Horizontal Rules */

.hr {
	background: url(../images/hr-dotted.gif) repeat-x;
	clear: both;
	height: 1px;
	margin: 2em 0;
	width: 100%;
}

	.hr hr {
		display: none;
	}

/* =SIDEBAR
----------------------------------------------- */

/* SIDEBAR: =Sections */

.sidebar .section {
	display: inline;
	float: left;
	margin-bottom: 3em;
	width: 100%;
}

/* SIDEBAR: =Quotes */

.sidebar .quote {
	width: 100%;
}

	.sidebar .quote p {
		background: url(../images/bg-quote_bottom.gif) no-repeat top;
	}

	.sidebar .quote blockquote {
		background: url(../images/bg-quote_top.gif) no-repeat top;
		padding-bottom: 6px;
	}
	
	.sidebar .quote blockquote p {
		background: none;
	}

/* SIDEBAR: =Featured Projects */

#sidebarFeaturedProjects h2 {
	height: 51px;
	margin: 0 0 1em 0;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

  #sidebarFeaturedProjects h2.january-2009 {
		background: url(../images/txt-featured_projects_for_january_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.february-2009 {
		background: url(../images/txt-featured_projects_for_february_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.march-2009 {
		background: url(../images/txt-featured_projects_for_march_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.april-2009 {
		background: url(../images/txt-featured_projects_for_april_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.may-2009 {
		background: url(../images/txt-featured_projects_for_may_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.june-2009 {
		background: url(../images/txt-featured_projects_for_june_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.july-2009 {
		background: url(../images/txt-featured_projects_for_july_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.august-2009 {
		background: url(../images/txt-featured_projects_for_august_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.september-2009 {
		background: url(../images/txt-featured_projects_for_september_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.october-2009 {
		background: url(../images/txt-featured_projects_for_october_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.november-2009 {
		background: url(../images/txt-featured_projects_for_november_2009.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.december-2009 {
		background: url(../images/txt-featured_projects_for_december_2009.png) no-repeat bottom;
	}

	#sidebarFeaturedProjects h2.january-2010 {
		background: url(../images/txt-featured_projects_for_january_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.february-2010 {
		background: url(../images/txt-featured_projects_for_february_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.march-2010 {
		background: url(../images/txt-featured_projects_for_march_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.april-2010 {
		background: url(../images/txt-featured_projects_for_april_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.may-2010 {
		background: url(../images/txt-featured_projects_for_may_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.june-2010 {
		background: url(../images/txt-featured_projects_for_june_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.july-2010 {
		background: url(../images/txt-featured_projects_for_july_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.august-2010 {
		background: url(../images/txt-featured_projects_for_august_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.september-2010 {
		background: url(../images/txt-featured_projects_for_september_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.october-2010 {
		background: url(../images/txt-featured_projects_for_october_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.november-2010 {
		background: url(../images/txt-featured_projects_for_november_2010.png) no-repeat bottom;
	}
	
	#sidebarFeaturedProjects h2.december-2010 {
		background: url(../images/txt-featured_projects_for_december_2010.png) no-repeat bottom;
	}
	
/* SIDEBAR: =Contact Form */

#sidebarAustinForm {
	background: url(../images/bg-side_form.gif) no-repeat top;
	display: inline;
	float: left;
	padding: 0;
	overflow: hidden;
	width: 224px;
}

	#sidebarAustinForm .errorExplanation {
		margin: 0 0 8px 0;
		padding: 0;
		width: 200px;
	}
	
		#sidebarAustinForm .errorExplanation h2 {
			background: url(../images/txt-required_fields_missing_sidebar.gif) no-repeat;
			height: 33px;
			width: 200px;
		}

	#sidebarAustinForm form {
		background: url(../images/bg-side_form_bottom.gif) no-repeat bottom;
		float: left;
		margin: 108px 0 0 0;
		padding: 12px 12px 9px 12px;
		width: 200px;
	}
	
		#sidebarAustinForm form label {
			display: block;
			float: none;
			line-height: 24px;
			padding: 0;
			text-align: left;
			width: 200px;
		}
		
		#sidebarAustinForm form input,
		#sidebarAustinForm form textarea {
			display: block;
			float: none;
			*height: 12px;
			width: 186px;
		}
		
		#sidebarAustinForm form select {
			display: block;
			float: none;
		}
		
		#sidebarAustinForm form textarea {
			height: 50px;
		}
		
		#sidebarAustinForm form .textField,
		#sidebarAustinForm form .select,
		#sidebarAustinForm form .textArea,
		#sidebarAustinForm form .submitButton {
			margin-bottom: 0.5em;
			width: 200px;
		}
		
		#sidebarAustinForm form .submitButton {
			margin: 0;
			padding-left: 0;
			padding-right: 0;
			width: 200px;
		}
		
			#sidebarAustinForm form .submitButton button {
				height: 14px;
				width: 130px;
			}
		
				#sidebarAustinForm form .submitButton button span {
					background: url(../images/btn-click_to_submit.gif) no-repeat;
					height: 14px;
					width: 130px;
				}

/* SIDEBAR: =Testimonial */

#sidebarTestimonial h2 {
	background: url(../images/txt-one_of_our_clients_said.png) no-repeat bottom;
	height: 26px;
	margin: 0 0 1em 0;
	overflow: hidden;
	text-indent: -5000px;
	width: 100%;
}

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

/* FOOTER: Paragraphs */

#pageFooter p {
	font-size: 1.2em;
}

/* FOOTER: Lists */

#pageFooter ul {
	padding-left: 0;
}

	#pageFooter li {
		background: none;
		padding: 0;
	}
	
		#pageFooter li.first a {
			color: #f8f8ea;
		}
		
		#pageFooter li.second a {
			color: #e0dfd4;
		}
		
		#pageFooter li.third a {
			color: #babab2;
		}
		
		#pageFooter li.fourth a {
			color: #92928d;
		}
		
		#pageFooter li.fifth a {
			color: #6d6e6c;
		}

/* FOOTER: =Info */

#pageFooter .info {
	background: url(../images/bdr-footer.gif) no-repeat bottom center;
	display: inline;
	float: left;
	margin-bottom: 0;
	padding: 20px 0 0 0;
	width: 100%;
}

/* FOOTER: =Sections */

#pageFooter .info .section {
	display: inline;
	float: left;
}

/* FOOTER: =Blog */

#infoBlog {
	width: 388px;
}

	#infoBlog h2 {
		background: url(../images/txt-from_our_blog.png) no-repeat;
		height: 22px;
		margin-top: 0;
		overflow: hidden;
		text-indent: -5000px;
		width: 100%;
	}
	
	#infoBlog ul {
		margin-bottom: 0;
	}
	
	#infoBlog li {
		font-size: 1.1em;
	}
	
	#infoBlog a {
		color: #f2f2cf;
	}

/* FOOTER: =Connect */

#infoConnect {
	margin: 0 25px;
	width: 130px;
}

	#infoConnect h2 {
		background: url(../images/txt-connect.png) no-repeat;
		height: 22px;
		margin-top: 0;
		overflow: hidden;
		text-indent: -5000px;
		width: 100%;
	}
	
	#infoConnect ul li a {
		display: block;
		height: 24px;
		overflow: hidden;
		text-indent: -5000px;
		width: 100%;
	}
	
	#infoConnect ul li.twitter a {
		background: url(../images/link-twitter.gif) no-repeat;
	}
	
	#infoConnect ul li.facebook a {
		background: url(../images/link-facebook.gif) no-repeat;
	}
	
	#infoConnect ul li.rss a {
		background: url(../images/link-rss_feed.gif) no-repeat;
	}

/* FOOTER: =Contact Info */

#infoContact {
	background: url(../images/hr-dotted_gray.gif) repeat-x bottom;
	height: 80px;
	width: 388px;
}

	#infoContact h2 {
		background: url(../images/txt-contact_info.png) no-repeat;
		height: 22px;
		margin-top: 0;
		overflow: hidden;
		text-indent: -5000px;
		width: 100%;
	}
	
	#infoContact .vcard {
		display: inline;
		float: left;
		height: 40px;
		overflow: hidden;
		text-indent: -5000px;
		width: 194px;
	}
	
		#infoContact .vcard h3,
		#infoContact .vcard p {
			display: none;
		}
	
		#infoContact .vcard#vcardElPaso {
			background: url(../images/vcard-el_paso.png) no-repeat left;
		}
		
		#infoContact .vcard#vcardAustin {
			background: url(../images/vcard-austin.png) no-repeat left;
		}
		
		#infoContact .vcard#vcardTollFree {
			background: url(../images/vcard-toll_free.png) no-repeat left;
		}
	
/* FOOTER: Newsletter */

#infoNewsletter {
	display: inline;
	float: right;
	padding: 1em 0;
	width: 388px;
}

	#infoNewsletter label {
		color: #999999;
		display: block;
		font-size: 1.2em;
		margin-bottom: 0.5em;
		text-align: center;
		width: 100%;
	}
	
	#infoNewsletter input {
		background: #181818;
		border: 1px solid #444444;
		color: #cccccc;
		font-size: 1.2em;
		line-height: 1.2em;
		margin-left: 80px;
		padding: 6px;
		width: 152px;
	}
	
	#infoNewsletter button {
		background: url(../images/btn-subscribe.gif) no-repeat center;
		border: none;
		cursor: pointer;
		height: 24px;
		overflow: hidden;
		text-indent: -5000px;
		width: 85px;
	}
	
/* FOOTER: =Copyright */

#pageFooter .copyright {
	background: url(../images/bul-dot_gray.gif) no-repeat right center;
	bottom: 20px;
	left: 330px;
	padding-right: 8px;
	position: absolute;
}

	#pageFooter .copyright p {
		color: #666666;
		font-size: 1.1em;
		line-height: 1.8em;
		margin-bottom: 0;
	}

/* FOOTER: =Developer */

#pageFooter .developer {
	background: url(../images/logo-id.gif) no-repeat right top;
	bottom: 20px;
	left: 430px;
	padding-right: 24px;
	position: absolute;
}

	#pageFooter .developer p {
		color: #666666;
		font-size: 1.1em;
		line-height: 1.8em;
		margin-bottom: 0;
	}
	
		#pageFooter .developer p a {
			color: #999999;
		}
		
/* =FORMS
----------------------------------------------- */

/* FORMS: =Basic */

form {
	clear: both;
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

/* FORMS: =Labels */

form label,
form .label,
form h3 {
	display: inline;
	float: left;
	margin-right: 2%;
	padding: 6px;
	text-align: right;
	width: 23%;
}

/* FORMS: =Required Fields */

form .required label,
form .required .label {
	font-weight: bold;
}

form .required .option label {
	font-weight: normal;
}

/* FORMS: =Instructions */

form .instructions {
	color: #f2f2cf;
	display: inline;
	float: left;
	font-size: 1.1em;
	margin: 1em 0 0 0;
	padding-left: 27%;
	width: 73%;
}

/* FORMS: =Fieldsets */

form fieldset {
	margin-bottom: 1em;
	padding-top: 2em;
}

	form fieldset legend {
		margin-bottom: 0;
	}

/* FORMS: =Text Fields */

form .textField {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textField input {
		background: #ffffff;
		border: 1px solid #500b0b;
		display: inline;
		float: left;
		padding: 6px;
		width: 68%;
	}

	form .textField input.small {
		width: 15%;
	}

	form .textField input.medium {
		width: 40%;
	}

	form .textField .fieldWithErrors input {
		background: #ffbcbc;
		border: 1px solid #ff0000;
	}

/* FORMS: =Multiple Text Fields */

form .textFields {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textFields .label {
		margin: 0;
		padding: 6px 0;
		text-align: left;
		width: 100%;
	}

/* FORMS: =Text Areas */

form .textArea {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textArea textarea {
		background: #ffffff;
		border: 1px solid #500b0b;
		display: inline;
		float: left;
		height: 75px;
		padding: 6px;
		width: 68%;
	}

	form .textArea .fieldWithErrors textarea {
		background: #ffbcbc;
		border: 1px solid #ff0000;
	}
	
/* FORMS: =Select Fields */

form .selectField {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .textField .fieldWithErrors input {
		background: #ffbcbc;
		border: 1px solid #ff0000;
	}

/* FORMS: =Radio Buttons */

form .radioButtons {
	display: inline;
	float: left;
	margin-bottom: 1em;
	width: 100%;
}

	form .radioButtons .options {
		display: inline;
		float: left;
		width: 70%;
	}

		form .radioButtons .options .option {
			float: left;
			margin-bottom: 1em;
			width: 100%;
		}

			form .radioButtons .option label {
				display: inline;
				float: none;
				line-height: 1em;
				text-align: left;
			}

			form .radioButtons .option input {
				display: inline;
				float: left;
				line-height: 1em;
			}

/* FORMS: =Submit Buttons */

.submitButton {
	display: inline;
	float: left;
	margin-left: 27%;
	padding: 6px;
	text-align: center;
	width: 68%;
}

	.submitButton button {
		background: none;
		border: none;
		cursor: pointer;
		height: 32px;
		width: 100px;
	}

		.submitButton button span {
			background: url(../images/btn-submit.gif) no-repeat;
			display: block;
			height: 32px;
			overflow: hidden;
			text-indent: -5000px;
			width: 100px;
		}
	
	.submitButton button.submit_inquiry {
		width: 160px;
	}
	
		.submitButton button.submit_inquiry span {
			background: url(../images/btn-submit_inquiry.gif) no-repeat;
			width: 160px;
		}

/* FORMS: =Error Explanation */

.errorExplanation {
	background: #ffbcbc;
	margin-bottom: 2em;
	padding: 12px;
}

	.errorExplanation h2 {
		background: url(../images/txt-required_fields_missing.gif) no-repeat center;
		margin: 0;
		overflow: hidden;
		text-indent: -5000px;
		width: 100%;
	}

	.errorExplanation p {
		display: none;
	}

	.errorExplanation ul {
		display: none;
	}