@import 'reset.css';
@import 'lightbox.css';
/***** Global Settings *****/
 
html, body 			{
					margin: 5px 0;
					background: #4e0000 url(images/bg-body.gif) repeat 0 0;
					font: 300 9pt/10pt Helvetica, Arial, san-serif;
					color: #c96;
					}

				
a:link, a:visited	{text-decoration: underline;}
a:hover, a:active	{text-decoration: none;}
p, ul, ol
{
	margin-bottom: 1em;
}
p:first-letter	{font-size:140%;}


h1	{font-size: 16pt; margin-bottom: 1em;}
h2	{font-size: 14pt;}
h3	{font-size: 13pt;}
h4	{font-size: 12pt;}
h5	{font-size: 11pt;}
h6	{font-size: 10pt;}

strong {font-weight: bold;}


/* column widths */
.col25	{width:24%;}
.col30	{width:29%;}
.col35	{width:34%;}
.col40	{width:39%;}
.col50	{width:49%;}
.col60	{width:59%;}
.col65	{width:64%;}
.col70	{width:69%;}
.col75	{width:75%;}

.floatleft	{float: left;}
.floatright	{float: right;}
.textleft	{text-align: left; vertical-align: top;}
.textright	{text-align: right; vertical-align: top;}

.cssImage span {display:none; height: 0;}



/***** Layout Settings *****/
#container			{	width:794px; 
						margin: 0 auto;
					}

#page_backdrop		{	overflow: hidden;
						background: #fdebbc url(images/bg-extend.jpg) repeat-y 0 0;
						font: 300 10pt/15pt Georgia, Times, serif;
						color: #401d06;
					}
					
#page_content		{	overflow: hidden;
						margin:0;
						padding: 1em 40px 50px 40px;
						
						background: transparent url(images/bg-bottom.jpg) no-repeat 0 100%;
					}
					
#header				{	background: transparent url(images/bg-header.jpg) no-repeat 0 0;
						height: 125px; position: relative;
					}
						
#hdr_logo a			{	position:absolute; top:13px; left:13px; display:block; height: 115px; width:230px;}	
					
#hdr_artwork		{	height: 126px; margin:0 13px;
						background: transparent url(images/hdr-modelhome.jpg) no-repeat right 12px;
					}


div.colorbox	{background: #7c632b; color:#fdecbe; font-size: 90%;}
div.colorbox span.innertext	{display:block; padding:1em 2em;}
div.colorbox span.photo	{display:block; height:100px; background: transparent url(/images/photobox-mtn.gif) no-repeat 0 0;}
div.colorbox span.photo.mtn	{background-image: url(/images/photobox-mtn.gif);}
div.colorbox span.photo.golf	{background-image: url(/images/photobox-golf.gif);}





					
ul#top_tabs			{	margin: 0; padding: 5px 0;
						list-style: none;
						text-align: right;
						font-size: 8.5pt;
					}
					
ul#top_tabs	li		{	margin: 0; padding: 6px 8px 6px 0;
						display: inline;
						background: transparent url(images/tab-top.gif) no-repeat 100% 0;
					}
ul#top_tabs	li	a	{	margin: 0; line-height: 12px;
						padding: 6px 12px 6px 20px;
						color: #fdecbe;
						background: transparent url(images/tab-top.gif) no-repeat 0 0;
					}										

ul#top_tabs li a:link,
ul#top_tabs li a:visited
					{	text-decoration: none;
						
					}
					
ul#top_tabs li a:hover,
ul#top_tabs li a:active
					{	text-decoration: underline;
					}
					

ul#navlist			{	margin: 0 12px; padding:8px 0 9px 0;
						height: 16px;
						list-style: none outside none;
						text-align: center;
						background: transparent url(images/bg-nav.jpg) no-repeat 0 1px;
						border-bottom: 2px solid #ebc773;
					}

ul#navlist li		{	margin: 0 2px; padding: 6px 0 6px 5px;
						display: inline;
						text-align: center;
						background: transparent url(images/tab-off.jpg) no-repeat 0 0;
					}
					
ul#navlist li a		{	margin: 0; 
						padding: 6px 12px;
						background: transparent url(images/tab-off.jpg) no-repeat 100% 0;
						color: #3f0000;
					}															
