body {
	height: 100%;
	margin: 0;
	padding: 0;
	background: #ff9 url(images/bg_body.gif) no-repeat;
	color: #444;
	font-family: "trebuchet ms", "lucida sans", tahoma, arial, sans-serif;
	font-size: 9pt;
	min-width: 900px;
	}


body#home { 
	text-align: center;
	background: none;
	background-color: #000;
	}
body#home .container {
	margin: 0 auto;
	width: 900px;
	height: 580px;
	text-align: left;
	position: relative;
	border: 1px solid #000;
	background: #ff9 url(images/bg_body_home.gif); 
}
.container {
	height: 100%;
	min-width: 900px;
}
* html .container { height: auto; }
a img {border:none;}

a:link {
	color: #00c;
	text-decoration: underline;
}
a:visited { color: #009; text-decoration: underline; }
a:hover { color:#f93; }
.logo { position: absolute; top: 0; left: 0; z-index: 1; min-width: 426px; }
.logo img {	vertical-align:text-top; }

/* =NAVIGATION LISTS - _menus.js and positioned lists derived from suckerfish dropdowns on alistapart.com, also reference http://www.htmldog.com/articles/suckerfish/dropdowns/ */

#nav { position: relative; top: 47px; left: 150px; z-index: 750; }

#nav { /* margin: 47px 0 0 150px; */ }

* html #nav { position: absolute; /* IE 6 doesn't like relative position for top level list. */ }

#nav, #nav ul { padding: 0; margin: 0; list-style: none; }
 
#nav a { display: block; /* width: 10em; *//* individual widths below, per nav images */ background: url(images/bg_nav.gif) no-repeat left top; }
#nav a:hover { background-position: left bottom; } /* move background for rollover */
#nav ul a { background-image: none; } 
#nav li { float: left; width: 10em; }
#nav li.info { width: 101px; }
#nav li.buy { width: 114px; }
#nav li.build { width: 130px; }
#nav li.photos { width: 87px; }
#nav li.about { width: 92px; }
#nav li ul { position: absolute; width: 10em; left: -999em; z-index: 1000; } 

#nav li:hover ul, #nav li.sfhover ul { left: auto; }

/* =submenus */
#nav ul { background-color: #ff9; border: 2px solid #ff9; margin-top: -3px; padding: 3px 0; }

#home #nav ul { background-color: transparent; border: none; /* remove background and border for home page. Remove if menus get too long. */ }

#nav ul li { font-weight: bold; font-size: 9pt; text-indent: 20px; }
#nav ul li a:link, #nav ul li a:visited { color: #006; text-decoration: none; }
#nav ul li a:hover { color: #f60; text-decoration: none; }

/* margins to make nav list items follow diagonal  */
.info { margin-top: 32px; }
.buy { margin-top: 24px; }
.build { margin-top: 16px; }
.photos { margin-top: 8px; }
.about { margin-top: 2px; }


/* =HOME */

.rightCol {
	position: absolute;
	top: 0;
	left: 728px;
	z-index: 1;
	width: 180px;
	height: 100%;
	/* padding-bottom: 7px; 
	min-height: 324px; */
	background: #f93;
	line-height: 120%;
	vertical-align: top;
}
* html .rightCol { /* make up for lack of min-height support in IE 6 and below. Will expand if content overruns specified height. */
	/* height: 324px; */
}
.rightCol a.alt:link, .rightCol a.alt:visited {
	color:#ff6;
}

.rightCol a:link, .rightCol a:visited, .rightCol a.alt:link, .rightCol a.alt:visited  {
	text-decoration: none;
}
.rightCol a:hover, .rightCol a.alt:hover {
	color:#ff6;
	text-decoration: underline;
}
#interior .rightCol {
	position: static;
}
.spacer { height: 125px; }

.promo {
	position: relative;
	z-index: 500;
	top: 7px;
	left: -15px;
}
.rightCol p { margin: 10px; font-weight: bold; }
.rightCol a span { text-transform: uppercase; }

.contentHome {
	position: absolute;
	top: 0;
	left: 0;
	z-index: 0;
	width: 903px;
	height: 576px;
	background: url(images/bg_ynav.gif) no-repeat;
	color:#339;
}

.heading {
	position: absolute;
	top: 182px;
	left: 253px;
}

#yurtNav { list-style: none; }

.what, .traditional, .fabric, .tapered, .frame { position: absolute; }
.what {
	top:205px;
	left: 87px;
}
.traditional {
	top: 298px;
	left: 181px;
}
.fabric {
	top: 374px;
	left: 301px;
}
.tapered {
	top: 408px;
	left: 439px;
}
.frame {
	top: 408px;
	left: 582px;
}
#whatText, #traditionalText, #fabricText, #taperedText, #frameText { position: absolute; width: 400px; top: 236px; left: -999em; }
.displayed {
	position: absolute;
	left: 285px !important;
}

.sponsors {
	position: absolute;
	top: 419px;
	left: 16px;
	width: 155px;
	background: url(images/bg_sponsors.gif) no-repeat;
}

/* =GENERAL */

.content {
	clear: left;
	position: relative;
	top: 85px;
	margin: 0 50px 0 150px;
	font-size: 10pt;
	line-height: 140%;
}
* html .content  { /* different position value for IE 6 so adjust this height.  */
	/* top: 142px; */
	vertical-align: top;
}
* html .masthead { height: 60px; }
h1, h2, h3 {
	margin: 10px 0 8px 0;
	color: #339; 
	}

h1 {
	margin-top: 0;
	font-size: 15pt;
}
h2 {
	font-size: 14pt;
}
h3 {
	font-size: 13pt;
}
p { margin: 7px 0; }