/* Terrix.com v2.2 stylesheet  ::  created 6 january 2010  ::  updated 6 january 2010  ::  created by www.souldesigngroup.com  ::  copyright Terrix Financial */

* {
	margin:0px;
	padding:0px;
	outline:none;
}

html {height:100%;}

body {
	width:100%;
	height:100%;
	background:url(img/bg-fade.jpg) bottom center repeat-y #C5C5A2;
	font-family:'Georgia', 'Times New Roman', serif, Verdana;
	font-size:11px;
	line-height:1.5em;
	letter-spacing:1.5px;
    color:#777;
	margin:0;
	border:none;
}

.two-column-L {letter-spacing:.5px;}
.two-column-R {letter-spacing:.5px;}

p {margin-bottom:15px;}

#home p {margin-bottom:15px; text-align:justify;}
#who p {margin:10px;}
#recent .three-column p {margin:5px;}
#recent .three-column-mid p {margin:5px;}

h1 {
	font-size:36px;
	line-height:36px;
}

h2 {
	font-size:24px;
	line-height:24px;
}

h3 {
	font-size:16px;
	font-weight:bold;
	line-height:16px;
}

#who h3 {font-style:italic; font-family:Arial, Helvetica, sans-serif;}

#what h3 {font-family:Arial, Helvetica, sans-serif; text-align:center;}

a:link {text-decoration:none; color:#777;}
a:visited {text-decoration:none; color:#777;}
a:hover {text-decoration:none; color:#555;}
a:active {text-decoration:none; border:none; color:#777;}

.clear {clear:both;}
.clear-right {clear:right;}
.clear-left {clear:left;}

img {border:none;}

.bg-img-right {float:right; text-indent:-9999px;}
.bg-img-left {float:left; text-indent:-9999px;}

.divider-lg {width:400px; height:10px; background:url(img/divider-lg.jpg) center no-repeat; margin:15px auto; clear:both;}

.divider-sm {width:150px; height:8px; background:url(img/divider-sm.jpg) center no-repeat; margin:16px auto; clear:both;}

.T {float:left; margin:-4px 0 0 -5px;}

#bg-TF {width:65px; height:50px; background:url(img/logo-tf-small.jpg) no-repeat; margin:25px auto 0 auto; clear:both;}

.top-btn {float:right; margin-top:-30px;}


/********************************************************* CONTENT */
#page {
	width:100%;
	min-width:900px;
	position:absolute;
}

#container {
	width:900px;
	min-width:900px;
	margin:10px auto 150px auto;
	_margin:10px auto -150px auto;
	right:50%;
	z-index:10;
}

#content-top {
	width:100%;
	height:4px;
	background:url(img/content-bg-top.png) no-repeat;
	_background:url(img/content-bg-top.jpg) no-repeat;
	_margin-bottom:-10px;
}

#content-bottom {
	width:100%;
	height:4px;
	background:url(img/content-bg-btm.png) no-repeat;
	_background:url(img/content-bg-btm.jpg) no-repeat;
}

#content-body {
	width:100%;
	background:url(img/content-bg-mid.png) repeat-y;
	_background:url(img/content-bg-mid.jpg) repeat-y;
}

#content-main {
	padding:25px 29px 29px 175px;
	min-height:300px;
	_height:300px;
}

#content-header {
	width:100%;
	margin:25px 0;
	padding:4px 0 2px 0;
	background:url(img/nav-bg.jpg) repeat-y #E4E5BD;
	text-transform:capitalize;
}

#content-header h2 {padding-left:5px;}

#content-header-IE-spacer {width:100%; height:15px; display:none; _display:block;}

.two-column-L {
	width:48%;
	_width:46.25%;
	margin:0 3% 15px 0;
	_margin:0 3% 0 0;
	background-color:#FFD;
	border:1px solid #EEA;
	float:left;
}

.two-column-R {
	width:48%;
	_width:46.25%;
	background-color:#FFD;
	border:1px solid #EEA;
	float:left;
}

#what .two-column-L {_width:47.5%;}
#what .two-column-R {_width:47.5%;}

.two-column-L h3 {padding:10px;}
.two-column-R h3 {padding:10px;}

