* {
	margin: 0;
	padding: 0;
	}

body {
	margin: 0;
	padding: 0;
	background: url(../img/bg-wood.gif) repeat center #211b15;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #111;
	line-height: 18px;
	}

.left {
	float: left;
	}
.right {
	float: right;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------ ( TOP ) */

.top-con {
	width: 100%;
	height: 38px;
	background: url(../img/bg-nav.png) repeat-x;
	position: relative;
	top: 0;
	z-index: 10;
	}

.top {
	width: 980px;
	height: 38px;
	margin: 0 auto;
	}
.top h1 {
	text-indent: -999px;
	overflow: hidden;
	float: left;
	}
.top h1 a {
	width: 116px;
	height: 43px;
	display: block;
	background: url(../img/bg-logo.png) no-repeat;
	}
.top h1 a:hover {
	background-position: 0 -44px;
	}
.top h1 a:active {
	background-position: 0 -88px;
	}

.top h2 {
	margin: -2px 0 0;
	text-indent: -999px;
	overflow: hidden;
	float: left;
	}
.top h2 a {
	width: 141px;
	height: 28px;
	display: block;
	background: url(http://tamarackcorp.com/img/bg-login.png) no-repeat;
	}
.top h2 a:hover {
	background-position: 0 -32px;
	}
.top h2 a:active {
	background-position: 0 -64px;
	}
	
.top li {
	height: 38px;
	text-indent: -999px;
	overflow: hidden;
	float: left;
	}

/* -------------------------------------------------------------------- ( MENU ) */

li.story a {
	width: 94px;
	height: 38px;
	display: block;
	background: url(../img/bg-menu.png) no-repeat;
	background-position: 0 0;
	}
li.story a:hover {
	background-position: 0 -38px;
	}
li.story a:active {
	background-position: 0 -76px;
	}

li.experience a {
	width: 124px;
	height: 38px;
	display: block;
	background: url(../img/bg-menu.png) no-repeat;
	background-position: -190px 0;
	}
li.experience a:hover {
	background-position: -190px -38px;
	}
li.experience a:active {
	background-position: -190px -76px;
	}

li.portfolio a {
	width: 96px;
	height: 38px;
	display: block;
	background: url(../img/bg-menu.png) no-repeat;
	background-position: -94px 0;
	}
li.portfolio a:hover {
	background-position: -94px -38px;
	}
li.portfolio a:active {
	background-position: -94px -76px;
	}

li.news a {
	width: 65px;
	height: 38px;
	display: block;
	background: url(../img/bg-menu.png) no-repeat;
	background-position: -314px 0;
	}
li.news a:hover {
	background-position: -314px -38px;
	}
li.news a:active {
	background-position: -314px -76px;
	}

li.blog a {
	width: 61px;
	height: 38px;
	display: block;
	background: url(../img/bg-menu.png) no-repeat;
	background-position: -379px 0;
	}
li.blog a:hover {
	background-position: -379px -38px;
	}
li.blog a:active {
	background-position: -379px -76px;
	}

li.contact a {
	width: 87px;
	height: 38px;
	display: block;
	background: url(../img/bg-menu.png) no-repeat;
	background-position: -440px 0;
	}
li.contact a:hover {
	background-position: -440px -38px;
	}
li.contact a:active {
	background-position: -440px -76px;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------ ( FEATURE ) */

.feature-con {
	width: 100%;
	height: 410px;
	padding: 90px 0 0;
	border-bottom: 1px solid #0d0b08;
	}

.feature-con-01 {
	background: url(../img/bg-feature-01.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-02 {
	background: url(../img/bg-feature-02.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-03 {
	background: url(../img/bg-feature-03.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-04 {
	background: url(../img/bg-feature-04.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-05 {
	background: url(../img/bg-feature-05.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-06 {
	background: url(../img/bg-feature-06.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-07 {
	background: url(../img/bg-feature-07.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-08 {
	background: url(../img/bg-feature-08.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-09 {
	background: url(../img/bg-feature-09.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-10 {
	background: url(../img/bg-feature-10.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-11 {
	background: url(../img/bg-feature-11.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-12 {
	background: url(../img/bg-feature-12.jpg) no-repeat top center;
	margin-top:-38px;
	}
.feature-con-13 {
	background: url(../img/bg-feature-13.jpg) no-repeat top center;
	margin-top:-38px;
	}

.feature {
	width: 922px;
	height: 302px;
	margin: 0 auto 0;
	padding: 30px;
	background: url(../img/bg-feature-block.png) no-repeat top center;
	}

.feature-photo {
	width: 500px;
	height: 300px;
	margin: 0 30px 0 0;
	padding: 2px;
	background: url(../img/bg-feature-photo.png) no-repeat top center;
	}

.feature img {
	border: 0;
	}

.feature h1 {
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: normal;
	color: #f6f0e9;
	}

.feature h2 {
	margin: 40px 0 0;
	text-indent: -9999px;
	overflow: hidden;
	}

.feature h2.button-left {
	width: 160px;
	height: 40px;
	background: url(../img/button.gif) no-repeat;
	}
	
.feature h2.button-right a {
	display: block;
	width: 160px;
	height: 40px;
	background: url(../img/button2.gif) no-repeat;
	}

.feature p {
	margin: 5px 0 15px;
	font-size: 13px;
	font-weight: lighter;
	line-height: 20px;
	color: #c9af90;
	}

.feature a {
	text-decoration: none;
	color: #edddca;
	border-bottom: 1px solid #423c37;
	}

.feature a:hover {
	text-decoration: none;
	color: #fff;
	border-bottom: 1px solid #685f57;
	}

.badge {
	margin: 30px 0 0;
	}

.badge img {
	margin: 0 10px 0 0;
	border: 2px solid #1f1c16;
	}

.badge img:hover {
	border: 2px solid #625b4c;
	}

.badge a, .badge a:hover {
	border: 0;
	}

/* -------------------------------------------------------------------- ( FEATURE HOME ) */

.feature-con-home {
	width: 922px;
	height: 302px;
	margin: 0 auto 0;
	padding: 0;
	}

.feature-home {
	width: 482px;
	height: 302px;
	margin: 0 auto 0;
	padding: 30px;
	background: url(../img/bg-feature-block-home.png) no-repeat top left;
	position: relative;
	float: left;
	}

.feature-blog {
	width: 338px;
	height: 82px;
	margin: 0 0 13px 10px;
	padding: 15px;
	background: url(../img/bg-feature-blog.png) no-repeat top left;
	float: left;
	}
.feature-blog h1 {
	margin: 0 0 3px;
	padding: 0 0 3px;
	font-size: 14px;
	font-weight: bold;
	color: #c9af90;
	border-bottom: 1px dotted #3a332b;
	}
.feature-blog p {
	margin: 0 0 6px;
	color: #8d785f;
	line-height: 16px;
	}
.feature-blog a {
	color: #c9af90;
	text-decoration: none;
	border-bottom: 1px solid #3a332b;
	}
.feature-blog a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #635442;
	}

.feature-blog h4 {
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: normal;
	color: #c7a06f;
	background: url(../img/icon-arrow.png) no-repeat top left;
	background-position: 0 2px;
	float: right;
	}
.feature-blog h4 a {
	color: #c7a06f;
	text-decoration: none;
	border: 0;
	}
.feature-blog h4 a:hover {
	color: #e2c39c;
	text-decoration: none;
	border: 0;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------ ( CONTENT ) */

.content {
	width: 982px;
	margin: 0 auto;
	padding: 40px 0 20px;
	position: relative;
	}

.content-single {
	width: 942px;
	height: 161px;
	margin: 0 auto 20px;
	padding: 25px 20px 0 20px;
	background: url(../img/bg-content-single.gif) no-repeat top center;
	}

.content-single-strip {
	width: 769px;
	padding: 25px 20px 0 193px;
	}

.content-single-photo {
	margin: 0 20px 0 0;
	padding: 2px;
	background: url(../img/bg-content-single-photo.png) no-repeat top center;
	}

.content-single img {
	border: 0;
	}

.content-single h1 {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #c4ac93;
	}

.content-single h2 {
	margin: 20px 20px 0 0;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: normal;
	color: #c7a06f;
	background: url(../img/icon-arrow.png) no-repeat top left;
	background-position: 0 2px;
	float: left;
	}
.content-single h2 a {
	color: #c7a06f;
	text-decoration: none;
	border: 0;
	}
.content-single h2 a:hover {
	color: #e2c39c;
	text-decoration: none;
	border: 0;
	}

.content-single h3 {
	margin: 0;
	color: #807060;
	font-size: 11px;
	font-weight: lighter;
	font-style: italic;
	}

.content-single p {
	margin: 15px 0 0;
	font-size: 12px;
	font-weight: lighter;
	line-height: 18px;
	color: #807060;
	}

.content-single a {
	text-decoration: none;
	color: #a69585;
	border-bottom: 1px solid #4f4842;
	}

.content-single a:hover {
	text-decoration: none;
	color: #bfb1a3;
	border-bottom: 1px solid #685f57;
	}

.content-single h1.title {
	height: 20px;
	width: 200px;
	margin: -33px 0 0 -5px;
	text-indent: -999px;
	overflow: hidden;
	}

.content-experience p {
	width: 650px;
	font-size: 13px;
	line-height: 20px;
	float: left;
	}

.experience-video {
	width: 231px;
	height: 130px;
	border: 2px solid #28221d;
	float: right;
	}

.experience-details {
	position: absolute;
	z-index: 20;
	}

/* -------------------------------------------------------------------- ( STRIP ) */

.content-strip {
	width: 145px;
	height: 635px;
	padding: 15px 25px;
	background: url(../img/bg-content-strip.png) no-repeat top center;
	position: absolute;
	top: 0;
	left: 10px;
	color: #c8bb9b;
	}

.content-strip h1 {
	width: 150px;
	margin: 0;
	text-indent: -999px;
	overflow: hidden;
	}

.content-strip li {
	margin: 7px 0 0;
	padding: 0;
	list-style: none;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	}
.content-strip li a {
	color: #c8bb9b;
	text-decoration: none;
	}
.content-strip li a:hover {
	color: #fff;
	text-decoration: none;
	border-bottom: 1px solid #222;
	}

.title-strip {
	position: absolute;
	bottom: 20px;
	left: 25px;
	}

/* -------------------------------------------------------------------- ( SITEMAP ) */

.sitemap h1 {
	margin: 0 20px 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	float: left;
	}

.sitemap h1 a {
	color: #C9AF90;
	text-decoration: none;
	}
.sitemap h1 a:hover {
	color: #fff;
	text-decoration: none;
	}

/* -------------------------------------------------------------------- ( PARTNERS ) */

.two-col {
	height: 300px;
	}

.col {
	width: 440px;
	}

.partners-single {
	margin: 0 0 20px;
	padding: 0 0 0 110px;
	}

.partners-single p {
	font-size: 11px;
	}
	
.partners-single p {
	margin: 6px 0 0;
	line-height: 18px;
	}

.bg-bia {
	background: url(../img/bg-partners-bia.png) no-repeat top left;
	}
.bg-kyne {
	background: url(../img/bg-partners-kyne.png) no-repeat top left;
	}
.bg-energystar {
	background: url(../img/bg-partners-energystar.png) no-repeat top left;
	}
.bg-leed {
	background: url(../img/bg-partners-leed.png) no-repeat top left;
	}
.bg-nahb {
	background: url(../img/bg-partners-nahb.png) no-repeat top left;
	}

.orange-link strong {
	color: #4b4134;
	}

.orange-link a {
	font-size: 14px;
	color: #df9b42;
	text-decoration: none;
	}
.orange-link a:hover {
	color: #f4c07b;
	text-decoration: none;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------ ( BOTTOM ) */

.bottom-con {
	width: 100%;
	height: 344px;
	padding: 40px 0 0;
	background: url(../img/bg-bottom-con.png) repeat-x top center;
	}

.bottom {
	width: 1000px;
	height: 200px;
	margin: 0 auto;
	background: url(../img/bg-bottom.gif) no-repeat top left;
	position: relative;
	}

.bottom h1 {
	width: 245px;
	height: 18px;
	text-indent: -999px;
	overflow: hidden;
	background: url(../img/title-bottom-slide.png) no-repeat top left;
	}

.bottom h2 {
	margin: 5px 0 0;
	float: right;
	text-indent: -999px;
	overflow: hidden;/*
	position: absolute;
	bottom: 0;
	right: 15px;*/
	}

.bottom h2 a {
	display: block;
	height: 19px;
	width: 147px;
	background: url(../img/title-bottom-slide-next.png) no-repeat top left;
	}

/* -------------------------------------------------------------------- ( BOTTOM-SLIDE ) */
	
.bottom .bottom-slide {
	width: 955px;
	height: 161px;
	margin: 18px 0pt 0pt 30px;
	}

.bottom .bottom-slide-photo {
	margin: 0 20px 0 0;
	padding: 2px;
	background: url(../img/bg-content-single-photo.png) no-repeat top center;
	}

.bottom .bottom-slide img {
	border: 0;
	}

.bottom .bottom-slide h3 {
	margin: 0;
	font-size: 16px;
	font-weight: normal;
	color: #a19385;
	}

.bottom .bottom-slide h4 {
	margin: 20px 20px 0 0;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: normal;
	color: #c7a06f;
	background: url(../img/icon-arrow-dark.gif) no-repeat top left;
	background-position: 0 2px;
	float: left;
	}
.bottom .bottom-slide h4 a {
	color: #c7a06f;
	text-decoration: none;
	border: 0;
	}
.bottom .bottom-slide h4 a:hover {
	color: #e2c39c;
	text-decoration: none;
	border: 0;
	}

.bottom .bottom-slide p {
	margin: 10px 0 0;
	font-size: 12px;
	font-weight: lighter;
	line-height: 18px;
	color: #786d63;
	}

.bottom .bottom-slide p a {
	text-decoration: none;
	color: #a69585;
	border-bottom: 1px solid #4f4842;
	}

.bottom .bottom-slide p a:hover {
	text-decoration: none;
	color: #bfb1a3;
	border-bottom: 1px solid #685f57;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------ ( FORMS ) */

/* -------------------------------------------------------------------- ( CONTACT ) */

.contact-form {
	margin: 0 0 0 70px;
	}

.contact-form input, .contact-form textarea {
	margin: 0 0 10px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	color: #372f28;
	border: 2px solid #453727;
	background: url(../img/bg-input.gif) repeat-x top left #fff;
	}
.contact-form input:focus, .contact-form textarea:focus {
	border-color: #5c5034;
	background: #fff;
	}

.contact-form .submit {
	width: 80px;
	margin: 0 0 10px;
	padding: 5px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: center;
	color: #fff;
	border: 2px solid #453727;
	background: url(../img/bg-input-submit.gif) repeat-x top left  #372b1d;
	}
.contact-form .submit:focus {
	background: url(../img/bg-input-submit.gif) repeat-x top left  #372b1d;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------ ( FOOT ) */

.foot {
	width: 942px;
	height: 64px;
	margin: 40px auto 0;
	padding: 20px 20px 40px;
	background: url(../img/bg-foot.png) no-repeat top center;
	}
.foot img {
	border: 0;
	}
.foot p {
	margin: 0 0 10px;
	font-size: 11px;
	color: #5e554c;
	}
.foot strong {
	margin: 0 5px 10px 5px;
	color: #2a2623;
	font-weight: normal;
	}
.foot .left a {
	color: #938170;
	text-decoration: none;
	}
.foot .left a:hover {
	color: #b19d88;
	text-decoration: none;
	border-bottom: 1px solid #24211e;
	}

.foot-partners {
	float: left;
	margin: 0 0 0 20px;
	}

.foot-partners a {
	display: block;
	text-indent: -999px;
	overflow: hidden;
	}

.energystar a {
	height: 36px;
	width: 26px;
	background: url(../img/icon-foot-partners.gif) no-repeat;
	background-position: -96px 0;
	}

.amplitude a {
	height: 36px;
	width: 95px;
	background: url(../img/icon-foot-partners.gif) no-repeat;
	background-position: 0 0;
	}

/* ------------------------------------------------------------------------------------------------------------------------------------ ( TITLES ) */

.feature-title {
	width: 650px;
	height: 19px;
	margin: -38px 0 20px -20px;
	text-indent: -999px;
	}

.title-home {
	background: url(../img/title-home.png) no-repeat top left;
	}
.title-experience {
	background: url(../img/title-experience.png) no-repeat top left;
	}
.title-portfolio {
	background: url(../img/title-portfolio.png) no-repeat top left;
	}
.title-story {
	background: url(../img/title-story.png) no-repeat top left;
	}
.title-news {
	background: url(../img/title-news.png) no-repeat top left;
	}
.title-contact {
	background: url(../img/title-contact.png) no-repeat top left;
	}
.title-sitemap {
	background: url(../img/title-sitemap.png) no-repeat top left;
	}
.title-partners {
	background: url(../img/title-partners.png) no-repeat top left;
	}
.title-design {
	background: url(../img/title-design.png) no-repeat top left;
	}
.title-build {
	background: url(../img/title-build.png) no-repeat top left;
	}
.title-live {
	background: url(../img/title-live.png) no-repeat top left;
	}
.title-featuredinparadeofhomes {
	background: url(../img/title-featuredinparadeofhomes.png) no-repeat top left;
	}
.title-tandemduo {
	background: url(../img/title-tandemduo.png) no-repeat top left;
	}

.title-experience-feature {
	width: 345px;
	height: 270px;
	margin: 0;
	background: url(../img/title-experience-feature.png) no-repeat top left;
	}

.title-sub {
	height: 14px;
	margin: 0 0 20px;
	text-indent: -999px;
	overflow: hidden;
	}

.title-sub a:hover {
	background-position: 0 -14px;
	border: 0;
	}
.title-sub a:active {
	background-position: 0 -28px;
	}
	
.project-blog a {
	width: 300px;
	height: 14px;
	display: block;
	border: 0;
	outline-style: none;
	background: url(../img/title-sub-project-blog.png) no-repeat;
	}
	
.photo-gallery a {
	width: 300px;
	height: 14px;
	display: block;
	border: 0;
	outline-style: none;
	background: url(../img/title-sub-photo-gallery.png) no-repeat;
	}

.title-strip-press {
	background: url(../img/title-strip-press.gif) no-repeat top left;
	}
.title-strip-projects {
	background: url(../img/title-strip-projects.gif) no-repeat top left;
	}