/** __colors__ */
/*
	brown	- #5e514b	- headings
	grey	- #666		- text
	  light	- #999		- secondary subtle text
	  dark	- #424040	- bold text
	blue	- #0186bc	- headings, nav hover
	orange	- #c35407	- subtle emphasis
	green	- #5e9a07	- links
	red		- #b04b4b	- attribution
*/


/** global */

html { 
	min-height: 100%; 
	overflow-y: scroll;
	min-width: 950px;
}
body {
	height: 100%;
	width: 100%;
	min-width: 950px;
	position: absolute;
	font: 0.75em/1.5em Arial, Helvetica, sans-serif;
	color: #666;
	background: url(/img/header-bg-layer1.png) repeat-x 50% 0;
}
#container {
	min-height:100%;
	_height: 100%;
	position: relative;
	background: url(/img/header-bg-layer2.png) no-repeat 50% 0;
}
#header,#content {
	margin: 0 auto;
	width: 900px;
	position: relative;
}
h1, h2, h3, h4 {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight: normal;
	margin-bottom: .3em;
}
h1 {
	margin-bottom: .7em;
}
p {
	margin-bottom: 1em;
}
a {
	color: #5e9a07;
	text-decoration: none;
}
	a:hover {
		text-decoration: underline;
	}
strong {
	font-weight: bold;
	color: #424040;
}

sup, sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	_vertical-align: bottom;
	position: relative;
	font-size: .8em;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}

blockquote {
	font-style: italic;
}

/** header */

#header {
	height: 160px;
}
	#logo {
		position: absolute;
		top: 95px;
	}
	#nav {
		position: absolute;
		top: 120px;
		right: 0;
	}
		#nav li {
			display: inline;
			margin-left: 39px;
			font-size: 1.17em;
		}
			#nav a {
				color: #5e514b;
				text-decoration: none;
				font-weight: bold;	
			}
				#nav a:hover, #nav li.selected a {
					color: #0186bc;
				}

/** footer */
#footer {
	background: #44403a;
	color: #e3e3e3;
	position: absolute;
	bottom: 0;
	left: 0;
	width: 100%;
	height: 48px;
	padding-top: 10px;
}
	#footer .inner {
		width: 900px;
		margin: 0 auto;
	}
		#footer ul {
			float: left;
		}
			#footer ul li {
				float: left;
				display: inline;
			}
				#footer ul li a {
					color: #e3e3e3;
					font-weight: bold;
					text-decoration: none;
					border-bottom: 1px dotted #e3e3e3;
				}
					#footer ul li a:hover {
						color: #0186bc;
						border-color: #0186bc;
					}
				#footer ul li span {
					margin: 0 1ex;
				}
		#footer .inner div {
			float: right;
			text-align: right;
		}
			#footer .inner div span {
				display: block;
				font-size: 0.85em
			}

/** content */
#content {
	padding: 30px 0 80px 0;
	*zoom: 1;
}
#content:after {
	content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}

	#main-section {
		float: left;
		width: 570px;
		padding-right: 19px;
		border-right: 1px solid #e3e3e3;
	}
		#main-section h1 {
			font: 1.67em Helvetica, Arial, sans-serif;
			color: #5f514b;
		}
		#main-section h2 {
			font-size: 1.5em;
			color: #0186bc;
		}
		#main-section ul {
			list-style-type: square;
			margin-bottom: 1em;
			padding-left: 3em;
		}
	#sub-section {
		float: right;
		width: 291px;
		padding-left: 19px;
		border-left: 1px solid #e3e3e3;
		margin-left: -1px;
	}
		#sub-section h2 {
			font: 1.67em Helvetica, Arial, sans-serif;
			color: #5f514b;
		}
		#sub-section h2.alt {
			font: 1.50em Georgia, "Times New Roman", Times, serif;
			color: #0186bc;
		}
		#sub-section h3 {
			font-size: 1.17em;
			color: #0186bc;
		}
		#sub-section .section {
			border-top: 1px solid #e3e3e3;
			padding-top: 18px;
			margin-top: 18px;
		}
			#sub-section .first {
				border: 0;
				margin-top: 0;
				padding-top: 0;
			}
		
	h1.replace, h2.replace {
		height: 21px;
		background-repeat: no-repeat;
		background-position: 0 0;
		margin-bottom: 0.7em;
	}
		h1.replace span, h2.replace span {
			position: absolute;
			left: -4000px;
		}
	h1.services-offered {
		background-image: url(/img/headings/services-offered.png);
		width: 152px;
	}
	h1.about-tempered-vision {
		background-image: url(/img/headings/about-tempered-vision.png);
		width: 213px;
	}
	h1.case-study {
		background-image: url(/img/headings/case-study.png);
		width: 107px;
	}
	h1.contact-tempered-vision {
		background-image: url(/img/headings/contact-tempered-vision.png);
		width: 231px;
	}
	h1.latest-blog-entries {
		background-image: url(/img/headings/latest-blog-entries.png);
		width: 174px;
	}
	h1.portfolio {
		background-image: url(/img/headings/portfolio.png);
		width: 77px;
	}
	h1.sitemap {
		background-image: url(/img/headings/sitemap.png);
		width: 76px;
	}
	h1.terms {
		background-image: url(/img/headings/terms.png);
		width: 180px;
	}
	h1.privacy {
		background-image: url(/img/headings/privacy.png);
		width: 130px;
	}
	h2.news-events {
		background-image: url(/img/headings/news-events.png);
		width: 137px;
	}
	h2.our-clients {
		background-image: url(/img/headings/our-clients.png);
		width: 103px;
	}
	h2.project-highlights {
		background-image: url(/img/headings/project-highlights.png);
		width: 163px;
	}
	h2.get-in-touch {
		background-image: url(/img/headings/get-in-touch.png);
		width: 115px;
	}
	
	#services-list {
		margin-top: 1.5em;
	}
		#services-list dt {
			font: 1.33em Georgia, "Times New Roman", Times, serif;
			color: #0186bc;
			margin-bottom: 4px;
			background: url(/img/services-tick.gif) no-repeat 0 50%;
			padding-left: 29px;
		}
		#services-list dd {
			margin-bottom: 14px;
			margin-left: 29px;		
		}