ul#navlist li a:link,
ul#navlist li a:visited
					{	
						background: transparent url(images/tab-off.jpg) no-repeat 100% 0;
						text-decoration: none;
					}
ul#navlist li a:hover,
ul#navlist li a:active
					{	text-decoration: underline;
						background: transparent url(images/tab-on.jpg) no-repeat 100% 0;
						
					}
ul#navlist li a.static
					{	
						background: transparent url(images/tab-on.jpg) no-repeat 100% 0;
					}


										
/*										
ul#navlist			{	margin: 1px 12px; padding:0; line-height:33px;
						list-style: none;
						text-align: center;
						background: transparent url(images/bg-nav.jpg) no-repeat 0 0;
						border-bottom: 2px solid #ebc773;
					}

ul#navlist li		{	margin: 0; padding: 8px 0 6px 0; padding-right: 5px;
						display: inline;
						background: transparent url(images/tab-off.jpg) no-repeat 100% 0;
					}
					
ul#navlist li a		{	margin: 0; 
						padding: 8px 15px 7px 20px;
						color: #3f0000;
					}															
ul#navlist li a:link,
ul#navlist li a:visited
					{	
						background: transparent url(images/tab-off.jpg) no-repeat 0 0;
						text-decoration: none;
					}
ul#navlist li a:hover,
ul#navlist li a:active
					{	
						background: transparent url(images/tab-on.jpg) no-repeat 0 0;
						text-decoration: underline;
					}
ul#navlist li a.static
					{	
						background: transparent url(images/tab-on.jpg) no-repeat 0 0;
					}
*/

					
ul.sub_navlist 
					{	margin: 0 12px; padding: 3px 0 9px 0;
						text-align: center;
						font: normal 8.5pt/13pt Helvetica, Arial, san-serif;
						background: transparent url(images/bg-subnav.jpg) no-repeat 0 0;
					}
										
ul.sub_navlist  li
					{	padding: 0 1em;
						display: inline;
						border-left: thin solid #9e5f24;
					}		
ul.sub_navlist  li:first-child
					{
						border-left: none;
					}					
ul.sub_navlist	li a
					{ color:#9e5f24;
					}					
					
ul.sub_navlist	li a:link,
ul.sub_navlist	li a:visited
					{ text-decoration: none;
					}				
ul.sub_navlist	li a:hover,
ul.sub_navlist	li a:active
					{ 	color: #3f0000;
						text-decoration: underline;
					}
									
ul.sub_navlist				{display: none;}
ul.sub_navlist.active		{display: block;}



								
#footer				{
						font-size: 8.5pt;
						margin: 12px;
					}	
