
/********************************************************
*** Positioning & General Styles */

html, body {
	background-color: #ffd;
	color: #000;
	font-family: Georgia, 'Times New Roman', 'New York', Palatino, Times, serif;
	font-size: 95%;
	padding: 0;
	margin: 0;
	}
body	{
	text-align: center; /* ie quirk */
	}
	
div#iehackwrap	{
	text-align:left; /* override ie center */
	width: 97%;
	margin: 0 auto; /* compliant center */
	max-width: 80em;
	min-width: 800px;
	position: relative;
	}
		
a:link, a:visited	{
	color: #009;
	background-color: #ffd;
	}
	
a:active	{
	color: #a00;
	background-color: #ffd;
	}

a:hover	{
	font-style: italic;
	color: #a00;
	background-color: #ffd;
	}
	
h1, h2, h3, h4, h5, h6	{
	color: #a00;
	background-color: #ffd;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	}

h1	{	
	font-size: 118%;
	padding-bottom: 10px;
	}

h2	{	
	font-size: 108%;
	padding-bottom: 7px;
	}
	
h3	{	
	font-size: 104%;
	padding-bottom: 3px;
	}
	
address	{
	text-align: center;
	}

div#topleft  { float: left;  }
div#topright  {  float: right;  }	
div#topleft div, div#topright div  {  padding-bottom: 1em; font-size: .9em;  }
div#logo  { text-align: center; }

div#body	{ float: left; clear: right; width: 100%; }

div#footer	{ padding: 175px 195px 0; }

/************ choose 1 *************/
/**** extra centered on bottom ****/
/*div#content {
	padding: 0 1ex 0 1ex;
	}
div#extra-content	{
	text-align: center;
	}*/
	
/**** Extra in left column ****/
div#content {
	padding: 0 1ex 0 210px;
	}

div#extra-content	{ 
	width: 195px; 
	margin: 0;
	padding: 0;
	margin-top: 1em; 
	position: absolute;
	top: 261px;
	left: 0px;
	}

#fp-search	{background: #ffd; margin-bottom: 20px; color: black; }
#extra-content h3{margin:0; padding: 0; background: #A00; color: #ffd;}

#slogan	{
	background-color: #ffd;
	color: #a00;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	font-size: 105%;
	padding-bottom: 10px;
	padding-top: 20px;
	}

/* floorplans */
#bottomnav a	{
	padding: 0 15px;
	font-weight: bold;
	font-size: 1.1em;
	text-decoration: none;
	}

#copyright, #counter, #designby, div#designby	{
	text-align: center;
	margin-bottom: 10px;
	}

#designby a, #designby a:visited, #designby a:link, #designby a:active, #designby a:hover	{
	text-decoration: none;
	}	
	
#counter	{
	font-family: Arial, Verdana, Chicago, Helvetica, sans-serif;
	}

#ahem, .hidden	{
	display: none;
	}

#bottomnav	{
	padding-top: 30px;
	padding-bottom: 10px;
	}

#chart, table#chart	{
	text-align: center;
	width: 90%;
	}
	
.header	{
	font-weight: bold;
	font-size: 102%;
	padding-bottom: 5px;
	}

.directions li, ol.directions li	{
	margin-left: 30%;
	}

.difference li, ol.difference li	{
	color: #a00;
	background-color: #ffd;
	font-weight: bold;
	}

ol.difference ul li	{
	color: #000;
	background-color: #ffd;
	font-weight: normal;
	}

ul#our-mission h2	{
	font-weight: bold;
	display: inline;
	font-size: 1em;
	}
ul#our-mission p	{
	display: inline;
	}

.innernav	{
	text-align: center;
	font-size: smaller;
	}

.structure, ul.structure	{
	list-style-type: disc;
	}	
	
.center	{
	text-align: center;
	}

.right	{
	text-align: right;
	}

.sup, sup	{
	font-size: 60%;
	vertical-align: text-top;
	}

.altcolor	{
	color: #000;
	background-color: #ffd;
	}

.accent	{
	color: #a00;
	background-color: #ffd;
	}
	
.fancy	{
	color: #a00;
	background-color: #ffd;
	font-family: Calligraphy, 'Lucida Calligraphy', 'Comic Sans MS', 'Trebuchet MS', Lucida, sans-serif;
	font-weight: bold;
	}		
	
img.link  {
  border: none;
	}	

.inline, img.inline	{
	padding: 2px 0 10px 0;	
	}
	