div.error {

	color: red;
}
	div.error a {
		color: red;
		text-decoration: underline;
	}
		div.error a:hover {
			color: #666;
		}

/** general */

.contact-summary li {
	padding-left: 24px;
	_zoom: 1;
}
	.contact-summary li.fn { 
		display: none;
	}
	.contact-summary li.tel {
		background: url(/img/icons/tel.gif) no-repeat 0 50%;
	}
	.contact-summary li.email {
		background: url(/img/icons/email.gif) no-repeat 0 50%;
	}
	.contact-summary li a {
		color: #666;
		text-decoration: none;
		border-bottom: 1px dotted #666;
	}
		.contact-summary li a:hover {
			color: #424040;
			text-decoration: none;
			border-bottom: 1px dotted #424040;
		}

/** contact */
.contact-spaced {
	margin: 1.2em 0;
}

/** home page */
h1.teaser, p.teaser {
	width: 764px;
	margin: 0 auto;
	font: 1.50em/1.39em Arial, Helvetica, sans-serif;
	color: #0186bc;
}
p.teaser {
	margin-top: .6em;
	color: #666;
}
	h1.teaser strong, p.teaser strong {
		font-weight: bold;
		color: #0186bc;
	}
	p.teaser strong {
		color: #666;
	}
	
#features {
	background: #e9e9e9;
	margin: 27px 0 30px 0;
	position: relative;
	_height: 228px;
}
#features:after {
	content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
	#feature-list {
		padding-left: 68px;
		padding-right: 68px;
		height: 228px;
	}
	.features-js #feature-list {
		width: 764px;
		position: relative;
		height: 100%;
		overflow: hidden;
		padding: 0;
		margin-left: 68px;
		margin-right: 68px;
		height: 228px;
	}

		.features-js #feature-belt {
			position: absolute;
			left: 0;
		}
			#features .feature {
				padding: 12px 0;
				*zoom: 1;
				width: 764px;
			}
			.features-js #feature-belt .feature {
				position: absolute;
				top: 0;
			}
			#feature-belt .feature:after {
				content: '.'; clear: both; height: 0; display: block; visibility: hidden;
			}
			#feature-belt .text {
				margin-top: 2px;
				float: left;
				display: inline;
				width: 446px;
			}
				#feature-belt h2 {
					color: #0186bc;
					font-size: 2.67em;
					line-height: 1em;
				}
					#feature-belt h2 a {
						color: #0186bc;
					}
				#feature-belt p {
					font-size: 1.25em;
					line-height: 1.35em;
					border: 1px solid #c9c9c9;
					border-left: 0;
					border-right: 0;
					padding: 14px 0;
					margin: 7px 0 13px;
				}
				#feature-belt .text li {
					float: left;
					display: inline;
					margin-right: 15px;
				}
					#feature-belt .text li a {
						display: block;
						height: 31px;
						width: 106px;
						background: url(/img/feature-links.png) no-repeat 0 0;
					}
					#feature-belt .text li.proj a {
						background-position: -106px 0;
					}
						#feature-belt .text li a:hover {
							background-position: 0 -31px;
						}
						#feature-belt .text li.proj a:hover {
							background-position: -106px -31px;
						}
						#feature-belt .text li a span {
							position: absolute;
							left: -4000px;
						}
			#feature-belt .image {
				float: right;
				display: inline;
				border: 1px solid #c9c9c9;
				background: #f2f2f2;
				padding: 7px;
			}
				#feature-belt .image img {
					width: 277px;
					height: 183px;
				}
	#features .nav {
		display: none;
	}
	.features-js .nav {
		display: block !important;
	}
	#features .nav li {
		position: absolute;
		top: 50%;
		left: 17px;
		height: 43px;
	}
	#features .nav li.next {
		right: 17px;
		left: auto;
	}
		#features .nav li a, #features .nav li span { 
			position: relative;
			margin-top: -21px;
			background: url(/img/feature-nav.png) no-repeat 0 0;
			height: 43px;
			width: 24px;
			display: block;
		}
			#features .nav li a:hover {
				background-position: -24px 0;
			}
		#features .nav li.next a {
			background-position: 0 -43px;
		}
			#features .nav li.next a:hover {
				background-position: -24px -43px;
			}
		#features .nav li span.none {
			background-position: -48px 0;
		}
		#features .nav li.next span.none {
			background-position: -48px -43px;
		}
			#features .nav li a span, #features .nav li span.none span {
				position: absolute;
				left: -4000px;
			}
