/* --------------------------------------------------------
	SCREEN
-------------------------------------------------------- */

html { font-size:62.5%; }
body {
	background:url(../images/bg_repeat.jpg) repeat;
	font:1em Arial, Helvetica, sans-serif;
}

	h2 {
		font-size: 2.0em; font-weight: bold;
	}
	h3 {
		font-size: 1.3em; font-weight: bold;
	}
	h4 {
		font-size: 1.6em; font-weight: bold;
	}
	h5 {
		font-size: 1.2em; font-weight: bold;
	}
	h6 {
		font-size: 1.6em; 
		font-weight: bold; 
		color: #666666;
	}
	p  {
		font-size: 1.1em;
		margin-bottom:1.5em;
	}
	a, a:visited {
		color:#000000;
	}
	.clear { clear:both; }
	

	#container {
		position:relative;
		margin:0 auto;
		width:960px;
	}
	
		#header {
			position:relative; 
			float:left;
			z-index:1000;
		}
		
		#header .navigation {
			float:left;
			height:52px; width:890px;
			margin:8px 0 10px;
		}
			
		#header .navigation ul { font-size:1.3em; font-weight:bold; }				
		#header .navigation ul li { float:left; display:inline; }
		
		#header .navigation ul li a.home, #header .navigation ul li a.home:visited { float:left; width:63px; height:52px; background:url(../images/button_home.png) no-repeat; }
			#header .navigation ul li a.home:hover, #header .navigation ul li a.home:active, #header .navigation ul li a.home:focus { background:url(../images/button_home_ro.png) no-repeat; }
			#header .navigation ul li.homeActive { float:left; width:63px; height:52px; background:url(../images/button_home_ro.png) no-repeat;  }
			
		#header .navigation ul li a.whatIsAsbestos, #header .navigation ul li a.whatIsAsbestos:visited { float:left; width:126px; height:52px; background:url(../images/button_what_is_asbestos.png) no-repeat; }
			#header .navigation ul li a.whatIsAsbestos:hover, #header .navigation ul li a.whatIsAsbestos:active, #header .navigation ul li a.whatIsAsbestos:focus { background:url(../images/button_what_is_asbestos_ro.png) no-repeat; }
			#header .navigation ul li.whatActive { float:left; width:126px; height:52px; background:url(../images/button_what_is_asbestos_ro.png) no-repeat; }
			#header .navigation ul li.whatInActive { float:left; width:126px; height:52px; background:url(../images/button_what_is_asbestos.png) no-repeat; }
			#header .navigation ul li.whatInActive:hover { float:left; width:126px; height:52px; background:url(../images/button_what_is_asbestos_ro.png) no-repeat; }
			
		#header .navigation ul li a.whereIsItFound, #header .navigation ul li a.whereIsItFound:visited { float:left; width:124px; height:52px; background:url(../images/button_where_is_it_found.png) no-repeat; }
			#header .navigation ul li a.whereIsItFound:hover, #header .navigation ul li a.whereIsItFound:active, #header .navigation ul li a.whereIsItFound:focus { background:url(../images/button_where_is_it_found_ro.png) no-repeat; }
			#header .navigation ul li.whereIsItActive { float:left; width:124px; height:52px; background:url(../images/button_where_is_it_found_ro.png) no-repeat; }
		
		#header .navigation ul li a.whatIsTheDanger, #header .navigation ul li a.whatIsTheDanger:visited { float:left; width:133px; height:52px; background:url(../images/button_what_is_the_danger.png) no-repeat; }
			#header .navigation ul li a.whatIsTheDanger:hover, #header .navigation ul li a.whatIsTheDanger:active, #header .navigation ul li a.whatIsTheDanger:focus { background:url(../images/button_what_is_the_danger_ro.png) no-repeat; }
			#header .navigation ul li.dangerActive { float:left; width:133px; height:52px; background:url(../images/button_what_is_the_danger_ro.png) no-repeat; }
			#header .navigation ul li.dangerInActive { float:left; width:133px; height:52px; background:url(../images/button_what_is_the_danger.png) no-repeat; }
				#header .navigation ul li ul { display:none; }
				#header .navigation ul li.storiesPage ul { display:inline; margin:0; }
				#header .navigation ul li:hover ul { position:absolute; top:60px; display:block; clear:left; }
				#header .navigation ul li:hover ul.dangerHover { top:8px; margin-left:133px; }
					#header .navigation ul li ul li a.lifeStories { float:left; width:133px; height:32px; background:url(../images/real_life.jpg) no-repeat; }
					#header .navigation ul li ul li a.lifeStories:hover { background:url(../images/real_life_ro.jpg); }
					#header .navigation ul li ul li.lifeStoriesActive { position:absolute; margin-top:52px; margin-left:-133px; width:133px; height:32px; background:url(../images/real_life_ro.jpg); }
					#header .navigation ul li ul li.lifeStoriesActive a { position:absolute; width:133px; height:32px; background:url(../images/real_life_ro.jpg); }
		
		#header .navigation ul li a.howShouldIHandleIt, #header .navigation ul li a.howShouldIHandleIt:visited { float:left; width:160px; height:52px; background:url(../images/button_how_should_i_handle_it.png) no-repeat; }
			#header .navigation ul li a.howShouldIHandleIt:hover, #header .navigation ul li a.howShouldIHandleIt:active, #header .navigation ul li a.howShouldIHandleIt:focus { background:url(../images/button_how_should_i_handle_it_ro.png) no-repeat; }
			 #header .navigation ul li.handleActive   { float:left; width:160px; height:52px; background:url(../images/button_how_should_i_handle_it_ro.png) no-repeat; }
		
		#header .navigation ul li a.doYourKnowTheFacts, #header .navigation ul li a.doYourKnowTheFacts:visited { float:left; width:152px; height:52px; background:url(../images/button_do_you_know_the_facts.png) no-repeat; }
			#header .navigation ul li a.doYourKnowTheFacts:hover, #header .navigation ul li a.doYourKnowTheFacts:active, #header .navigation ul li a.doYourKnowTheFacts:focus { background:url(../images/button_do_you_know_the_facts_ro.png) no-repeat; }
			#header .navigation ul li.factsActive  { float:left; width:152px; height:52px; background:url(../images/button_do_you_know_the_facts_ro.png) no-repeat; }
		
		#header .navigation ul li a.findingOutMore, #header .navigation ul li a.findingOutMore:visited { float:left; width:132px; height:52px; background:url(../images/button_finding_out_more.png) no-repeat; }
			#header .navigation ul li a.findingOutMore:hover, #header .navigation ul li a.findingOutMore:active, #header .navigation ul li a.findingOutMore:focus { background:url(../images/button_finding_out_more_ro.png) no-repeat; }
			#header .navigation ul li.findingOutMoreActive  { float:left; width:132px; height:52px; background:url(../images/button_finding_out_more_ro.png) no-repeat; }
			#header .navigation ul li.findingOutMoreActive a  { float:left; width:132px; height:52px; background:url(../images/button_finding_out_more_ro.png) no-repeat; }
		
		#header .logo { float:left; }

		#header .logo a { float:left; background:url(../images/logo_hse.png) no-repeat; width:69px; height:88px; }
			
		#content {
			position:relative; 
			float:left;
			width:950px;
			background:#ffffff url(../images/content_bg_holes_nail.gif) no-repeat 926px 100px;
			margin-top:-20px; padding:5px;
			z-index:1;
		}
			#content.wallPlug {
				background:#ffffff url(../images/content_bg_holes_plug.gif) no-repeat 926px 100px;
			}
			#content.wallScrew {
				background:#ffffff url(../images/content_bg_holes_screw.gif) no-repeat 925px 100px;
			}
		
			.main {
				position:relative;
				float:left;
				width:699px;
				padding-top:10px;
			}

				.copy {
					float:left;
					width:699px;					
				}
					.copy img {
						margin-top:10px;
						font-size:1.6em;					
					}

				.mLeft {
					margin-left: 20px;
					margin-bottom:15px;
					font-size:1.1em;
				}

				.paddTop150 {
					padding-top: 150px;					
				}
				
				ul.storiesList {
					list-style:none;
					margin-bottom:10px;
					font-size:1.1em;
				}
					ul.storiesList li {
						line-height:1.6em;
					}
								
				/* central, blue, paper content with the holes punched */
				.bluePageContent {
					margin-left: 14px; margin-top: 14px;
					border-style: groove;
					border-right: 2px solid #c7c7c7;
					border-bottom: 2px solid #b0b0b0;
					float:left;
					width:670px;
					background-color:  #e8ecee;
					background-image: url(../images/page_edge_03.jpg); background-repeat: no-repeat;
					background-position: top right; 
					margin-bottom: 14px
				}
				
				.headerText {
					margin-left: 14px; 
					margin-top: 24px;
					width: 300px;
					padding-bottom: 10px;
				}

				.dangerHeaderText {
					float:left;
					margin-left: 14px; 
					margin-top: 24px;
					width: 450px;
					padding-bottom: 20px;
				}

				
				.mainBox {
					float:left;
					width:302px;
					background:#eedfa3 url(../images/cta_content.jpg) no-repeat 0 -3px;
					margin:0 0 0 35px;
				}
					.mainBoxRight { margin-right:10px; }
					.mainBox img { float:left; }
					.mainBox .tape { float:left; margin:6px 0 0 -180px; }
					.mainBox h4 { float:left; width:125px; font-size:1.4em; font-weight:bold; padding:10px 10px 0 10px; line-height:1em; }
					.mainBox p { float:left; width:125px; font-size:1.2em; padding:3px 10px; line-height:1.1em; }
					.mainBox a img { float:right; height:21px; margin:0 5px 0 0; vertical-align:bottom; }
						.mainBox a img.leftBox { margin:0 5px 0 0; }
						.mainBox a img.rightBox { margin:-12px 5px 0 0; }
					
			.sidebar {
				position:relative;
				float:left;
				width:211px;
				margin-top:5px;
			}
				.sideBoxMain {
					float:left;
					width:221px;
					background:url(../images/side_box_1.jpg) repeat-y;
				}
					.sideBoxMain h4 { color:#333333; font-size:1.4em; font-weight:bold; padding:15px 25px 5px 25px; }
					.sideBoxMain h4.infoline { float:left; padding:15px 0 5px 25px; }
						.sideBoxMain h4.infoline a { color:#333333; padding-right:20px; background:url(../images/opensInNewWindow.gif) no-repeat top right; }
					.sideBoxMain span { font-size:0.7em; }
					.sideBoxMain h5 { float:left; color:#333333; font-size:1.2em; font-weight:bold; padding:5px 5px 5px 25px; }
					.sideBoxMain p { color:#333333; float:left; width:80px; font-size:1.1em; padding:0 5px 5px 25px; }
					.sideBoxMain p.infoline { font-size:1.1em; width:180px; padding:0 5px 0 25px; }
						.sideBoxMain p.infoline a { padding-right:20px; background:url(../images/opensInNewWindow.gif) no-repeat top right; }
					.sideBoxMain img { float:left; padding-bottom:5px; }
					.sideBoxMain img.infoline { float:right; padding:12px 22px 0; }
					.sideBoxFooter { float:left; width:211px; height:30px; background:url(../images/side_box_1_footer.jpg) no-repeat; }
						.sideBoxFooterHome { margin-top:-15px; float:left; width:211px; height:30px; background:url(../images/side_box_1_footer.jpg) no-repeat; }
					.sideBoxFooter img { float:right; height:21px; margin:0 5px 0 0; }
				
				.sideBoxMain2 {
					float:left;
					width:221px;
					background:url(../images/side_box_2.jpg) repeat-y;
				}
					.sideBoxMain2 h4 { color:#333333; font-size:1.4em; font-weight:bold; padding:25px 25px 5px 25px; }
					.sideBoxMain2 p { color:#333333; float:left; width:80px; font-size:1.1em; padding:0 5px 5px 25px; }
					.sideBoxMain2 img { }
				.sideBoxFooter2 { float:left; width:211px; height:34px; background:url(../images/side_box_2_footer.jpg) no-repeat 1px 0; }
					.sideBoxFooter2 img { float:right; height:21px; margin:8px 5px 0 0; }
			
		#footer {
			float:left;
			margin-top:10px;
			font-size:1.1em; font-weight:bold; color:#000000;
		}
			#footer .leftFooter { float:left; width:41px; height:60px; margin-top:15px; background:url(../images/footer_tape_measure_end_2.png) no-repeat; }
			#footer .mainFooter { float:left; width:709px; height:45px; margin-top:15px; background:url(../images/footer_tape_measure_bg.png) repeat-x; }
				#footer ul { margin:14px 0 0 5px; }
					#footer ul li { display:inline; }
						#footer ul li a, #footer ul li a:visited { color:#000000; padding:0 3px; text-decoration:none; }
							#footer ul li a:hover, #footer ul li a:active, #footer ul li a:focus { text-decoration:underline; }
			#footer .rightFooter { float:left; width:210px; height:105px; background:url(../images/footer_tape_measure_main.png) no-repeat; }
			
		.noFlash {
			padding: 18px;
			width: 88%;
			text-align: left;
			font-size:1.1em; color:#000000;
		}	
		
			.noFlashNarrow {
				float:left;
				padding: 18px;
				padding-bottom:10px;
				width: 65%;
				text-align: left;
				font-size:1.1em; color:#000000;			
			}
			
			.noFlashStories {
				margin-bottom:10px;
			}
			
			.noFlashStories {
				min-height:700px;
			}
			
			.wideDividerTop { float:left; width:575px; height:29px; background:url(../images/top_divider.gif); }
			.wideDividerBottom { float:left; width:575px; height:22px; background:url(../images/footer_divider.gif); }
			
			.findingOutMorePage { }
			.findingOutMorePage h3.bottomMargin { margin-bottom:10px; }
			.findingOutMorePage h5 { margin:5px 0 5px 0; }
				.findingOutMorePage h5.topMargin { margin-top:15px; }
			.findingOutMorePage ul { list-style:none; margin:0 0 5px 0; }
				.findingOutMorePage ul.bottomMargin { margin-bottom:15px; }
			.findingOutMorePage ul li { font-size:1.1em; line-height:20px; color:#eb3139; }
				.findingOutMorePage ul li a, .findingOutMorePage ul li a:visited { color:#eb3139; }
			.findingOutMorePage p { margin-bottom:5px; }
			
			.findingOutMorePage .industry {
				float:left;
				width:290px;
				margin-bottom:12px;
			}
			.findingOutMorePage .industry img {
				float:left;
				padding:6px 10px 10px 7px;
				background:url(../images/finding_out_more_industry_bg.gif) no-repeat;
			}
			.findingOutMorePage .industry p {
				float:left;
				margin:54px 0 0 10px;
			}
			
			.linkWebsitePage { }
			.linkWebsitePage h3.margin { margin:10px 0 10px 0; }
			.linkWebsitePage p { margin:10px 0 10px 0; }
			.linkWebsitePage code { float:left; font-family:Courier New, Courier, monospace; margin:0 30px; }
			
			/*Stories rollover code*/
			
			#storiesElectricians {left:25px; margin:0; padding:0; display:block; }
			#storiesJoiners { left:25px; margin:0; padding:0; display:block; }
			#storiesPlumbers { left:25px; margin:0; padding:0; display:block; }
			#storiesTradesmen { left:25px; margin:0; padding:0; display:block; }
			
				#storiesElectricians img, #storiesJoiners img, #storiesPlumbers img, #storiesTradesmen img { display:inline-block; }
			
			h5.storiesHeader { margin:0; padding:0; }
			.outerImage { list-style:none;}
			.outerImage ul { list-style:none;}
			.outerImage li a { text-decoration:none;}
			.outerImage table {border-collapse:collapse; width:0; height:0; margin:-1px -4px;}
			.innerImage {list-style:none;}
			.innerImage li {font-size:1.1em; line-height:1.5em; }
			.innerImage li a {text-decoration:none;}
			.innerImage li a b {position:absolute; clear:both; width:48px; height:42px; display:none; }
			/*.innerImage li a b#link1 {left:20px; top:34px;}
			.innerImage li a b#link2 {left:85px; top:34px;}
			.innerImage li a b#link3 {left:150px; top:34px;}
			.innerImage li a b#link4 {left:20px; top:93px;}
			.innerImage li a b#link5 {left:20px; top:34px;}
			.innerImage li a b#link6 {left:85px; top:34px;}
			.innerImage li a b#link7 {left:150px; top:34px;}
			.innerImage li a b#link8 {left:20px; top:93px;}
			.innerImage li a b#link9 {left:85px; top:93px;}
			.innerImage li a b#link10 {left:150px; top:93px;}
			.innerImage li a b#link11 {left:20px; top:152px;}
			.innerImage li a b#link12 {left:20px; top:34px;}
			.innerImage li a b#link13 {left:85px; top:34px;}
			.innerImage li a b#link14 {left:20px; top:34px;}
			.innerImage li a b#link15 {left:150px; top:34px;}
			.innerImage li a b#link16 {left:85px; top:34px;}*/
			
			.outerImage li a:hover {border:0;}
			
			.innerImage li a:hover {color:#eb3139;}
			.innerImage li a:hover b { position:absolute; cursor:pointer; width:48px; height:42px;}
			
			.innerImage a:hover b#link1 {background:#fff url(../images/mick_adkins_thumb_roll.jpg);}
			.innerImage a:hover b#link2 {background:#fff url(../images/john_bonney_thumb_roll.jpg);}
			.innerImage a:hover b#link3 {background:#fff url(../images/david_haigh_thumb_roll.jpg);}
			.innerImage a:hover b#link4 {background:#fff url(../images/jack_rekert_thumb_roll.jpg);}
			
			.innerImage a:hover b#link5 {background:#fff url(../images/roy_barratt_thumb_roll.jpg);}
			.innerImage a:hover b#link6 {background:#fff url(../images/roger_blackman_thumb_roll.jpg);}
			.innerImage a:hover b#link7 {background:#fff url(../images/david_doyle_thumb_roll.jpg);}
			.innerImage a:hover b#link8 {background:#fff url(../images/harold_dyson_thumb_roll.jpg);}
			.innerImage a:hover b#link9 {background:#fff url(../images/john_greig_thumb_roll.jpg);}
			.innerImage a:hover b#link10 {background:#fff url(../images/byron_scott_thumb_roll.jpg);}
			.innerImage a:hover b#link11 {background:#fff url(../images/syd_thomas_thumb_roll.jpg);}		
			
			.innerImage a:hover b#link12 {background:#fff url(../images/david_childs_thumb_roll.jpg);}
			.innerImage a:hover b#link13 {background:#fff url(../images/stan_thomas_thumb_roll.jpg);}
			
			.innerImage a:hover b#link14 {background:#fff url(../images/robert_hamilton_thumb_roll.jpg);}
			.innerImage a:hover b#link16 {background:#fff url(../images/christopher_morgan_thumb_roll.jpg);}
			.innerImage a:hover b#link15 {background:#fff url(../images/terry_williams_thumb_roll.jpg);}
		

		.tea {
			float: right;
			width:247px; height:300px;
			background:url(../images/tea.jpg) no-repeat;
		}
			.teaHowHandle { margin-right:-5px; }
			.teaFinding { margin:0 -5px 0 0; }
		.asbestosEssentials { position:absolute; top:160px; left:485px; }
		
		.danger {
			float: left;
			width: 100%;
			padding-top: 14px;
		}

			.dangerImage {
				float:left;
				padding-right: 10px;
			}
	
			.backToDanger {
				width:174px;
				height:21px;
				float:right;
				margin-right:32px;
				margin-top:30px;
				padding-bottom:30px;
			}		
			
			.backToDanger img{
				border:0px;
			}
			
			.storyImageContainer {
				float:left;
				width:166px;
				background:url(../images/stories-image-background_07.jpg) no-repeat;
				margin:20px 0 0 0;
			}

			.rhSmallImageContainer {
				float:left;
				width:166px;
				background:url(../images/rh-small-image-background_03.jpg) no-repeat;
				margin:20px 0 0 0;	
			}

			.lhSmallImageContainer {
				float:left;
				width:166px;
				background:url(../images/rh-small-image-background_03.jpg) no-repeat;
			}
			
			.storyImageContainerTextOnly {
				position:relative; float:left;
				width:166px;
				margin:0 5px 0 15px;
			}
			.storiesImageContainer {
				position:relative; float:left;
				width:195px;
				margin:0 5px 0 15px;
			}
			.storiesInfoContainer {
				float:left;
				width:340px;
				margin:0 0 0 0;
				padding-left:10px;
			}

			.storiesImageContainer img {
				position:relative; float:left;
				padding:5px 6px 6px 5px; margin:0 6px 6px 0;
				background:url(../images/stories_image_bg.gif) no-repeat;
			}
			
			.storyImageContainerTextOnly img{
				padding:5px 6px 6px 5px; 
				margin:0 3px 3px 0;				
			}

			.storyImageContainerImage, .rhSmallImageContainerImage {
				margin:10px;	
			}
			
			.pullQuote {
				margin-top:20px;
				width:150px;
				padding-left:25px;
				background:url(../images/openpullquote_11.jpg) no-repeat;
			}
			
			.pullQuote p{
				padding-right:25px;
				text-align:left;
				font-weight:bold;
			}
			
			.endPullQuote {
				width:150px;
				height:15px;
				overflow:visible;
			}
	
			.endPullQuote img{
				margin-top:-12px;
				margin-left:145px;
			}		
			
			.stories {
				float: left;
				width: 100%;
				padding-top: 28px;
				padding-bottom: 20px
			}

			.useCase {
				width:100%;
				margin:0 0 10px 0;
				padding-bottom:0px;
			}
			
			.useCaseTextBlock {
				margin-top:8px;
				margin-left:8px;
				margin-bottom:10px;
				width:415px;
				float:left;
			}

			.useCaseTopBorder {
				width:415px;
				height:21px;
				margin:-15px 0 13px 0;
				background:url(../images/common-uses-top-border.jpg);
			}
			
			.useCaseTextContainer {
				width:400px;
				height:98px;
				padding:0 10px 0 5px;
			}

			.useCaseTextContainer p {
				padding-top:5px;
			}

			
			.useCaseBottomBorder {
				width:415px;
				height:21px;
				background:url(../images/common-uses-bottom-border.jpg);
			}
					

		.handleIt {
			float: left;
			width: 70%;
			padding-bottom: 34px;
		}
		.handleItImage {
			float: right;
		}
		

		.stories {
			float: left;
			width: 100%;
			padding-top: 28px;
			padding-bottom: 20px
		}
		
		

.hidden { position:absolute; top:-5000px; width:0; height:0; }
				
#drop1 { position:absolute; visibility: hidden; display:inline; list-style: none; top:55px; left:60px; z-index:101} 
#drop1Active { position:absolute; visibility: visible; display:inline; list-style: none; top:55px; left:60px; z-index:101} 
#drop2 { position:absolute; visibility: hidden; display:inline; list-style: none; top:55px; left:313px; z-index:100 } 
#drop2Active { position:absolute; visibility: visible; display:inline; list-style: none; top:55px; left:313px; z-index:100 } 


#debug { position:static; float:left; left:0px; top:0px; width:10%; background:#ffffff}

.tracking { float:left; height:0; width:0; }

.sideBarTop { float:left; width:211px; height:18px; background:url(../images/sidebar_top.jpg); }
.sideBarMiddle { float:left; width:207px; height:27px; background:url(../images/sidebar_box_middle_img.jpg); }
.sideBarBottom { float:left; width:207px; height:19px; background:url(../images/sidebar_box_footer_img.jpg); }