* { 
	margin: 0; 
	padding: 0; 
}

a img { 
	border: 0 ; 
}

body { 
	background-color: #385867;
	font-family: Tahoma, Verdana, Arial, sans-serif;
}

.shadow {
	width: 1144px;
	margin: 0 auto;
	background-color: transparent;
}

#shadow-upper {
	height: 30px;
	background-image: url("/gfx/shadow-upper.png");
}

#shadow-lower {
	height: 85px;
	background-image: url("/gfx/shadow-lower.png");
}

#home #shadow-lower {
	background-image: url("/gfx/shadow-lower-home.png");
}

#shadow-container {
	background: url("/gfx/shadow-tile.png") repeat-y;
	position: relative;
}

#home #shadow-container {
	background: url("/gfx/shadow-tile-home.png") repeat-y;
}

#container {
	width: 1000px;
	min-height: 700px;
	margin: 0 auto;
	position: relative;
	background-repeat: no-repeat;
	background-color: transparent;
}

#home #container {
	min-height: 600px;
}

#main-image {
	width: 1001px;
	height: 198px;
	position: absolute;
	top: -12px;
	left: 0px;
	background-image: url("/gfx/bg-main-2l-1.jpg");
	background-repeat: no-repeat;
}

#home #main-image {
	height: 403px;
	background-image: url("/gfx/bg-main1-home.jpg");
}

#nav-wrapper {
	width: 158px;
	position: absolute;
	top: 45px;
	left: 24px;
}

#nav-shadow-upper {
	height: 13px;
	background: transparent url("/gfx/nav-shadow-upper.png");
}

#nav-shadow-lower {
	height: 16px;
	background: transparent url("/gfx/nav-shadow-lower.png");
}

#nav-shadow-container {
	background: url("/gfx/nav-shadow-tile.png") repeat-y;
	position: relative;
	height: 500px
}

/* BEGIN: NAV STYLES ESSENTIAL FOR DROPDOWN FUNCTIONALITY */
#nav, #nav ul { 
	padding: 0;
	margin: 0;
	list-style: none;
	line-height: 1;
}

#nav a {
	display: block;
	width: 120px;
	padding: 4px 0 4px 4px;
}

#nav li { 
	float: left;
	width: 130px; 
	position: relative;
}

#nav li a {
	position: relative;
}

#nav li ul { 
	position: absolute;
	top: 120px;
	width: 468px;
	left: -999em; 
}

#nav li ul li,
#nav li ul li a {
	width: auto;
}

#nav li:hover ul, #nav li.sfhover ul { 
	left: auto;
}
/* END: NAV STYLES ESSENTIAL FOR DROPDOWN FUNCTIONALITY */


/* VISUAL NAV STYLES */
.navbox { position: relative; }
#navbox1 { background-image: url("/gfx/navbox-bg1.jpg"); z-index: 99; }
#navbox2 { background-image: url("/gfx/navbox-bg2.jpg"); z-index: 98; }
#navbox3 { background-image: url("/gfx/navbox-bg3.jpg"); z-index: 97; }
#navbox4 { background-image: url("/gfx/navbox-bg4.jpg"); z-index: 96; }

#nav {
	list-style: none;
	width: 131px;
	position: absolute;
	top: 0px;
	left: 14px;
}

#nav li {
	height: 125px;	
	background-color: transparent;
	background-repeat: no-repeat;
}

#nav li a {
	margin-top: 100px;
}

#nav li ul li {
	height: 18px;
}

#nav li ul li a {
	margin-top: 0;
}

/* BEGIN: GRAPHIC NAVIGATION STYLES */
#nav a span {
	position: absolute;
	left: -999em;
}

#nav a.level1 {
	background-repeat: no-repeat;
	width: 122px;
	height: 18px;
}

/* REVERSED COLOR SCHEME, THE HOVER COLOR WORKS BETTER IN THE OFF STATE */
#nav a#level1-link1 { background-image: url("/gfx/nav/1-bigidea-off.png"); }
#nav a:hover#level1-link1 { background-image: url("/gfx/nav/1-bigidea-on.png"); }
#nav a#level1-link2 { background-image: url("/gfx/nav/2-cohousing-off.png"); }
#nav a:hover#level1-link2 { background-image: url("/gfx/nav/2-cohousing-on.png"); }
#nav a#level1-link3 { background-image: url("/gfx/nav/3-about-off.png"); }
#nav a:hover#level1-link3 { background-image: url("/gfx/nav/3-about-on.png"); }
#nav a#level1-link4 { background-image: url("/gfx/nav/4-printable-off.png"); }
#nav a:hover#level1-link4 { background-image: url("/gfx/nav/4-printable-on.png"); }