#columns {
	*zoom: 1;
}
#columns:after {
	content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
	#columns .column {
		float: left;
		width: 278px;
		padding: 0 16px;
	}
	#columns .column1 {
		padding-left: 0;
		border-right: 1px solid #e3e3e3;
	}
	#columns .column2 {
		border: 1px solid #e3e3e3;
		border-top: 0;
		border-bottom: 0;
		margin-left: -1px;
	}
	#columns .column3 {
		border-left: 1px solid #e3e3e3;
		padding-right: 0;
		margin-left: -1px;
	}
	#columns h2 {
		font-size: 1.5em;
		color: #0186bc;
	}
	#columns h3 {
		font-size: 1.17em;
		color: #0186bc;
	}
		#columns h3 a {
			color: #0186bc;
		}
	#columns p {
		margin-bottom: 1em;
	}
	#columns .contact-summary {
		margin-left: 19px;
	}
	#columns .date {
		color: #c35407;
		font-size: 0.92em;
		margin-bottom: .3em;
		text-transform: uppercase;
	}

/** portfolio */
.col-set {
	*zoom: 1;
	margin-left: -30px;
	margin-top: 30px;
}
.col-set:after {
	content: '.'; clear: both; height: 0; display: block; visibility: hidden;
}
	.col-set .col {
		width: 270px;
		float: left;
		margin-left: 30px;
		display: inline;
	}
	.col-set h2 a {
		color: #0186bc;
	}
.col-set-first {
	margin-top: 0;
}
.teaser-image, .article-image {
	background: #f2f2f2;
	padding: 7px;
	margin-bottom: 12px;
}
	.teaser-image img {
		display: block;
		width: 256px;
		height: 66px;
	}
	.article-image img {
		display: block;
		width: 556px;
		height: 250px;
	}
.portfolio-url {
	margin: .64em 0 1em 0;
}
	.portfolio-url a {
		font-size: 0.92em;
		color: #c35407;
		text-transform: uppercase;
	}

/** form */
form label {
	display: block;
	color: #5f514b;
	margin-top: 15px;
}
form label.first {
	margin-top: 0;
}
	form label span {
		margin-left: 1ex;
		color: #777;
		font-size: 0.92em;
	}
form input.text {
	width: 190px;
}
form textarea {
	width: 350px;
	height: 8em;	
}
form p.note {
	width: 430px;
	font-size: 0.92em;
	line-height: 1.5em;
	color: #c35407;
	margin: 8px 0 10px 0;
}
form span.error {
	margin-top: 3px;
	background: url(/img/error.png) no-repeat 0 50%;
	padding-left: 20px;
	display: block;
	_zoom: 1;
	color: red;
}

/** sitemap */
ul#sitemap {
	font-size: 1.17em;
	list-style: none;
	padding: 0;
}
	ul#sitemap ul {
		list-style-type: none;
		margin-bottom: 0;
	}
	ul#sitemap li {
		margin: .4em 0;
	}
/** error page */
#error h1 {
	font-size: 1.67em;
	color: #5f514b;
}

#error h2 {
	font-size: 1.5em;
	margin-bottom: .6em;
	color: #0186bc;
}
#error ul {
	list-style-type: square;
	margin-bottom: 1em;
	padding-left: 3em;
}