#footer	a			{	text-decoration: none; color: #c96;}	
#footer	a:link,
#footer a:visited
					{	text-decoration: none; color: #c96;}
#footer	a:hover,
#footer a:active
					{	text-decoration: underline; color: #fff;}						
									
span.floatleft		{	display: block; float: left;}	
span.floatright		{	display: block; float: right;}	


#page_content a:link,
#page_content a:visited
					{	
						color:#9e5f24;
						text-decoration: underline;
					}
#page_content a:hover,
#page_content a:active
					{	color: #4e0000;
						text-decoration: none;
					}


/*	Styled Graphic Elements */

#home_gallery		{margin: 0 12px; margin-bottom: -1em; height:210px; background: transparent url(../images/home-gallery.jpg) no-repeat 0 0;}

h2.sectionheader	{clear:left; padding: 1em; border-bottom: 1px solid #efd6a2;}


div.linklist p:first-letter	{font-size:100%;}


div.index_item		{	clear:both;
						padding: 1em 0;

					}	
div.detail img,					
div.index_item img		{
						padding:3px; margin-right: 2em;
						border: 2px solid #efd6a2;
						background: #fff;
						
					}
div.index_item h3	{
						padding-bottom:5px; margin-bottom: 5px;
						background: transparent url(images/bg-underline.gif) no-repeat right bottom;
					}
ul.buttonrow		{	margin: 0; padding: 0; padding-top: 6px;
						text-align: left;
						line-height: 24px;
						border-top: thin dotted #e2c785;

					}										
ul.buttonrow li		{	margin: 0; padding: 5px 0; padding-right: 2px;
						text-align: center;
						list-style: none;
						display: inline;
						background: transparent url(images/btn-off.gif) no-repeat right top;
					}
ul.buttonrow li	a	{	margin: 0; padding: 5px 15px;
						text-decoration: none;
						color: #401d06;
					}								
ul.buttonrow li a:link,
ul.buttonrow li a:visited
					{	background: transparent url(images/btn-off.gif) no-repeat left top;
					}
ul.buttonrow li a:hover,
ul.buttonrow li a:active
					{	background: transparent url(images/btn-on.gif) no-repeat left top;
					}																	

div.detail			{	clear: both;
						font-size: 10pt;
					}

div.detail h2 		{	padding:2px 5px; margin-bottom: 1em;
						font-size: 10pt; font-weight: bold;
						text-transform: uppercase;
						background: #f2d492;
					}
div.detail h3 		{	font:bold 9pt Helvetica, Arial, sans-serif;

					}					
div.detail h2 span.note 
					{	padding-left: 1em;
						font:italic normal 9pt/12pt Helvetica, Arial, sans-serif;
						text-transform: lowercase;
						background: #f2d492;
						text-align: right;
					}					
ul.double			{	padding: 0 0 1em 15px;
						overflow: hidden;
						list-style: disc; 
						font:normal 9pt/12pt Helvetica, Arial, sans-serif;
					}
ul.double li		{	float: left;
						width:42%; padding-left: 0; margin-left: 5%
					}
					
					
ul.detail_links		{	
						margin-top: 2px;
						padding:2px 5px; width: 425px;
						font: normal 8.5pt/12pt Helvetica, Arial, san-serif;
						background: #f2d492;
						text-align: right;
						overflow: hidden;
					}
					
ul.detail_links li	{	display: inline;
						padding-left: 5px;
					}
ul.detail_links li a	{	color:inherit;
					}					
li.caption			{width:50%; float: left; text-align: left; font-weight: bold;}


ol.numbered	{margin: 1em ; list-style: decimal inside none; }
ol.numbered li	{margin: .2em 0; padding: 4px 1em; border: 1px solid #9e5f24; text-align: left;}

h1#hdr_affordable	{ height:80px; width:100%; margin:0 0 1em 0; background: transparent url(images/text-affordableluxury.gif) no-repeat 0 0;}
h1#hdr_affordable span	{ display:none;}

ul.homebugs	li {margin-bottom: 10px; padding: 0;}


#imgLuxury {display: block; width:220px; height:90px; background: url(/images/bug-floorplans.gif) no-repeat 0 0;}

#imgBrochure {display: block; width:220px; height:90px; background: url(/images/bug-brochure.gif) no-repeat 0 0;}

#imgEnergy {display: block; width:220px; height:90px; background: url(/images/bug-energystar.gif) no-repeat 0 0;}


fieldset.info
					{
						margin: 1em 0; padding: 1em 2.5em; border: 3px double #d3c589;
					
					}

fieldset.info h2	{	padding-bottom: 1em;}
fieldset.info h6	{	margin-bottom: .5em; text-transform: uppercase; letter-spacing: .1em; border-bottom: 1px dotted #d3c589;}

 					
					
					
/* Form styles */
form fieldset.contact_form 	{ border: 3px double #d3c589; padding: 1em;}
form fieldset.contact_form legend 	{ font-size: 14pt; padding: 0 1em;}
 
form fieldset.contact_form td.textright	{ padding: 0 9px 9px; }
form fieldset.contact_form td label	{ font-weight: bold; font-size: 9pt; color:#7b5629;}
form fieldset.contact_form td label.red	{color:#7a002b;}




fieldset.error	{border: 1px solid #900; margin-bottom:1em; padding: 1em 2em; color: #900; font-weight:600;}
fieldset.error p	{margin:0; padding:0;}
fieldset.error p:first-letter	{font-size:100%;}



.row100 {display:block; width:100%; margin: 3px 0;}
.row100 label {display:block; width:90px; float: left;}
.row100 input  {width:60%;}
.row100 textarea  {width:60%; height:6em;}



.row40 {display:block; width:35%; float: left;}
.row40 label {display:block; width:90px; float: left;}
.rowInline label {margin-right:1em;}

.box100 {padding-left:90px;}
.box100 input{margin-left: -20px; margin-right: 10px;}