html{margin: 0;padding: 0;}
body{font-size:10pt;font-family:times, serif;background:white;margin: 0;padding: 0;height: 100%;width: 100%;}
#johnson{width: 100%;margin: 0;padding: 0;position:relative; left:0px;top:20px;}
#banner{text-align:center;margin-top:0%;padding-top:45px;background:url(images/roofbig.jpg) 55% 0px  no-repeat;text-decoration:none;width:100%;color:black;font-family:verdana, sans-serif;}
#banner .imglf{float: left;margin-left:10%;width: 104px;}
#banner .imgrt{float: right;margin-right:5%;top: 0;width: 494px;margin-bottom: 2em;}
.head{font-size: 4em;color: black;font-style: normal;font-family: verdana,sans-serif;font-weight: bold;margin-left: 1.5em;}
.head .subhead{font-size: .65em;}
#banner #addr{font-family: times, serif;font-weight:bold;font-size:1.2em;margin-top:.5em;margin-left:4em;}
#banner .free{font-size: 1em;font-style: italic;color: black;padding-top:1em;padding-left:4em;}
#banner .ph{float: right;width: 20%;font-size: 1.25em;color: red;text-align: center;margin:-8em 1em 0 0;line-height: 1.5em;font-weight: bold;}
#banner .ph .email a{color: red;text-decoration: underline;}
#banner .strt{margin:-8em 0 0 2em;font-size: 1.2em;font-weight: bold;float: left;width: 20%;text-align: center;line-height: 1.5em;}
#banner .strt a:link{color: blue;text-decoration:underline;}
#banner .strt a:visited{color: blue;text-decoration:none;}
#banner .strt a:hover{color: red;text-decoration:none;}
#banner .strt a:active{color: red;text-decoration:underline;}



#main{position: absolute;top: 210px; left:10%;text-align:center;}
#items{visibility:visible;position:relative; left:8%;top:50px;}
p{text-indent:1.25em;}
.first{font-size: 1.5em;}
h2{font-family: Times,serif;font-style: italic;font-size: 1.5em;color: blue;}
#hrs{line-height: 1em;padding-top: 1em;color: black;font-size: .8em;}
#items table{background: white;}
#menu{font-variant:small-caps;width:250px;float:left; margin:40px 0 100px -20px;border-right:blue solid 1px;visibility:visible;}
#menu li{list-style:none;margin-left:2em;line-height:1.25em;}
#menu a{display: block;font-family:Times, serif;font-size:1.25em;line-height: 1.25em; font-weight:bold;font-style: italic;text-align: left;padding:.5em;padding-top: 20px;}

/* My Comment */
#menu a:link{color:black;background:transparent;text-decoration:none;}
#menu a:visited{color:black;background:transparent;text-decoration:none;}
#menu a:hover{color:blue;font-size:1.35em;background:url(images/roof.jpg) 0 0  no-repeat;text-decoration:underline;text-align: center;padding-top: 20px;}
#menu a:active{color:red;font-size:1.35em;background:url(images/roof.jpg) 0 0 no-repeat;text-decoration:underline;text-align: center;padding-top: 20px;}
#welcome,#about,#homes,#excav,#concrete,#add,#decks,#roof{width:65%;visibility:hidden;position:absolute; left:25%;top:200px;z-index:100; 
margin:2em 1em;padding:1em;font-size: 1.35em;}
#foot{border-top:solid black 0px;color: black;
position: relative; top:800px;left: 0;width:50%; margin-left: 50%;margin-top: 0em;font-size:.9em;font-style:italic; font-weight:bold;background:white;}
#foot .copy{vertical-align:super;font-size:.9em;}
.imglf{float:left;width: 400px;margin: 1em;border: 0px solid black;padding: .5em;}
.imglf2{float:right;width: 400px;margin: 1em;border: 0px solid black;padding: .5em;}
.imgrt{float:right;width: 400px;margin: 1em;border: 0px solid black;padding: .5em;}
#bldgimg{float: right;width: 500px;}
#fireplace1{margin: 2em 0 0 3em;}
#twrimg{width:240px;padding-right: 1em;float: left;}
#twr{font-size:1.25em;font-style: normal;background-image:none;font-variant:normal;color: red;}
#twr a{margin-left:3em;font-size:1.25em;font-style: normal;}
#twr a:link{color:blue;background:transparent;text-decoration:underline;font-style: normal;}
#twr a:visited{color:black;background:transparent;text-decoration:none;font-style: normal;}
#twr a:hover{color:red;background:transparent;text-decoration:underline;background-image:none;font-size:1.25em;text-align: left;font-style: normal;}
#twr a:active{color:green;background:transparent;text-decoration:none;background-image:none;font-size:1.25em;text-align: left;font-style: normal;}
#hm{visibility:hidden;}
#design{font-size:.85em;}
#design a, #design a:visited{color:white;background:transparent;text-decoration:none;}
#design a:hover,#design a:active{color:black;background:transparent;text-decoration:none;}
p#lic{
	text-align: center;
font-weight: bold;}
#about .sml{padding-top: 5em;
	font-size: .75em;text-align: center;font-weight: bold;
}