html, body { 
	width: 100%;
	height: 100%;
	margin: 0;
	padding: 0;
}
html {
	/* overflow: hidden; */
	overflow-y: auto; /* hides 'disabled' vertical scrollbars in IE */
	overflow-x: auto; /* hides 'disabled' horzontal scrollbars in IE */
	/* overflow-x: hidden; hides 'all' horzontal scrollbars in IE */
	/* overflow: -moz-scrollbars-none; hides 'all' scrollbars in Firefox */
}
body { 
	font-family:	Arial, Tahoma, Helvetica, sans-serif;
	font-size:		100%;
	*font-size:		80%;
	font-weight:	normal;
	color:			#000;
	background:		#fff;
}
table, div, p {
	font-size: 1em;
}

a, a:link {
	color: #0000cc;
}
a:visited {
	color: #990099;
}
a:hover {
	color: #0000ff;
}

h1 {
	font-size:		1.2em;;
	color:			#837761;
	margin:			15px 0 2px;
	padding:		0;
}
h2 {
	font-size:		1.1em;
	font-weight:	normal;
	margin-top: 	0.5ex;
	padding:		0;
}
p {
	line-height:	130%;
	margin:			0.25ex 0 1ex;
	padding:		0;
}


/*
 *	OLD HEADER? (not used anymore?)
 */
#header {
	float: left;
	padding: 0;
	margin: 0;
	height: 131px;
	width: 766px;
	}
	#flash {
		float: left;
		width: 140px;
		height: 131px;
	}
	#top {
		float: left;
		left: 141px;
		width: 626px;
		height: 114px;
		background: url('../images/logo_header.jpg') center no-repeat;
		/*background: url('../images/main_02.jpg');*/
	}
	#topnav {
		float: left;
		width: 626px;
		height: 17px;
		background: url('../images/main_03.jpg') no-repeat;
		}
		#link1 {
			float: left;
			display: block;
			height: 17px;
			width: 220px;
		}
		#link1:hover ,
		#link1_On 
		{
			float: left;
			display: block;
			height: 17px;
			width: 220px;
			background: url('../images/mainb_03.jpg') no-repeat;
		}
		#link2 {
			float: left;
			display: block;
			height: 17px;
			width: 180px;
		}
		#link2:hover ,
		#link2_On 
		{
			float: left;
			display: block;
			height: 17px;
			width: 180px;
			background: url('../images/mainb_03.jpg') -220px 0px no-repeat;
		}
		#link3 {
			float: left;
			display: block;
			height: 17px;
			width: 200px;
		}
		#link3:hover ,
		#link3_On 
		{
			float: left;
			display: block;
			height: 17px;
			width: 200px;
			background: url('../images/mainb_03.jpg') -400px 0px no-repeat;
		}


/*
 *	NEW/CURRENT HEADER
 */
#header2 {
	position:		relative; /* to 'contain' absolutely positioned divs - no worky? */
	height:			131px; /* same as Flash height */
	padding:		0;
	margin:			0;
	}
	#header2 #flash2 {
		position: relative;
		top: 0;
		left: 0;
		width: 140px;
		height: 131px;
	}
	#header2 #top2 {
		position:	absolute;
		top:		35px;
		left:		180px; /* 140px (flash) + 40px */
		width:		auto; /* see A margin+width */
		height:		auto; /* 114px */
		/*background: url('../images/main_02.jpg'); OLD */
		}
		#top2 a {
			/* <IMG src="/images/architek_logo_w_tagline.jpg" width="400" height="45" border="0" /> */
		}

	#header2 #topnav2 {
		position:		absolute;
		bottom:			0;
		left: 155px;
		background: #C3D6A8 url('/images/navbar_left2.jpg') repeat-y;
		white-space: nowrap;
		width: auto;
		/*
		top: 115px;
		margin-left: 155px;
		margin-left: 140px;
		float: left;
		*/
		}
		#topnav2 .inner {
			background: url('/images/navbar_right2.jpg') repeat-y right;
			padding: 0 15px;
			}
			#topnav2 a ,
			#topnav2 a:link ,
			#topnav2 a:visited {
				color: #775;
			}
			#topnav2 a {
				font-family: Verdana, Tahoma, Geneva, Arial, Helvetica, sans-serif;
				font-size: 0.85em;
				font-weight: bold;
				text-transform: uppercase;
				color: #4C4C36; /* #775 */
				text-decoration: none;
				display: inline-block;
				padding: 3px 1ex 4px;
				border-left: 1px dotted #666;
				/*
				letter-spacing: 1px;
				*/
				}
				#topnav2 a:hover {
					color: #693; /* #693 */
					text-decoration: none;
				}
				#topnav2 a:active {
					color: #963;
					text-decoration: none;
				}

			#topnav2 a#Home {
				border-left: 0;
			}

			#topnav2 a.Current ,
			#topnav2 a.Current:link ,
			#topnav2 a.Current:visited ,
			#topnav2 a.Current:hover {
				color: #B8860B;
				cursor: default;
			}



