@charset "utf-8";
/* CSS Document */

/*
contains css for the map_2 page in cticf.com
uses PS-Home_1_580.png and /site-images/home_map.png for mapping
*/

#container_map {
	width: 580px;
	height: 428px;
	margin: 0 auto;
}

h1 {
	margin-bottom: 20px;
	/*border-bottom: 2px solid #000;*/
	font: bold 28px Arial, Helvetica, sans-serif;
	text-align: center;
	padding-bottom: 5px;
}

h1 a {
	color: #000;
	text-decoration: none;
}

ul#continents3 {
	list-style: none;
	width: 580px;
	height: 428px;
	position: relative;
	background: url(PS-Home_1_580.png) no-repeat 0 0;
}

ul#continents3 li {
	position: absolute;
}

.roof {
	width: 200px;
	height: 150px;
	top: -3px;
	left: -20px;
}

.footing {
	width: 200px;
	height: 150px;
	top: 340px;
	left: 75px;
}

.floor {
	width: 200px;
	height: 150px;
	top: 176px;
	left: 96px;
}

.waterproofing {
	width: 200px;
	height: 150px;
	top: 341px;
	left: 395px;
}

.walls {
	width: 200px;
	height: 150px;
	top: 243px;
	left: -128px;
}

.windows {
	width: 200px;
	height: 150px;
	top: 111px;
	left: -143px;
}

.siding {
	width: 200px;
	height: 150px;
	top: 151px;
	left: 421px;
}

.litedeck {
	width: 200px;
	height: 150px;
	top: 352px;
	left: 193px;
}
ul#continents3 li a  {
	display: block;
	outline: none;
	height: 100%;
}



ul#continents3 li a:hover {
	background: url(site_images/home_map.png) no-repeat 0 0;	
}

ul#continents3 li.roof a:hover {
	background-position: 0px 0px;
}

ul#continents3 li.footing a:hover {
	background-position: 0px -160px;
}

ul#continents3 li.floor a:hover {
	background-position: -420px 0px;
}

ul#continents3 li.waterproofing a:hover {
	background-position: -210px -160px;
}

ul#continents3 li.walls a:hover {
	background-position: 0px -320px;
}

ul#continents3 li.windows a:hover {
	background-position: -210px 0px;
}

ul#continents3 li.siding a:hover {
	background-position: -210px -320px;
}

ul#continents3 li.litedeck a:hover {
	background-position: -420px -160px;
}

ul#continents3 li a span {
	display: none;
}

ul#continents3 li a:hover span {
	display: block;
}

ul#continents3 li a:hover span {
	display: block;
	padding: 5px;
	width: 150px;
	background: #000;
	position: relative;
	top: 0%;
	font: 11px Arial, Helvetica, sans-serif;
	opacity: .50;
	filter:alpha(opacity=75);
	color: #fff;
}

ul#continents3 li a:hover span strong {
	display: block;
	margin-bottom: 2px;
	font-size: 12px;
	text-decoration: underline;
}