/*
	Name:  css_section.css
	Use:  css rules for inner pages, HansetCorp.com, 3/2007
*/

	#pageWrap {
		background-color: #FFF;  width: 800px;  text-align: left;  position: relative;  margin: 0px auto 0px auto;  border: 1px solid #FFF;
	}

	#nav {
		position: absolute;  top: 21px;  left: 40px;  width: 109px;
		font-size: 15px;  font-weight: 400;  letter-spacing: 1px;
	}
		#nav a:link { color: #000;  text-decoration: none; }
		#nav a:visited { color: #000;  text-decoration: none; }
		#nav a:hover { color: #333;  font-style: italic;  text-decoration: underline; }
		#nav a:active { color: #555;  font-style: italic;  text-decoration: none; }

		#nav ul { list-style-type: none;  margin: 0px;  padding: 0px 10px 0px 0px;  border-right: 1px solid #000; }
		#nav li { margin: 0px;  padding: 3px 0px;  white-space: nowrap; }
	
	#header {
		font-family: 'Times New Roman', Times, serif;  font-size: 42px;  font-weight: 100;  margin: 0px 0px -5px 20px;
		position: absolute;  top: 22px;  left: 155px;
	}
		#header a:link { color: #000;  text-decoration: none; }
		#header a:visited { color: #000;  text-decoration: none; }
		#header a:hover { color: #333;  /*font-style: normal;*/  text-decoration: underline; }
		#header a:active { color: #555;  /*font-style: normal;*/  text-decoration: none; }

		#header h1 {
			font-size: 30px;  font-style: italic;  font-weight: 400;  letter-spacing: 5px;  position: relative;
			/*top: 120px;  left: 0px;*/  display: block;  margin-top: 3px;
		}

	#content {
		margin: 135px 130px 70px 150px;  clear: both;
	}
		#content h3 { font-size: 17px;  font-style: normal;  font-weight: 400;  letter-spacing: 2px; }
		#content h4 { font-style: italic; }
		#content p { text-align: justify;  line-height: 1.4em; }
		#content ul { margin: -10px 0px 0px 2.0em; }
		#content ul ul { margin: 0.4em 0px 0px 1.5em; }
	
	#imageRow { text-align: center;  white-space: nowrap; }
		#imageRow img { margin: -20px 20px 60px 20px;  border: 0px solid blue; }
	
	#metals {
		color: #333;  font-size: 13px;  font-weight: 700;  text-align: center;  letter-spacing: 2px;  white-space: nowrap;
		position: relative;  clear: both;  margin: -20px auto 0px auto;  border: 0px solid gray;
	}
		.metalsCircle { font-weight: 200;  vertical-align: 1px; }
	
	#footer {
		font-size: 9px;  letter-spacing: 0.5em;  text-align: center;
		position: relative;  clear: both;  margin: 10px auto 20px auto;  border: 0px solid gray;
	}
		#footer a:link { color: #000;  text-decoration: none; }
		#footer a:visited { color: #000;  text-decoration: none; }
		#footer a:hover { color: #000;  font-style: normal;  text-decoration: underline; }
		#footer a:active { color: #000;  font-style: normal;  text-decoration: none; }


	/* general doodads */
	.littlePlus { vertical-align: -2px;  margin: 0px 4px 0px 0px; }
	.even { background-color: #EEE; } /* alternating table rows */
	.hideable { display: none; }
	
	
	/* about */
	#aboutImageTop { float: right;  margin: 0px -2px 0px 27px; }
	#memberLinks { text-align: center;  margin: 30px 0px 0px 0px; }
		#memberLinks img { padding: 0px 13px;  vertical-align: middle; }
	/*#ccbNums { font-family: Courier, monospace;  font-size: 0.9em; }*/
	
	
	/* capabilities */
	#capabilitiesImageWrap { float: right;  margin: 0px 0px 85px 25px;  width: 220px;  height: 400px; /**this screws up the printed page with IE?*/ }

	#capabilitiesWrap { margin: 10px 0px 0px 0px;  width: 270px;  float: left; }
		/*#capabilitiesWrap ul { list-style-type: circle;  margin: 0px 0px 20px 32px; }*/
		/*#capabilitiesWrap li { line-height: 1.3em;  margin: 0px 0px 7px -14px; }*/

	#capabilitiesListTable { float: left;  clear: left;  width: 470px;  margin: 0px 0px 20px -3px; }
		#capabilitiesListTable th { font-family: monospace;  font-weight: 400;  vertical-align: top;  padding-right: 3px; }
	
	
	/* contact */
	#contactImageWrap { float: right;  margin: 0px 50px 0px 15px;  border: 0px solid blue; }
	
	#directionsList { list-style-type: none;  font-weight: 400;  letter-spacing: 0.05em;  padding: 17px 0px 0px 0px; }
		#directionsList a:link { color: #000;  text-decoration: none; }
		#directionsList a:visited { color: #000;  text-decoration: none; }
		#directionsList a:hover { color: #333;  font-style: italic;  text-decoration: underline; }
		#directionsList a:active { color: #555;  font-style: italic;  text-decoration: none; }
		#directionsList img { border: 0px; }
		#directionsList li { margin: 0px 0px 4px -25px; }
			#directionsList ul { font-weight: 400;  letter-spacing: 0.04em;  list-style-type: decimal;  padding: 10px 30px 15px 7px;  display: none; }
	
	#directionsMap { text-align: center;  margin: -47px auto 50px auto;  border: 0px solid blue; }

	
	/* portfolio */
	#portfolioImageWrap { float: right;  margin: 22px -3px 0px 8px;  height: 330px; } /* for slide show on main portfolio page */
	#portfolioImageRow  img { margin: 0px 10px 0px 10px; } /* for specific image pages */
	.portfolioButton { vertical-align: 20px; }

	#portfolioImageInfo { margin: 0px auto 50px auto; }
		#portfolioImageInfo table { margin: 0px auto 0px auto;  padding: 0px 50px; }
		#portfolioImageInfo th { text-align: right; }
		#portfolioImageInfo td { text-align: left;  padding: 0px 0px 0px 5px; }
			#portfolioImageInfo a:link { color: #000;  text-decoration: none; }
			#portfolioImageInfo a:visited { color: #000;  text-decoration: none; }
			#portfolioImageInfo a:hover { color: #555;  font-style: normal;  text-decoration: underline; }
			#portfolioImageInfo a:active { color: #555;  font-style: normal;  text-decoration: none; }
	
	#beginCustomerList { line-height: 60px;  display: none; }
	#customersWrap { display: none; }
		#customersList { padding: 9px 0px 0px 0px; }
			#customersList li { margin: 0px 0px 0px -4px; }
	#projectsWrap { display: none; }
		#projectsList { padding: 9px 0px 0px 0px; }
			#projectsList li { margin: 0px 0px 0px -4px; }

	.portfolio ul { list-style-type: circle;  padding: 15px 0px 0px 0px; }
	.portfolio li { margin: 0px 0px 1px -15px; }
	
	.portfolio a:link { color: #000;  text-decoration: none; }
	.portfolio a:visited { color: #000;  text-decoration: none; }
	.portfolio a:hover { color: #555;  font-style: italic;  text-decoration: underline; }
	.portfolio a:active { color: #555;  font-style: italic;  text-decoration: none; }
	
	.portfolio h3 { font-size: 18px;  display: inline; }
	.portfolio h4 { display: inline;  margin: 0px 0px 0px 15px; }


	/* residential */
	#residentialImageTop { float: right;  margin: 0px -22px 0px 25px; }
	#resPortCaption { font-style: italic;  float: right;  clear: right;  margin: 4px 0px 10px 28px; }
	#countertopList { float: left;  width: 45%; }
	#backsplashList { float: right;  width: 45%; }

	.residential ul { list-style-type: circle;  padding: 15px 0px 0px 0px; }
	.residential li { margin: 0px 0px 1px -10px; }
	
	.residential a:link { color: #000;  text-decoration: none; }
	.residential a:visited { color: #000;  text-decoration: none; }
	.residential a:hover { color: #555;  font-style: italic;  text-decoration: underline; }
	.residential a:active { color: #555;  font-style: italic;  text-decoration: none; }
	
	.residential h3 { font-size: 18px;  display: inline; }