/* bhi screen styles 11-2006 */

body   { margin: 18px; min-width: 758px; max-width: 758px; }

em   { font: normal 100%/100% georgia; color: #369; }

#border   { width: 758px; border: solid 1px #ddd; padding: 20px; }
#border h1   { font: normal 21px/42px georgia, serif; font-weight: 100; color: #369; padding: 0px; margin: 2px; display: inline; }
#border p   { font: normal 21px/42px georgia, serif; font-weight: 100; color: #777; padding: 0px; margin: 2px; display: inline; }
#border p.easy   { display: block; text-align: right; }
#border a   { font: normal 21px/42px georgia, serif; color: #369; }
#border a:hover   { background-color: #ddd; }

#border p.heading   { font: normal 21px/32px georgia, serif; width: 500px; left: 220px; top: 56px; margin-bottom: 0px; position: fixed; float: right; z-index: 0; ackground-color: yellow; }
	/* ie double margin fix */
		* html #border p.heading   { font: normal 21px/32px georgia, serif; width: 500px; margin: 20px 75px 0px 0px; top: 56px; margin-bottom: 20px; position: fixed; float: right; z-index: 0; ackground-color: pink; }

#border .instruct   { font: normal 11px/12px arial; font-weight: 100; text-transform: uppercase; color: #369; margin-top: 30px; }

	.pagecontainer   { float: left; width: 735px; height: 360px; position: relative; margin-right: .5%; background-color: #fff; }
	.pagecontainer2  { float: left; width: 758px; height: 360px; position: relative; margin-right: .5%; background-color: #fff; }
	.pagecontainer3  { float: left; width: 375px; height: 360px; position: relative; margin-right: .5%; background-color: #fff; }

	.map   { position: relative; display: inline; float: right; width: 379px; height: 360px; ackground-color: tan; }

	.gallerycontainer   { float: left; width: 150px; height: 360px; position: relative; margin-right: .5%; background-color: #dedede; }
	.gallerycontainer a   { text-decoration: none; }

	.thumbnail img   { border: 1px solid #bbb; margin: 14px 0px 0px 20px; }
	.thumbnail:hover   { background-color: transparent; }
	.thumbnail:hover img   { border: normal 1px #000; }

	/*CSS for enlarged image*/
	.thumbnail span   { 
	background-color: tan; position: absolute; background-color: white; padding: 5px; left: -1000px; border: 1px dotted gray; visibility: hidden; 
	color: #777; font: normal 11px/17px arial, sans-serif; text-transform: uppercase; text-decoration: none; text-align: center; z-index: 50; }

	#border .thumbnail span p   { display: block; width: 572px; font: normal 11px/17px arial, sans-serif; text-transform: uppercase; text-decoration: none; ackground-color: cyan; }
		/* win ie fix */
			* html #border .thumbnail span p   { display: block; width: 572px; font: normal 11px/17px arial, sans-serif; text-transform: uppercase; text-decoration: none; ackground-color: cyan; }

	/*CSS for enlarged image*/
	.thumbnail span img   { border-width: 0px; padding: 2px; margin: 0px; }

	/*CSS for enlarged image*/   /*position where enlarged image should offset horizontally */
	.thumbnail:hover span   { visibility: visible; top: 15px; left: 170px; z-index: 50; }


#section_bknd   { display: none; float: left; width: 79.5%; height: 360px; position: relative; background-color: #eee; }
#section_bknd p   { display: block; padding: 16px; color: #777; }

#clients1, #clients2, #clients3, #clients4   { 
	float: left; width: 175px; margin: 20px 12px 0px 0px; padding: 0px; 
	font: normal 12px/24px arial; color: #369; }

#clients1 ul, #clients2 ul, #clients3  ul, #clients4 ul   {
	list-style-type: none; ackground-color: yellow; padding: 0px; margin: 0px; }

#clients1   { margin-left: 4px; }
	/* win ie fix */
		* html #clients1   { margin-left: 2px; }

#directions   { 
	float: left; width: 340px; margin: 0px; padding: 0px; 
	font: normal 14px/17px arial; color: #369; }

#directions h1   { display: block; font: normal 21px/21px georgia; color: #369; margin: 0px 0px 6px 0px; }
#directions p, #directions a   { font: normal 14px/24px arial; color: #369; margin: 0px; }

#directions ul   {
	list-style-type: none; padding: 0px; margin: 24px 0px 0px 0px; background-color: none; }

#directions li   { padding-bottom: 12px; }

#controls   { width: 758px; height: 80px; background-color: #ddd; margin: 20px 0px 0px 0px; }
	/* win ie fix */
		* html #controls   { width: 758px; height: 80px; background-color: #ddd; margin: 60px 0px 0px 0px; }

#controls img   { float: left; margin: 20px 25px 15px 15px; }
#controls ul   { display: inline; padding-left: 0px; margin-left: 0px; white-space: nowrap; }
#controls li   { 
	display: inline; list-style-type: none; padding: 4px 0px 4px 0px; margin: 0px 10px 0px 0px; border: solid 1px #fff; 
	font: normal 10px/80px arial, sans-serif; color: #fff; text-transform: uppercase; }

#controls li a   { font: normal 10px/80px arial, sans-serif; color: #777; padding: 4px 12px 4px 12px; text-transform: uppercase; text-decoration: none; }
#controls li a:link  { }
#controls li a:visited  { }
#controls li a:hover  { color: #fff; background-color: #b7cadc; }

#footer   { width: 758px; }
#footer p   { font: normal 11px/13px arial; color: #ccc; text-align: center; margin: 6px; }