/* ORIGINAL COLOR SCHEME, HARD TO READ THE WHITE GRAPHICS IN THE OFF STATE
#nav a#level1-link1 { background-image: url("/gfx/nav/1-bigidea-on.png"); }
#nav a:hover#level1-link1 { background-image: url("/gfx/nav/1-bigidea-off.png"); }
#nav a#level1-link2 { background-image: url("/gfx/nav/2-cohousing-on.png"); }
#nav a:hover#level1-link2 { background-image: url("/gfx/nav/2-cohousing-off.png"); }
#nav a#level1-link3 { background-image: url("/gfx/nav/3-about-on.png"); }
#nav a:hover#level1-link3 { background-image: url("/gfx/nav/3-about-off.png"); }
#nav a#level1-link4 { background-image: url("/gfx/nav/4-printable-on.png"); }
#nav a:hover#level1-link4 { background-image: url("/gfx/nav/4-printable-off.png"); }
*/

#nav a.level2 {
	background-repeat: no-repeat;
	height: 18px;
	width: auto;
}

#nav li#level2-item-1-1 { width: 99px; }
#nav a#level2-link1-1 { background-image: url("/gfx/nav/1a-how-off.png"); }
#nav a:hover#level2-link1-1 { background-image: url("/gfx/nav/1a-how-on.png"); }

#nav li#level2-item-1-2 { width: 103px; }
#nav a#level2-link1-2 { background-image: url("/gfx/nav/1b-news-off.png"); }
#nav a:hover#level2-link1-2 { background-image: url("/gfx/nav/1b-news-on.png"); }

#nav li#level2-item-1-3 { width: 109px; }
#nav a#level2-link1-3 { background-image: url("/gfx/nav/1c-meet-off.png"); }
#nav a:hover#level2-link1-3 { background-image: url("/gfx/nav/1c-meet-on.png"); }

#nav li#level2-item-1-4 { width: 157px; }
#nav a#level2-link1-4 { background-image: url("/gfx/nav/1d-vision-off.png"); }
#nav a:hover#level2-link1-4 { background-image: url("/gfx/nav/1d-vision-on.png"); }

#nav li#level2-item-3-1 { width: 142px; }
#nav a#level2-link3-1 { background-image: url("/gfx/nav/3a-narrative-off.png"); }
#nav a:hover#level2-link3-1 { background-image: url("/gfx/nav/3a-narrative-on.png"); }
#nav li#level2-item-3-2 { width: 63px; }
#nav a#level2-link3-2 { background-image: url("/gfx/nav/3b-plans-off.png"); }
#nav a:hover#level2-link3-2 { background-image: url("/gfx/nav/3b-plans-on.png"); }
#nav li#level2-item-3-3 { width: 74px; }
#nav a#level2-link3-3 { background-image: url("/gfx/nav/3c-availability-off.png"); }
#nav a:hover#level2-link3-3 { background-image: url("/gfx/nav/3c-availability-on.png"); }
#nav li#level2-item-3-4 { width: 100px; }
#nav a#level2-link3-4 { background-image: url("/gfx/nav/3d-gettinghere-off.png"); }
#nav a:hover#level2-link3-4 { background-image: url("/gfx/nav/3d-gettinghere-on.png"); }
	
/* END: GRAPHIC NAVIGATION STYLES */