/*
 *	MAIN CONTENT CONTAINER (everything below the header)
 */
div#main {
	clear:		left;
	width:		100%;
	max-width:	1600px;
	/*
	height: 100%;
	*/
	}

	/*
	 *	LEFT SIDEBAR
	 */
	div#main td#left {
		background: url('../images/grad_05.jpg') repeat-x;
		display: block;
		width: 138px;
		/*
		height: 900px;
		*/
		}
		td#left div#cont {
			margin-top: 2.5em;
			padding-left: 1.5ex;
			font-size: 11px;
			}
			#left a {
				font-size:			1.1em;
				font-weight:		normal;;
				text-decoration:	none;
				}
				#left a:hover {
				text-decoration:	underline;
				}
			#left h3 {
				margin: 0;
				font-size: 12px;
			}
			#left p {
				margin: 2px 0 1.25em;
			}
			#left p.break { /* vertical spacer */
				margin:		0;
				height:		1ex;
			}
			#left ul {
				margin: 20px 10px 30px 10px;
				padding-top: 0;
				padding-bottom: 0;
				list-style-image: url('../images/bullet_09.gif');
				font-size: xx-small;
				font-weight: bold;
				}
				#left ul li {
					padding: 2px 0;
				}
			#left ul#mininav {
				margin-left: 2px;
				}
				#left ul#mininav li {
					margin-top: 0.5ex;
					font-weight: normal;
					}
					#left ul#mininav li a {
						text-decoration: none;
						font-weight: normal;
						font-size: 14px
					}


	/*
	 *	MAIN CONTENT (CENTER COLUMN + RIGHT SIDEBAR)
	 */
	div#main td#body {
		/* SEE #main-table td#main-center
		padding: 15px 0 15px 1.5em;
		*/
		padding-top:	2em;
		}
		#main #body div#main-cont {
			width:			100%;
			/*
			width: 626px;
			*/
			/* DIV - these should not be here!
			margin: 0;
			padding: 0px;
			*/
			}
			#body div#main-cont table { /* ALL Tables */
				padding: 0;
				margin: 0;
				/*
				width: 100%;
				*/
			}
			#body div#main-cont table.#main-table {
				width: 100%;
				}
				#main-table td { /* ALL cells */
					padding: 10px;
					}
	
/*
 *	MAIN -- CENTER COLUMN
 */