.two-column-L img {width:80%; margin:0 7.5%; _margin:0 30px; border:8px solid #fff;}
.two-column-R img {width:80%; margin:0 7.5%; _margin:0 30px; border:8px solid #fff;}

.three-column {
	width:31%;
	_width:28%;
	background-color:#FFD;
	border:1px solid #EEA;
	float:left;
}

.three-column-mid {
	width:31%;
	_width:28%;
	margin:0 3% 15px 3%;
	_margin:0 3% 0 3%;
	background-color:#FFD;
	border:1px solid #EEA;
	float:left;
}

#recent .three-column {_width:30.5%;}
#recent .three-column-mid {_width:30.5%;}

.three-column h3 {padding:10px;}
.three-column-mid h3 {padding:10px;}

.three-column img {width:80%; margin:0 7.5%; _margin:0 20px; border:8px solid #fff;}
.three-column-mid img {width:80%; margin:0 7.5%; _margin:0 20px; border:8px solid #fff;}


/********************************************************* LOGO */
#logo {
	width:130px;
	height:300px;
	margin:0 0 0 -430px;
	background:url(img/terrix-display-logo.jpg) no-repeat;
	position:absolute;
	top:14px;
	left:50%;
}

#who #logo {_margin:0 0 0 -431px;}

/********************************************************* CONTACT INFO */
#info {
	width:100px;
	margin:0 0 0 -417px;
	position:absolute;
	top:645px;
	_top:500px;
	left:50%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
	letter-spacing:0px;
	text-align:center;
	background-color:#FFD;
	border:1px solid #FFA;
	
}

#who #info {_margin:0 0 0 -418px;}

/********************************************************* NAVIGATION */
#nav-container {
	width:100%;
	height:14px;
	margin:0 0 0 -30px;
	padding-right:30px;
	background:url(img/nav-bg.jpg) repeat-y #E4E5BD;
	_position:absolute;
}

#nav {float:right; margin:-3px -20px 0 0}

.nav-item {
	padding:2px 10px;
	display:inline;
	font-size:11px;
}

.nav-divider {
	padding:2px 0;
	display:inline;
	font-size:15px;
	color:#BBB;
}

#nav-on {background:url(img/nav-bg-on.jpg) repeat-x; font-weight:bold;}

#nav-on a:hover {background:none;}

.nav-item a:hover {background:url(img/nav-bg-hover.jpg) no-repeat center bottom;}


/********************************************************* HOME */
#home-img {
	width:100%;
	margin:25px 0;
}


/********************************************************* WHAT */
.what-item {padding-bottom:45px; clear:both;}

.what-price {
	width:100px;
	padding-left:10px;
	float:left;
}

.what-name {float:left;}


/********************************************************* RECENT */
#recent .three-column a {font-weight:bold; color:#8B855;}

#recent .three-column-mid a {font-weight:bold; color:#8B855;}

.recent-item {padding:0 25px 5px 25px; clear:both;}

.recent-img-container {width:100%; margin:10px 0; text-align:center;}

.recent-item img {width:500px; padding:2px; border:1px solid #EEA; margin:0 auto;}


/********************************************************* FOOTER */	
#footer {
	width:100%;
	margin:5px 0;
	text-align:center;
	font-size:10px;
	color:#BBB;
}

#footer a {color:#BBB;}


/********************************************************* BACKGROUND FOOTER */
#bg-footer {
	width:100%;
	height:284px;
	position:fixed;
	bottom:0px;
	background:url(img/mtns-full-fade.jpg) bottom center no-repeat;
	z-index:-1;
}

#skyline-left {
	width:350px;
	height:279px;
	position:fixed;
	bottom:0px;
	left:0px;
	background:url(img/denver-skyline-left.png) no-repeat center;
	_background:url(img/denver-skyline-left.gif) no-repeat center;
	_position:relative;
	_float:left;
	_margin-top:5px;
}

#skyline-right {
	width:300px;
	height:284px;
	position:fixed;
	bottom:0px;
	right:0px;
	background:url(img/denver-skyline-right.png) no-repeat center;
	_background:url(img/denver-skyline-right.gif) no-repeat center;
	_position:relative;
	_float:right;
}