/* CSS Document - 2006.02.14 - firebelly design corp.: k.brugman */
/* beige: #E1D9C7; brown: #534640;  */
/* beige footer text: #C7B299; l.brown text: #988675; espresso text: #403730; */


	body, html {
		background: #FFFFFF;
		color: #988675;
		font-family: verdana, helvetica, sans-serif;
		font-size: 11px;
		margin: 0px;
		padding: 5px;
		}
		
	A			{ color: #988675; text-decoration: underline; }
	A:link		{ color: #988675; text-decoration: underline; }
	A:visited	{ color: #988675; text-decoration: underline; }
	A:hover		{ color: #403730; text-decoration: underline; }
	A:active	{ color: #403730; text-decoration: underline; }
	
	
	img { border:none; display:block; }
	img.border { border: 1px solid #E1D9C7; }
	
	a.magnify { width:16px; display:block; margin: -10px 0px -10px 283px; }
	a.popup { width:300px; display:block; }
	a.popup img.border:hover, a.popup img.border:active { border: 1px solid #988675; }
	
	
/* TEXT TAGS */

	p, li, td {
		background: transparent;
		color: #988675;
		font-family: Verdana, helvetica, sans-serif;
		font-size: 11px;
		font-weight:normal;
		text-decoration:none;
		text-transform:none;
		line-height: 1.25;
		padding: 0px;
		margin: 0px 0px 1.5em 0px;
		}
		
	h1, h2, h3, h4, h5, h6 {
		background: transparent;
		color: #403730;
		font-family: Verdana, helvetica, sans-serif;
		line-height: 1.75;
		padding: 0px;
		margin: 0px 0px .5em 0px;
		}
		
	h1, h2, h5 {
		font-size: 12px;
		font-weight:bold;
		}
		
	h2 {
		text-transform: lowercase;
		font-weight:bold;
		}
		
	h3 {
		color: #988675;
		font-family: trade gothic, arial, sans-serif;
		font-size: 13px;
		font-weight:normal;
		}
		
	h3 a, h3 a:link, h3 a:visited { color: #988675; text-decoration:none; }	
	h3 a:hover, h3 a:active  { color: #988675; text-decoration:underline; }
		
	.noweight { font-weight:normal; }
	.bc { color: #988675; }
	.smallbold { font-weight:bold; font-size: 10px; }
	.name { color: #6E5F51; }
		
/* FORMATTING TAGS */

	#container {
		width: 698px;
		padding: 0px;
		margin: 0px;
		}
		
	#header {
		position: relative;
		width: 100%;
		background: #E1D9C7;
		height: 45px;
		}
		
	#header img {
		position: absolute;
		top: 0px;
		right:0px;
		}
		
	#header a img { left:0px; }
		
	
	#wrapper {
		background: transparent url(../images/bracket_r.gif) right bottom no-repeat;
		clear:both;
		margin: 0px 0px 10px 0px;
		padding: 10px 10px 1px 0px;
		}
		
	*html #wrapper {
		/* \*/
		margin-top: -10px;
		/* */
		}
		
	.left {
		background: transparent;
		width:159px;
		float:left;
		margin: 0px;
		padding:0px;
		}
		
	*html .left {
		float:none;
		position: absolute;
		/* \*/
		float: left;
		/* */
		}
		
	.content {
		background: transparent url(../images/bracket_l.gif) left top no-repeat;
		width:505px;
		margin: 0px 0px 0px 169px;
		padding:10px 0px 0px 10px;
		}
		
	*html .content {
		/* \*/
		position:relative;
		/* */
		}
		
	.content img { margin: 0px 0px 1.5em 0px; } /* to match paragraphs */
	
	*html .content {
		/* \*/
		width:528px;
		w\idth:505px;
		/* */
		}
		
	.right {
		float:right;
		position: relative;
		top: 0px;
		right: -7px; /* compensate for .content padding */
		background: transparent;
		margin: 0px 0px 0px 10px;
		padding:0px;
		width: 174px;
		}
		
	*html .right {
		width: 180px;
		/* \*/
		float:none;
		position: absolute;
		top: 3.3em;
		right: 7px;
		ri\ght: -6px;
		/* */
		}
		
	.right img.shspace { margin: 0px 0px 11px 0px; }
	
	.right table a img {
		margin: -1px 0px 6px 4px;
		border: 1px solid #E1D9C7;
		}
		
	*html .right table a img {
		/* \*/
		margin: 0px 0px 6px 4px;
		/* */
		}
		
	.right table a img:hover, .right table a img:active { border: 1px solid #988675; }
	.right table a img.on { border: 1px solid #403730; }
		
	/* press page */
	table.spaced td img { margin-right: 13px; border: 1px solid #E1D9C7; }
	table.spaced td img:hover { border: 1px solid #988675; }
		
		
/* FOOTER TAGS */

	#footer {
		background: transparent url(../images/usgbc_logo.jpg) 0px 7px no-repeat;
		position: relative;
		height: 72px;
		margin-top: 10px;
		padding: 8px 0px 8px 72px;
		border-top: 1px solid #988675;
		clear:both;
		}
		
	#footer p {
		color: #C7B299;
		font-size: 10px;
		float: left;
		margin:0px;
		}
	
	#footer p.fb {
		float: none;
		text-align:right;
		/*margin-left: 441px;*/
		}
		
	#footer a { text-decoration:none; color: #988675; }
	#footer a:hover, #footer a:active { text-decoration:underline; color: #988675; }
	

/* INDEX TAGS - see #nav2 tag in NAV2 */

	.index #wrapper { padding: 10px 10px 0px 0px; }
	
	*html .index #wrapper { /* \*/ background-image:none; /* */ }
	
	#patternwrap {
		padding: 10px 0px 0px 0px;
		margin: 10px 0px 0px 0px;
		border-top: 1px solid #988675;
		}
		
	#pattern {
		background: transparent url(../images/pattern1.gif) top left;
		clear:both;
		padding: 0px;
		margin: 0px;
		}
		
	#feature {
		background: #FFFFFF url(../images/bracket_r.gif) bottom right no-repeat;
		width: 284px;
		margin-left: 403px;
		border-left: 11px solid #FFFFFF;
		}
		
	*html .index #feature {
		/* \*/
		margin-left: 413px;
		mar\gin-left: 403px;
		/* */
		}
		
	#feature img { margin-bottom: 8px; }
		
	#feature p {
		font-size: 10px;
		padding:10px;
		margin:0px;
		background: transparent url(../images/bracket_l.gif) top left no-repeat;
		}
		
/* INDEX TAGS FOR HOSPITALITY PROMO - see #nav2 tag in NAV2 */		
		#promowrap {
			padding: 10px 0px 0px 0px;
			margin: 10px 0px 0px 0px;
			border-top: 1px solid #988675;
			height:244px;
			}

		#promo {
			background: transparent url(../images/hospitality_collection.jpg) top left no-repeat;
			clear:both;
			padding: 0px;
			margin: 0px;
			height:244px;
			}

		#promofeature {
			/*background: #FFFFFF url(../images/bracket_r.gif) bottom right no-repeat;*/
			width: 263px;
			margin-left: 404px;
			border-left: 11px solid #FFFFFF;
			}

		*html .index #promofeature {
			/* \*/
			margin-left: 413px;
			mar\gin-left: 403px;
			/* */
			}

		#promofeature img { 
			margin-bottom: 8px; 
			padding:0px 0px 0px 10px;
			}

		#promofeature p {
			font-size: 10px;
			padding:15px 3px 0px 10px;
			margin:0px;
			color: #403730;
			/*background: transparent url(../images/bracket_l.gif) top left no-repeat;*/
			}
			
			