.em, li.em, div.em {
	background-color: #ffd;
	color: #a00;
	font-weight: bold;
	}

div.em	{
	padding-top: 10px;
	padding-bottom: 10px;
	}	
	
.checklist li, ul.checklist li	{
	list-style-image:	url(../images/checkmark.png);
	}

.long, hr.long	{
	width: 90%;
	}

.inlinelink	{
	padding-left: 40px;
	padding-right: 40px;
	border-style: none;
	}
	
.thumbnail	{
	border-style: none;
	padding: 5px;
	width: 225px;
	text-align: left;
	}

.picture	{
	border-style: none;
	padding-bottom: 15px;
	}

#gallery	{
	text-align: left;
	}
	
.spacer	{
	clear: both;
	}	
	
/********************************************************
*** Tabbed Navigation */

#nav {
	position: relative;
	width: 100%;
	height: 56px;
	padding: 0;
	margin: 3px 0 5px 0;
	}

#main-nav {
	position: absolute;
	top: 0px;
	left: 0px;
	list-style: none;
	margin: 0;
	padding: 0;
	height: 56px;
	display: inline;
	overflow: hidden;
	width: 100%;
	background: #ffd url(../images/tab-bg.gif) top left repeat-x;
	}
	
#main-nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
	}

#main-nav a.tab {
	float: left;
	padding: 36px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:36px; /* for IE5/Win */
	}
	
#main-nav li a:hover,
#main-nav li a:active,
#main-nav li.current a.tab,
body.A #main-nav li.A a.tab,
body.B #main-nav li.B a.tab,
body.C #main-nav li.C a.tab,
body.D #main-nav li.D a.tab,
body.E #main-nav li.E a.tab,
body.F #main-nav li.F a.tab,
body.G #main-nav li.G a.tab,
body.H #main-nav li.H a.tab,
body.I #main-nav li.I a.tab {
	background-position: 0 -36px;
	}
	
#t-home a.tab  {
	width: 80px;
	background: url(../images/home.gif) top left no-repeat;
	}

#t-aboutourhomes a.tab  {
	width: 80px;
	background: url(../images/aboutourhomes.gif) top left no-repeat;
	}	

#t-difference a.tab  {
	width: 80px;
	background: url(../images/distinct_adv.gif) top left no-repeat;
	}	

#t-floorplans a.tab  {
	width: 80px;
	background: url(../images/floorplans.gif) top left no-repeat;
	}	
	
#t-myths a.tab  {
	width: 80px;
	background: url(../images/myths.gif) top left no-repeat;
	}	
	
#t-financing a.tab  {
	width: 80px;
	background: url(../images/financing.gif) top left no-repeat;
	}	
	
#t-delivery a.tab  {
	width: 80px;
	background: url(../images/delivery.gif) top left no-repeat;
	}	
	
#t-aboutgreathomes a.tab  {
	width: 80px;
	background: url(../images/aboutgreathomes.gif) top left no-repeat;
	}	
	
#t-contact a.tab  {
	width: 80px;
	background: url(../images/contact.gif) top left no-repeat;
	}		
	
/********************************************************
*** Sub-section Navigation */

#nav .subnav	{
	display: none;
	width: 90%;
	}

#nav li.current .subnav,
body.A #nav li.A .subnav,
body.B #nav li.B .subnav,
body.C #nav li.C .subnav,
body.D #nav li.D .subnav,
body.E #nav li.E .subnav,
body.F #nav li.F .subnav,
body.G #nav li.G .subnav,
body.H #nav li.H .subnav,
body.I #nav li.I .subnav {
	display: inline;
	position: absolute;
	z-index: 800;
	padding-top: 2px;
	left: 0px;
	top: 36px;
	height: 14px;
	overflow: visible;
	}

#nav li.current .subnav a,
body.A #nav li.A .subnav a,
body.B #nav li.B .subnav a,
body.C #nav li.C .subnav a,
body.D #nav li.D .subnav a,
body.E #nav li.E .subnav a,
body.F #nav li.F .subnav a,
body.G #nav li.G .subnav a,
body.H #nav li.H .subnav a,
body.I #nav li.I .subnav a	{
	background : #ffd;
	border : none;
	border-left : 1px solid #A00;
	color : #A00;
	font-size : .75em;
	font-weight : bold;
	line-height : .8em;
	margin-right : 4px;
	padding : 2px 10px 2px 10px;
	text-decoration : none;
}

