﻿/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link, :visited
{
	text-decoration: none;
}

/* no list-markers by default, since lists are used more often for semantics */
ul, ol
{
	list-style: none;
}

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1, h2, h3, h4, h5, h6, pre, code
{
	font-size: 1em;
}

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul, ol, li, h1, h2, h3, h4, h5, h6, img, pre, form, body, html, p, blockquote, fieldset, input
{
	margin: 0;
	padding: 0;
}

/* whoever thought blue linked image borders were a good idea? */
a img, :link img, :visited img
{
	border: none;
}

/* de-italicize address */
address
{
	font-style: normal;
}

#mainContent 
{
	color: Black;
}

.clear
{
	clear: both;
}

h1.neighborhood-name
{
	font-size: 20pt; font-family: Garamond, Century, Sans-Serif; font-weight: bold;
	color: #343129
}

/* Print - universal */

/* Floor plans (Homes menu item) */

.floorplanlist_row
{
	margin-left: 30px; margin-right: 20px;
	border: dotted 2px black;
	padding: 0 0px;
	min-height: 175px;
	height: auto !important;
	height: 100%;
	margin-bottom: 15px;
	color: #40657b;
}

.floorplanlist_img
{
	float: left;
	margin: 0px 10px 0px 12px;
	width: 192px;
}
.floorplanlist_data
{
	float: left;
	margin-left: 21px;
	line-height: normal;	
	width: 300px;
}
.floorplanlist_data a{color: #40657b;	text-decoration: underline;}
.floorplanlist_data a:hover{color: white; }
.floorplanlist_data .selected a {color: white;}

.floorplanlist_name
{
	margin-top: 10px;
	font-weight: bold;
}
.floorplanlist_details
{
	margin-top: 20px;
	font-size: 8pt;
	font-weight: bold;
}
.floorplanlist_data table, td, tr
{
	/* border: solid 1px red; */
	margin: 0px;
	padding: 0px;
	vertical-align: top;
}



/* Neighborhood Detail, EW site */

/* div.neighborhood-info { position: relative; width: 690px; margin: 10px 0px 10px 32px } */

div.neighborhood-theater { position: relative; width: 690px; height: 500px; margin: 10px 0px 10px 32px }
	div.neighborhood-content { position: absolute; top: 30px; left: 0px; width: 690px; height: 470px; margin: 0px; padding: 0px }
	div.neighborhood-outline { border: dotted 1px black; z-index: 2; position: absolute; top: 30px; left: 0px; width: 688px; height: 468px; margin: 0px; padding: 0x }

/* Photo Gallery */

.gallery_overview, .gallery_detail, .gallery_overview a, .gallery_detail a
{
	color: #566a6e;
}

.gallery .back a
{
	color: #8bc542;
}

img.required
{
	position: relative;
	top: 4px;
	left: 0px;
}

/* Community top matter on comm/neighborhood */

div#communityContext { height: 130px; margin: 0px; padding: 0px}

div.header_image_d { height: 100px; margin: 0px; padding: 0px}

div.communityContext { width: 562px; height: 250px; position: relative; font-size: 8pt }

img.age_rating { position: absolute; left: 125px; top: 10px }

div.communityContext div.misc_text
{
	position: absolute;
	top: 68px;
	left: 10px;
	color: #333;
	font-size: 6pt;
	width: 240px
}

div.communityContext div.misc_text div 
{
	margin: 0px; padding: 0px
}

div.communityContext div.misc_text div.Address 
{
	margin-bottom: 7px
}

div.model_homes 
{
	position: absolute;
	top: 79px; left: 274px
}

/* Community Theater on community/neighborhood page */
div#communityTheater *
{
	padding: 0px;
	margin: 0px;
}

#upTabs ul, #downTabs ul
{
	list-style: none;
}

#upTabs
{
	overflow: visible;
}

#upTabs ul li, #downTabs ul li
{
	float: left;
}

#upTabs ul li a
{
	display: block;
	padding: 1px 6px 1px 6px; letter-spacing: 2px;
	position: relative;
	top: 6px;
	height: 22px;
	background-color: #718a92;
	color: #ede9d3
}

#upTabs ul li a.active
{
	background-color: #40657b
}

/* End Community Theater */

.neighborhood_links
{
	color: #7d592d;
	position: relative;
	top: 60px;
	left: 16px;
}

.neighborhood_links a
{
	color: #7d592d; text-decoration: underline
}

div#communityTheater div.neighborhood_links ul
{
	margin-top: 10px;
}

.neighborhood_links ul li
{
	display: block
}

div#communityTheater div.driving_directions_content
{
 color: #7d592d;
 background-color: #e8e9e1;
 margin: 0px; padding: 5px 16px 0px 16px;
 width: 514px; height: 238px;
 font-size: 8pt
}

div#communityTheater div#community_map 
{
	width: 546px; height: 258px; margin: 0px; padding: 0px	
}

div#communityTheater div.driving_directions_content div.map_link 
{
	font-weight: bold;
	font-size: 9pt;
	float: right	
}

div#communityTheater div.driving_directions_content div.header 
{
	font-weight: bold;
	font-size: 9pt
}

div#communityTheater div.driving_directions_content p 
{
	clear: both;
	margin-top: 10px
}

/* Floorplan */

.floorplan_content
{
	margin: 57px 0px 0px 60px;
}

.floorplan_details
{
	color: #58595b;
	font-size: 12pt;
	line-height: 16pt;
	height: auto;
	margin-bottom: 10px;
}
.floorplan_details td
{
	padding-right: 20px;
}
.floorplan_details a
{
	color: #58595b;
	text-decoration: underline;
	font-weight: bold;
}

.floorplan_title
{
	font-family: Garamond, Courier, Serif;
	text-transform: uppercase;
	font-size: 18pt;
	font-weight: bold;
	margin-bottom: 5px;
	color: #41a0cf;
}
.floorplan_title a
{
	text-decoration: underline;
	color: #41a0cf;
}

.floorplan_subtitle
{
	font-family: Garamond, Courier, Serif;
	font-size: 14pt;
	color: #41a0cf;
}

/* IE6 */
.floorplan_elevations, .floorplan_floorplans
{
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 60px
}

/* Non-IE6 */
.fp_content > .floorplan_elevations, .fp_content > .floorplan_floorplans
{
	padding: 0px;
	margin: 0px;
	position: relative;
	top: 0px;
	left: 0px
}

.floorplan_elevations
{
	width: 544px;
	height: 329px;
	border: dotted 1px black;
	background-image: url(../images/floorplans_elevations_bg.png);
	background-repeat: no-repeat;
	margin-bottom: 10px;
	margin-top: 5px
}

.floorplan_floorplans
{
	width: 544px;
	height: 404px;
	border: dotted 1px black;
	background-image: url(../images/floorplans_floorplans_bg.png);
	background-repeat: no-repeat;
}

.location_hdr
{
	background-image: url(../images/location_map.png);
	background-repeat: no-repeat;
	width: 548px;
	height: 318px;
}
.location_comm_list
{
	width: 125px;
	color: white;
	font-size: 12px;
	font-weight: bold;
	line-height: normal;
	text-transform: uppercase;
}

.location_comm_list ul
{
	font-size: 8pt;
	font-family: Arial, Sans-Serif;
	font-weight: bold;
	text-transform: uppercase;
	margin: 10px 0px 0px 0px;
}

.location_comm_list li
{
	margin-bottom: 5px;
	margin-top: 5px;
	list-style-image: url(../images/Location_UL_BULLET.png);
	list-style-position: inside;
}

.location_comm_list ul a
{
	color: white;
	text-decoration: underline;
}
.location_comm_list ul a:hover
{
	color: white;
}
.location_comm_list ul .selected a
{
	color: white;
}

/* Parchment background */
.parchment
{
	background: url( '../images/PaperBackground_Middle.jpg' ) 0px 89px repeat-y;
	margin:  0px;
	text-align: left;
	width: 748px;
	padding: 0 0px;
	height: auto !important;
	height: 100%;
	
}
.parchment p
{
	font-size: 12pt;
	font-family: Garamond, Century, Sans-Serif;
	/* color: #334955; */
	margin-bottom: 10px;
}
.parchment h1
{
	font-family: Garamond Century Sans-Serif;
	font-size: 20pt;
	color: #473e2a;
	margin-bottom: 10px;
}
.parchment h2
{
	font-family: Garamond Century Sans-Serif;
	font-size: 15pt;
	font-weight: bold;
	color: #473e2a;
	margin-bottom: 10px;
}

.parchment-start
{
	background: url( '../images/PaperBackground_Top.jpg' ) 0px 0px no-repeat;
	display: block;
	margin:  0px 0px 0px 0px;
	text-align: left;
	padding: 0 0px;
	width: 748px;
	min-height: 89px;
	height: 89px
	
}
.parchment-start h1
{
	color: #d2caa6;
	font-size: 12pt;
	margin: 2px 0px 0px 5px;
}
.parchment-start h1 a
{
	color: #d2caa6;
	text-decoration: underline;
}
.parchment-end
{
	background: url( '../images/PaperBackground_Bottom.jpg' ) 0px 0px no-repeat;
	display: block;
	margin: 0px;
	text-align: left;
	padding: 0 0px;
	width: 748px;
	min-height: 94px;
	height: auto !important;
	height: 100%;
}
.parchment-contents
{
	margin: 0px 20px 0px 20px;
	position: relative; top: -50px
}



/* Builders */

.builder-list { margin: 0px 10px 0px 10px }

.builder-list .builder-row 
{
	position: relative;
	width: 362px; height: 130px; 
	margin: 0px; padding: 0px; float: left; overflow: hidden
}

.builder-list .alt-builder-row
{
	background-color: #dbd2b2
}

.builder-list .builder-row .logo
{
	position: absolute; top: 5px; left: 5px
}

.builder-list .builder-row .copy 
{
	position: absolute; top: 55px; left: 5px
}

.builder-list .builder-row .awesome-link 
{
	position: absolute; bottom: 5px; left: 5px; width: 352px; 
}

.builder-list .builder-row .awesome-link a 
{
	color: #245375; font-size: 14pt; text-decoration: underline;
}

.builder-list .builder-info 
{
border: dotted 1px navy; margin: 0px 30px 20px 30px	
}

.builder-list .builder-info .logo 
{
	margin: 5px	
}

.builder-list .builder-info .copy 
{
	margin: 5px; font-size: 14pt	
}

.builder-list .builder-info .website
{
	margin: 5px
}

.builder-info .website a { font-size: 14pt; font-weight: bold; color:#334955; text-decoration: underline; margin-bottom: 5px; }

/* Neighborhoods */

.floorplan_return 
{
	color: rgb(64, 101, 123); font-size: 14pt; font-family: Garamond, Century, Sans-Serif
}

.neighborhood_hdr
{
	position: relative;
	margin: 10px 10px 5px 10px; 
	padding: 0px 0px 0px 0px; 
	width: 700px;
	color: #473e2a;
}
.neighborhood_hdr a
{
	text-decoration: underline;
}
.neighborhood_hdr .leftcol
{
	color: #473e2a;
	margin: 0px 10px 30px 0px;
	padding: 15px 20px 10px 10px; 
	float: left;
	width: 180px;
	background-image: url(../images/neighborhood/NeighborhoodList_bck.png);
	background-repeat: no-repeat;
	min-height: 314px;
}
.neighborhood_hdr .rightcol
{
	width: 478px;
	float: right;
}
.neighborhood_row2
{
	position: relative;
	margin: 20px; padding: 0px 0px 0px 0px; color: #473e2a;
	width: 682px; 
}
.neighborhood_row2 .leftcol
{
	margin-left: 20px;
	float: left;
	width: 400px;
}
.neighborhood_row2 .rightcol
{
	float: left;
	width: 170px;
	border-left: dotted 0px black;
}
.neighborhood_outline2
{
	position: relative; top: 0px; left: 0px; z-index: 5;	
	border: dotted 1px black;
	width: 680px; 
}

/* 682 pixels wide to underlay border on both sides */
.neighborhood_row2 .neighborhood-name
{	
	z-index: 4;
	width: 662px; border-style: none; margin: 0px; padding: 2px 0px 0px 20px;
	background-color: #9d6b1a; color: #ede9d3;
	font-size: 12pt; letter-spacing: 3px; font-family: Garamond, Century, Sans-Serif; font-weight: bold;
}

.neighborhood_row2 .neighborhood-name a 
{
	color:  #ede9d3;
}

.neighborhood_row2 .floorplans
{
	position: relative; top: 0px; left: 10px
}

.neighborhood_row2 .header_image
{
	font-size: 20pt; font-family: Garamond, Century, Sans-Serif; font-weight: bold; float: none;
}

.neighborhood_row2 .price_range
{
	font-size: 16pt; font-family: Garamond, Century, Sans-Serif
}

.neighborhood_row2 .age_restricted
{
	font-size: 10pt; font-family: Garamond, Century, Sans-Serif; font-weight: bold; width: 400px;
}

.neighborhood_row2 .view-details 
{
	position: relative; top: 0px; left: 10px
}

.neighborhood_row2 a
{
	color: saddlebrown;
}

.neighborhood_row2 div 
{
	float: left
}

.neighborhood_row2 .builders 
{
	border-left: double 3px #566a6e; margin-left: 350px
}

.neighborhood_row2 .builders .builder-row .logo, .neighborhood_row .builders .builder-row .name
{
	width: 180px;
}

.neighborhood_row2 .builder-row, .neighborhood_row .builder-row a 
{
	font-size: 14pt; color: #334955
}

.neighborhood_row2 .builder-row 
{
	margin: 5px;
	margin-bottom: 10px;
	width: 200px;
	padding-left: 10px;
	border-bottom: dotted 2px #334955
}

.neighborhood_row2 .builder-row .logo img { margin-top: 5px;  }

.neighborhood_row2 .actions
{
	margin-top:10px;
	padding-left: 20px;
	margin-right: 20px;
	width: 680px;
}

/* General Copy */
.copy
{
	/* color: #58595b; */
	color: #473e2a;
	font-size: 12pt;
	line-height: 16pt;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 5px 0px;
}
.copy p
{
	color: #473e2a;
}

.copy_highlight
{
	/* color: #0099cc; */
	color: #9d6b1a;
	font-weight: bold;
}
.copy li
{
 list-style-type: disc;
 list-style-position: outside;
 margin-left: 20px;
}
.copy ul
{
	margin-top: 7px;
	margin-left: 20px;
}

.copy a
{
	font-size: 10pt;
	color: Black;
}


	.accordionContent
{
   /* background-color: #D3DEEF;*/
    /*border: 1px dashed #2F4F4F;
    border-top: none;*/
    border:none;
    padding: 5px;
    padding-top: 10px;
}
.accordionDiv
{
    background-color: rgb(168,168,168); 
    font-size: 12px;
    color: white;      
    font-weight: bold; 
    -moz-user-select: none;
    -khtml-user-select: none; 
    cursor: pointer; 
    padding-bottom: 1px;
    margin-bottom: 2px;
    height:14px;
    background-image: url(../images/Master/expand.gif);
    background-repeat: no-repeat;
    background-position: 99% 50%;
}
.accordionHeader
{
     background-image: url(../images/Master/expand.gif);
}
.accordionHeaderSelected
{
         background-image: url(../images/Master/collapse.gif);
}


#promo1
{
	font-family: Garamond, Century, Sans-Serif;
	margin: 0px 10px 0px 50px; 
	width: 612px; 
	color: #473e2a;
}

#promo1 h2
{
	font-size: 14pt;
	color: #709aab;
	margin-bottom: 0px;
	margin-top: 10px;
}

#promo1 p
{
	margin-top: 0px;
	font-weight: bold;
	font-size: 12pt;
}

#promo1 ul
{
	margin-left: 20px;
	padding-left: 20px;
	list-style-position: outside;
	list-style-type: square; 
}