/* NAV1 TAGS - photo block links */

	#nav1 {
		background:transparent;
		clear:both;
		margin: 10px 0px;
		padding:0px;
		}
		
	*html #nav1 {
		margin-top: 54px;
		/* \*/
		margin-top:10px;
		/* */
		}
		
	#nav1 ul {
		list-style:none;
		background:transparent;
		margin:0px;
		padding:0px;
		}
		
	#nav1 li {
		float:left;
		margin:0px;
		padding:0px;
		}
		
	#nav1 li a {
		height: 74px;
		width: 226px;
		background:transparent;
		background-position: 0px 0px;
		display:block;
		margin:0px;
		padding:0px;
		}		
		
	#nav1 li a:hover, #nav1 li a:active, #nav1 li a.on { background-position: 0px -74px; }
	
	li a#home { background:transparent url(../images/nav_home.gif) no-repeat; }
		
	li a#coll {
		background:transparent url(../images/nav_coll.gif) no-repeat;
		margin: 0px 10px;
		}
		
	li a#contact { background:transparent url(../images/nav_contact.gif) no-repeat; }
		

/* NAV2 TAGS - photo block links */

	#nav2 {
		background:transparent;
		width:159px;
		margin: 0px;
		padding:0px;
		border-bottom: 1px solid #988675;
		overflow:hidden;
		}
		
	.index #nav2 { border:none; }
	
	#nav2 p { line-height:1.5; }
	#nav2 p a { font-weight:bold; }
		
	#nav2 ul {
		list-style:none;
		background:transparent;
		margin:0px;
		padding:0px;
		}
		
	#nav2 li {
		margin:0px 0px 10px 0px;
		padding:0px;
		}
		
	#nav2 li a, #nav2 li.qlink { /* for collections '-----' */
		height: 22px;
		width: 159px;
		background:transparent;
		background-position: 0px 0px;
		display:block;
		margin:0px;
		padding:0px;
		}

	#nav2 li.qlink { /* for collections '-----' */
		height: 1.2em;
		margin: .6em 0px 0px 5px;
		border-top:1px solid #C7B299;
		}		
		
	#nav2 li a:hover, #nav2 li a:active, #nav2 li a.on { background-position: -159px 0px; margin-bottom:10px; }
	
	li a#design { background:transparent url(../images/nav_sustain.gif) no-repeat; }
		
	li a#collection { background:transparent url(../images/nav_collection.gif) no-repeat; }
		
	li a#showroom { background:transparent url(../images/nav_showroom.gif) no-repeat; }
		
	li a#news {
		background:transparent url(../images/nav_news.gif) no-repeat;
		margin-bottom: 10px;
		}
		
		
/* NAV3 TAGS - left sublevel */

	#nav2 ul ul {
		margin: -5px 0px -9px 0px;
		padding: 0px;
		}
		
	#nav2 li li { margin: 0px 0px -3px 0px; }
		
	#nav2 li li a, #nav2 li.qlink {/* for collections '-----' */
		width: 143px;
		text-transform:lowercase;
		text-decoration: none;
		padding-left: 16px;
		}
		
	#nav2 li.qlink { margin-bottom: -4px; }
		
	#nav2 li li a:hover, #nav2 li li a:active, #nav2 li li a.on {
		color: #403730;
		background: transparent url(../images/caret.gif) 0em .4em no-repeat;
		text-decoration: none;
		margin-bottom: 0px;
		}
		
	#nav2 p { margin-top: -2px; margin-left: 5px; }
		
	#nav2 p a {
		width: auto;
		height: auto;
		display:inline;
		float:none;
		text-decoration:none;
		}
		
	#nav2 p a:hover, #nav2 p a:active, #nav2 p a.on {
		color: #403730;
		text-decoration:none;
		margin-bottom: 0px;
		background-position: 0px 0px;
		}