#nav li.current .subnav a:hover,
body.A #nav li.A .subnav a:hover,
body.B #nav li.B .subnav a:hover,
body.C #nav li.C .subnav a:hover,
body.D #nav li.D .subnav a:hover,
body.E #nav li.E .subnav a:hover,
body.F #nav li.F .subnav a:hover,
body.G #nav li.G .subnav a:hover,
body.H #nav li.H .subnav a:hover,
body.I #nav li.I .subnav a:hover,
#nav li.current .subnav a:active
body.A #nav li.A .subnav a:active,
body.B #nav li.B .subnav a:active,
body.C #nav li.C .subnav a:active,
body.D #nav li.D .subnav a:active,
body.E #nav li.E .subnav a:active,
body.F #nav li.F .subnav a:active,
body.G #nav li.G .subnav a:active,
body.H #nav li.H .subnav a:active,
body.I #nav li.I .subnav a:active 
{ font-style: italic; }

#nav li.current .subnav a.first
body.A #nav li.A .subnav a.first,
body.B #nav li.B .subnav a.first,
body.C #nav li.C .subnav a.first,
body.D #nav li.D .subnav a.first,
body.E #nav li.E .subnav a.first,
body.F #nav li.F .subnav a.first,
body.G #nav li.G .subnav a.first,
body.H #nav li.H .subnav a.first,
body.I #nav li.I .subnav a.first
{ border-left: 0px; }	
	
/********************************************************
*** Floorplans */

table#fplist	{
	margin: 5px;
	border: 1px solid black;
	width: 90%;
	}

table#fplist tr th	{ text-decoration: underline; }

table#fplist tr.off { background-color: #ddc; }
table#fplist tr.off a {background-color: #ddc; }

table#fplist td	{
	text-align: left;
	padding: 1px 0;
	}

table#fplist td.fpl1, table#fplist th.fpl1	{	width: 20%;	}
table#fplist td.fpl2, table#fplist th.fpl2	{	width: 15%;	}
table#fplist td.fpl3, table#fplist th.fpl3	{	width: 15%;	}
table#fplist td.fpl4, table#fplist th.fpl4	{	width: 20%;	}
table#fplist td.fpl5, table#fplist th.fpl5	{	width: 30%;	}

.pager	{ padding-left: 1ex; }

table#fpbrowse	{
	margin: 5px;
	width: 85%;
	}
	
table#fpbrowse tr	{
	vertical-align: top;
	}	
	
table#fpbrowse td, table#fpbrowse th	{
	text-align: center;
	padding: 1px 0;
	}
	
table#fpbrowse td a	{
	display: block;	
	}
	
/********************************************************
*** Contact Form */	
table#contactform	{
	border: 1px dotted black;
	padding: 2px;
	}
	
table#contactform	tr td	{
	padding-bottom: 5px;
	}

table#contactform	td.label	{
	text-align: left;
	width: 30%;
	}
	
table#contactform	td.input	{
	text-align: left;
	width: 65%;
	}
	
table#contactform	td.submit	{
	text-align: right;
	padding-right: 20px;
	}
	
table#contactform	td.reset	{
	text-align: left;
	padding-left: 20px;
	}
	
a#toplink	{
	display: inline;
	}
	
/********************************************************
*** Loans, Delivery Lists */	
	
ul#loanlist li	{
	padding: 1px 0;
	}

ol#delivery li	{
	padding: 0 0 5px 0;
	list-style-position: inside;
	list-style: none;
	}

ol#delivery li span.listtitle	{
	display: block;
	}

li.plain	{
	list-style: none;
	}

span.listtitle	{
	color: #a00;
	background-color: #ffd;
	font-family: Calligraphy, 'Lucida Calligraphy', 'Comic Sans MS', 'Trebuchet MS', Lucida, sans-serif;
	font-weight: bold;
	font-size: 100%;
	}

/* --- styles for NN4 only ---------- */

/*/*/ /*/
.link	{
	display: block;
	}
	
/* end N4 only */
	
/*
Tab template saved.
Tabs Font: Bitstream Charter Bold, 14px, Hinting, Anti-aliasing, -6 line space
Logo Font: Romedon

-- Replaced Feb 2008 
Button color #840202.  
Button size is 245 x 23.  
Font: Charter, Bold, 18pt, Centered.  
Font color is Hue - 40, Sat - 240, Lum - 226, Red - 255, Green - 255, Blue - 225.

-- June 2004
Button color #AA0000.
*/

