/* 
Brad Plantz, Sopris Realty - CSS  
Thin Air Media Solutions - http://www.thinairmediasolutions.com  
Mar 03, 2009 
*/


/* ---- Reset CSS ---- */

html, body, img {
	margin: 0; padding: 0; border: 0; outline: 0;
	font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit;
	vertical-align: baseline;
}
:focus { outline: 0; }

html { overflow-x: auto; overflow-y: auto; }

body { line-height: 1; }
p { margin:0; padding:0; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
em { font-style: italic; }
strong { font-weight: bold; }

.clear:after { content: "."; display: block; height: 0;	font-size: 0; clear: both; visibility: hidden; }
.clear { display: inline-block; }
/* \*/
.clear { display: block; }
/* */ 
.image { display: block; font-size: 0; text-indent: -9999px; outline: none; }



/*  Brad Plantz - Sopris Realty - Glenwood Springs, CO - CSS  */
/*  Layout  */
html { overflow-x: hidden; overflow-y: auto; }

body {
	margin: 0px;
	background: #333 url(../images/bg1.png) 0 0 repeat-x;
	font: 14px "Lucida Grande", Verdana, Arial, Helvetica, sans; 
	text-align:left;
}

#container 		{ width:1000px; margin:0 auto; text-align:left; }
#page-top 		{ height:30px; /*background:url(../images/page-top.png) 0 0 no-repeat;*/ }
#header 		{ height: 220px; background:url(../images/header-bg.jpg) 0 0 repeat-y; padding-left:22px; }
  #banner		{ height:220px; width:958px; background:url(../images/flash-placeholder3.jpg) 0 0 no-repeat; }
    #logo		{ padding: 35px 0 0 50px; }
	#buttons 	{ padding: 10px 0 0 50px; }
#navigation 	{ height:57px; background: url(../images/nav-bg.png) 0 0 no-repeat; width:920px; margin:0 auto; padding:0 40px; }
#carousel		{ width:958px; margin:0 auto; }
#content 		{ background:url(../images/content-bg.png) 0 0 repeat-y; padding:20px 40px; }
#page-bottom    { background:url(../images/page-bottom.png) 0 0 no-repeat; height:17px; }

/*  Styles  */

a:link    { color: #015A2B; font-weight: bold; text-decoration: none; }
a:visited { color: #015A2B; font-weight: bold; text-decoration: none; }
a:hover   { color: #777; font-weight: bold; text-decoration: underline; }
a:active  { color: #015A2B; font-weight: bold; text-decoration: none; }

.mainNav 		  { font-size: 20px; font-weight:normal; line-height:30px; font-family: "Times New Roman", Times, serif; }
a.mainNav:link	  { text-decoration:none; color:#FFF; font-weight:normal; }
a.mainNav:active  { text-decoration:none; color:#FFF; font-weight:normal; }
a.mainNav:visited { text-decoration:none; color:#FFF; font-weight:normal;}
a.mainNav:hover   { text-decoration:none; color:#aaa; font-weight:normal;}

.footer 		  { font-size: 12px; font-weight:normal; color:#000; }
a.footer:link	  { text-decoration:none; color:#015A2B; font-weight:normal; }
a.footer:active   { text-decoration:none; color:#015A2B; font-weight:normal; }
a.footer:visited  { text-decoration:none; color:#015A2B; font-weight:normal;}
a.footer:hover    { text-decoration:underline; color:#eee; font-weight:normal;}

.CompleteSite 		 	{ font-size: 12px; font-weight:normal; color:#000; }
a.CompleteSite:link	  	{ text-decoration:none; color:#666; font-weight:normal; }
a.CompleteSite:active   { text-decoration:none; color:#666; font-weight:normal; }
a.CompleteSite:visited  { text-decoration:none; color:#666; font-weight:normal;}
a.CompleteSite:hover    { text-decoration:underline; color:#eee; font-weight:normal;}

.completesite { font: 14px/22px "Lucida Grande", Verdana, Arial, Helvetica, sans; }
.contact { font-size:14px; }
.list { font-size:14px; }
.pipe { font-size:10px; color:#999; padding:0 10px; }

h1.completesite { margin-top:-1px; font: 28px/34px bold; font-family: "Times New Roman", Times, serif; border-bottom: #333 1px solid; color:#015A2B; }
h2.completesite { margin: 1px 0 10px 0; font: 23px/30px bold; font-family: "Times New Roman", Times, serif; border-bottom: #333 1px solid; vertical-align:top; color:#015A2B; }
h3.completesite { margin: 10px 0 10px 0; font: 22px/32px bold; padding:0; font-family: "Times New Roman", Times, serif; color:#015A2B; }
h4.completesite { margin: 0; font: 16px/18px bold; padding:0; font-family: "Times New Roman", Times, serif; color:#015A2B; }


ul {padding:0; margin:0; }
li {padding:0 0 0 0; margin:0 0 0 20px; border:0; }


/* Buttons - Sprite */
 
a.viewmap:link 			{ background:url(../images/button-sprite.png) -328px -42px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.viewmap:visited 		{ background:url(../images/button-sprite.png) -328px -42px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.viewmap:hover 		{ background:url(../images/button-sprite.png) -598px -42px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.viewmap:active 		{ background:url(../images/button-sprite.png) -58px -42px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.morgagecalculator:link 	{ background:url(../images/button-sprite.png) -328px -142px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.morgagecalculator:visited { background:url(../images/button-sprite.png) -328px -142px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.morgagecalculator:hover 	{ background:url(../images/button-sprite.png) -598px -142px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.morgagecalculator:active 	{ background:url(../images/button-sprite.png) -58px -142px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.virtualtour:link 	  { background:url(../images/button-sprite.png) -328px -232px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.virtualtour:visited { background:url(../images/button-sprite.png) -328px -232px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.virtualtour:hover   { background:url(../images/button-sprite.png) -598px -232px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.virtualtour:active  { background:url(../images/button-sprite.png) -58px -232px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.moreinfo:link 	{ background:url(../images/button-sprite.png) -328px -312px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.moreinfo:visited 	{ background:url(../images/button-sprite.png) -328px -312px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.moreinfo:hover 	{ background:url(../images/button-sprite.png) -598px -312px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.moreinfo:active 	{ background:url(../images/button-sprite.png) -58px -312px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.mlsdetail:link 	{ background:url(../images/button-sprite.png) -328px -392px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.mlsdetail:visited { background:url(../images/button-sprite.png) -328px -392px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.mlsdetail:hover 	{ background:url(../images/button-sprite.png) -598px -392px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.mlsdetail:active 	{ background:url(../images/button-sprite.png) -58px -392px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.lifestylesmap:link 	{ background:url(../images/button-sprite.png) -328px -472px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.lifestylesmap:visited { background:url(../images/button-sprite.png) -328px -472px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.lifestylesmap:hover 	{ background:url(../images/button-sprite.png) -598px -472px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.lifestylesmap:active 	{ background:url(../images/button-sprite.png) -58px -472px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.emailus:link 		{ background:url(../images/button-sprite.png) -328px -562px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.emailus:visited 	{ background:url(../images/button-sprite.png) -328px -562px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.emailus:hover 	{ background:url(../images/button-sprite.png) -598px -562px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.emailus:active 	{ background:url(../images/button-sprite.png) -58px -562px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.requestinfo:link 	  { background:url(../images/button-sprite.png) -328px -652px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.requestinfo:visited { background:url(../images/button-sprite.png) -328px -652px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.requestinfo:hover   { background:url(../images/button-sprite.png) -598px -652px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.requestinfo:active  { background:url(../images/button-sprite.png) -58px -652px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.setupshowing:link    { background:url(../images/button-sprite.png) -328px -742px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.setupshowing:visited { background:url(../images/button-sprite.png) -328px -742px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.setupshowing:hover   { background:url(../images/button-sprite.png) -598px -742px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.setupshowing:active  { background:url(../images/button-sprite.png) -58px -742px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.videoshowcase:link 	{ background:url(../images/button-sprite.png) -328px -822px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.videoshowcase:visited { background:url(../images/button-sprite.png) -328px -822px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.videoshowcase:hover 	{ background:url(../images/button-sprite.png) -598px -822px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.videoshowcase:active 	{ background:url(../images/button-sprite.png) -58px -822px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.viewfloorplan:link   { background:url(../images/button-sprite.png) -328px -902px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.viewfloorplan:visited{ background:url(../images/button-sprite.png) -328px -902px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.viewfloorplan:hover  { background:url(../images/button-sprite.png) -598px -902px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.viewfloorplan:active { background:url(../images/button-sprite.png) -58px -902px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }

a.sendtofriend:link    { background:url(../images/button-sprite.png) -328px -982px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.sendtofriend:visited { background:url(../images/button-sprite.png) -328px -982px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.sendtofriend:hover   { background:url(../images/button-sprite.png) -598px -982px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }
a.sendtofriend:active  { background:url(../images/button-sprite.png) -58px -982px no-repeat; width:224px; height:34px; display:block;text-indent:-9999px; }


/* Image slider */
a.btnAspen 				{ border:none; background: url(../images/slider/Aspen.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnAspen:hover 		{ border:none; background: url(../images/slider/Aspen.jpg) 0 -125px no-repeat; }

a.btnBasalt				{ border:none; background: url(../images/slider/Basalt.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnBasalt:hover 		{ border:none; background: url(../images/slider/Basalt.jpg) 0 -125px no-repeat; }

a.btnCarbondale			{ border:none; background: url(../images/slider/Carbondale.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnCarbondale:hover 	{ border:none; background: url(../images/slider/Carbondale.jpg) 0 -125px no-repeat; }

a.btnGlenwood			{ border:none; background: url(../images/slider/Glenwood.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnGlenwood:hover 	{ border:none; background: url(../images/slider/Glenwood.jpg) 0 -125px no-repeat; }

a.btnNewCastle			{ border:none; background: url(../images/slider/NewCastle.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnNewCastle:hover 	{ border:none; background: url(../images/slider/NewCastle.jpg) 0 -125px no-repeat; }

a.btnParachute			{ border:none; background: url(../images/slider/Parachute.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnParachute:hover 	{ border:none; background: url(../images/slider/Parachute.jpg) 0 -125px no-repeat; }

a.btnRedstone			{ border:none; background: url(../images/slider/Redstone.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnRedstone:hover 	{ border:none; background: url(../images/slider/Redstone.jpg) 0 -125px no-repeat; }

a.btnRifle				{ border:none; background: url(../images/slider/Rifle.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnRifle:hover 		{ border:none; background: url(../images/slider/Rifle.jpg) 0 -125px no-repeat; }

a.btnSilt				{ border:none; background: url(../images/slider/Silt.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnSilt:hover 		{ border:none; background: url(../images/slider/Silt.jpg) 0 -125px no-repeat; }

a.btnSnowmass			{ border:none; background: url(../images/slider/Snowmass.jpg) 0 0 no-repeat; width:188px; height:125px; display:block; }
a.btnSnowmass:hover 	{ border:none; background: url(../images/slider/Snowmass.jpg) 0 -125px no-repeat; }