/* BEGIN: ORIGINAL HTML NAV TEXT STYLES (DISABLED) */
/*

#nav li#navbox1 ul { width: 360px; }
#nav li#navbox2 ul { width: 200px; }
#nav li#navbox3 ul { width: 390px; }
#nav li#navbox4 ul { width: 200px; }

#nav li a {
	background: transparent url("/gfx/navitem-level1.png") repeat;
	text-transform: uppercase;
	text-decoration: none;
	letter-spacing: -.05em;
	font-size: 8px;
	font-weight: bold;
	white-space: nowrap;
	margin-top: 100px;
}

#nav li a:link { color: #fff; }
#nav li a:visited { color: #fff; }
#nav li a:hover { color: #033; }
#nav li a:active { }

#nav li ul {
	list-style: none;
	background: transparent url("/gfx/navitem-level2.png") repeat;
}

#nav li ul li {
	height: auto;
}

#nav li ul li a {
	background: transparent url("/gfx/navitem-level2.png") repeat;
	background: transparent;
	margin-top: 0;
	float: left;
}

#nav li ul li a:hover { color: #cc9; } 

*/
/* END: ORIGINALLY HTML NAV TEXT STYLES (DISABLED) */

/* END: VISUAL NAV STYLES */

#logo {
	position: absolute;
	top: 35px;
	left: 236px;
}

#points {
	background: transparent url("/gfx/points.png");
	width: 354px;
	height: 101px;
	position: absolute;
	top: 38px;
	left: 635px;
}

#content {
	color: #333;
	padding: 220px 65px 20px 70px;
	margin-left: 200px;
}

#content h1 {
	color: #636;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 15px 0;
}

#content h2 {
	color: #000;
	font-size: 12px;
	font-weight: bold;
	margin-bottom: 2px;
}

#content p {
	font-size: 12px;
	margin: 0 0 15px 0;
}

#content ul {
	font-size: 12px;
	margin: 0 0 15px 35px;
}

#content ul li {
	margin-bottom: 15px;
}

#content dl {
	font-size: 12px;
	margin: 5px 0 0 5px;
}

#content dt {
	font-weight: bold;
	font-size: 12px;
}

#content dd {
	margin-bottom: 15px;
}

#content img.cms-left {
	float: left;
	padding: 10px 10px 10px 0;
}

#content img.cms-right {
	float: right;
	padding: 10px 0 10px 10px;
}

#content a { text-decoration: underline; }
#content a:link { color: #333; }
#content a:visited { color: #333; }
#content a:hover { color: #66f; }
#content a:active { /* empty */ }

#footer {
	position: absolute;
	bottom: -32px;
	right: 0;
	font-size: 11px;
	text-transform: uppercase;
}

#footer ul {
	list-style: none;
	color: #cc3;
}

#footer ul li {
	display: inline;
	padding: 0 5px 0 15px;
	padding-left: 15px;
}

#footer ul li a { 
	text-decoration: none; 
	padding-left: 3px; 
}

#footer ul li a:link { color: #cc3; }
#footer ul li a:visited { color: #cc3; }
#footer ul li a:hover { color: #c96; }
#footer ul li a:active { /* empty */ }

#home #content {
	padding: 410px 35px 10px 0px;
	background-color: transparent;
	margin-left: 0;
}

#home #content p {
	line-height: 22px;
	text-align: center;
	margin-left: 200px;
	margin-bottom: 5px;
}

#home #content p#signature {
	text-align: right;
}

#cta {
	width: 130px;
	position: absolute;
	top: 600px;
	left: 40px;
	color: #333;
	font-size: 12px;
}

#cta span {
	color: #fff;
	font-weight: bold;
	text-transform: uppercase;
}

#cta a { text-decoration: underline; }
#cta a:link { color: #333; }
#cta a:visited { color: #333; }
#cta a:hover { color: #66f; }
#cta a:active { /* empty */ }

#home #cta {
	width: auto;
	position: static;
	text-align: right;
	padding: 0 35px 5px 0;
}

#datestrip {
	position: absolute;
	top: 190px;
	right: 75px;
	font-size: 12px;
	color: #cc6;
}

#datestrip span {
	text-transform: uppercase;
	padding-right: 10px;
}

#about #slots {
	height: 700px;
}

#about .slot {
	width: 300px;
	height: 200px;
	float: left;
	margin: 15px 0 20px 30px;
	line-height: 12px;
}

#about .slot h2 {
	margin: 4px 0 4px 6px;
}

#about .slot a.download {
	color: #636;
	font-size: 12px;
	margin-left: 6px;
	font-style: italic;
}

#related-links #content ul {
	list-style: none;
	margin: 0 0 0 5px;
	padding: 0;
}

#related-links #content ul li {
	margin: 5px 0;
	padding: 0;
}

#related-links .category-wrapper {
	margin-bottom: 20px;
}

.clear {
	clear: both;
}