table#main-table td#main-center {
	padding: 0 2em 15px;
	}
	#main-table ul {
		list-style-image: url("../images/bullet_09.gif");
		list-color: green;
		padding-left: 1.5em;
		margin-left: 0;
		margin-top: 0;
		margin-bottom: 1em;
		/* padding: 0; */
		/*background:	#FFC;*/
		}
		#main-table ul li {
			padding-left: 0;
			margin-left: 0;
			margin-top: 1.25ex;
			/*background:	#CCF;*/
		}
	#main-center table.two-columns {
		table-layout:	fixed;
		}
		#main-center table.two-columns td {
			border-bottom:	1px solid #837761;
			padding:		1em 0;
			vertical-align:	top;
			}
			#main-center td h1 {
				margin:			0 0 1em;
			}
			
			td#main-center table.two-columns table.product-list {
				table-layout:	fixed;
				}
				#main-center table.product-list td { /* col-spacer */
					padding:		0;
				}
				#main-center table.product-list tr.titles , /* column titles */
				#main-center table.product-list tr.titles td { /* column titles */
					min-height:		24px;
					border-bottom:	0;
				}
				#main-center table.product-list tr.titles td.title { /* column titles */
					min-height:		26px;
					text-align:		center;
					vertical-align:	middle;
					padding:		0 0 0 26px;
					}
					#main-center table.product-list tr.titles td.energy { 
						color:			#A30000;
						background:		#E5E5E5 url(img/icon_sun.png) no-repeat left center;
					}
					#main-center table.product-list tr.titles td.architecture { 
						color:			#000;
						background:		#CBCBCB url(img/icon_green.png) no-repeat left center;
					}
					#main-center table.product-list tr.titles td.conservation { 
						color:			#FFF;
						background:		#B1B1B1 url(img/icon_wind.png) no-repeat left center;
					}
				#main-center table.product-list td.icon { /* product hyperlinks */
					border-bottom:	0;
					text-align:		center;
					vertical-align:	bottom;
					padding:		1em 0 0;
					}
					#main-center table.product-list img {
						margin-bottom:	5px;
					} 


/*
 *	MAIN -- RIGHT SIDEBAR)
 */
table#main-table td#main-right {
	background: #E2DED2 url('../images/grad_06.jpg') repeat-x;
	padding: 0 1.5em 1.5em;
	}
	#main-right a {
		text-decoration: underline;
	}
	#main-right h1 {
		font-size:		1.1em;;
	}



/*
 *	Homepage graphics
 */
img.lunch-box {
	width:			100px; /* 278px */
	height:			101px; /* 281px */
	float:			left;
	margin-right:	1em;
	margin-bottom:	1ex;	
}

div.home_architek_home {
	height:			33px; /* height must match logo height */
	margin-bottom:	1em;
	}
	div.home_architek_home a {
		background:		url(../images/architek_home_logo_200.gif) top left no-repeat;
		width:			100%;
		height:			33px; /* height must match logo height */
		display:		block;
	}

div.esheet {
	height:			55px; /* height must match e-sheet_logo.jpg */
	margin-bottom:	1em;
	}
	div.esheet a {
		background:		url(../images/e-sheet_logo.jpg) top left no-repeat;
		width:			100%;
		height:			55px; /* height must match e-sheet_logo.jpg */
		display:		block;
	}

/* product logos */
#main-center table.product-list th img {
	width:			65px;
}


/*
 *	Conservation Page
 */
body.conserve {}

.conserve .main-table {
	}
	.conserve td.main-left {
		padding:		0 2em 15px 2em;
		vertical-align:	top;
	}
	.conserve td.main-right {
		padding:		0 0 15px;
		vertical-align:	top;
	}

div.city-questions {
	background:		#369;
	padding:		1em .75em 0 1em;
	}
	div.city-questions table {
		color:			#FFF;
		table-layout:	fixed;
		}
		.city-questions table td {
			vertical-align:	top;
			padding:		0 !important;
		}
		.city-questions td.title {
			font-size:	1.3em;
			padding:	0 0 1em !important;
		}
		.city-questions td.numbers {
		}
		.city-questions td.text {
			padding:	0 1ex 1ex !important;
		}


/*
 *	Generic Styles
 */
p.use-case { /* conservation.asp */
	font-style:		italic;
}
table.fixed {
	table-layout:	fixed;
}

/*
 *	Special / DEBUG
 */
div.res-1024-dot {
	/* a 'dot' at the bottom right-corner indicating where to size to emulate 1024-width */
	position:		absolute;
	top:			0;
	left:			985px; /* allow for chrome + scrollbar */
	width:			1px;
	height:			3px;
	background:		#CCC;
}