body{
    border-left: 20px double #105AA5;
    border-right: 20px double #105AA5;
    font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
}

#header {
    height: 175px;
	border: 0px solid black;
	margin: 20px;
	padding: 0px;
}

#sidebar {
    border: 0px solid black;
    background-image: url("http://www.allamericanroofs.com/website2/images/rwb_bar.gif");
    background-repeat:repeat-y;
	width: 200px;
	margin-left: 20px;
	float: left;
	display: inline; 
}

#content {
  	margin-left: 242px;
	margin-right: 20px;
	border: 0px solid black;
	padding: 20px;
}

#footer {
	margin: 20px 20px 0 20px;
	padding: 20px;
	border: 0px solid black;
	clear: left;
	}
	
.floatright {
    float: right;
    margin: 0 0 10px 10px;
    border: 0px solid #666;
    padding: 2px;
    }

.floatleft {
    float: left;
    margin: 10px 20px 0px 0px;
    border: 1px solid #666;
    padding: 2px;
    }
    
p {
	font:11px/20px verdana, arial, helvetica, sans-serif;
	margin:0px 0px 16px 0px;
	padding:0px;
	}

h1 {
	text-align: right;
	margin:0px 0px 15px 0px;
	padding:0px;
	font:14px verdana, arial, helvetica, sans-serif;
	font-weight:900;
	}

h2 {
	text-align: left;
	margin:0px 0px 15px 0px;
	padding:0px;
	font:14px verdana, arial, helvetica, sans-serif;
	font-weight:900;
	color:#105AA5;
	}
	
h3 {
	text-align: left;
	margin:0px 0px 15px 0px;
	padding:0px;
	font:14px verdana, arial, helvetica, sans-serif;
	font-weight:900;
	color:#FF0000;
	}


hr  {
border: 0;
height: 1px;
width: 100%;
color: #000000;
background-color: black;
}

ul.sample {
	list-style-type: disc;
	list-style-image: none;
	list-style-position: outside;
}
ol.sample {
	list-style-type: decimal;
	list-style-position: outside;
}
ol.sample ol {
	list-style-type: decimal;
}
ul.sample li { font-style: italic; }
ol.sample li { font-style: italic; }
ol.sample ol { font-style: normal; }

a {color:#09c;}
a:link {color:#0000FF;}
a:visited {color:#800080;}
a:hover {background-color:#FFFFFF;}

#navigator {
font:14px/20px sans-serif;
font-weight: 900;
border: 0px #666666 solid;
width: 150px;
margin-top: 0;
margin-left: 0;
margin-right: 0;
padding: 0px;
text-align: center;
}

.housebutton {
font:14px/20px sans-serif;
font-weight: 900;
text-align: left;
margin-bottom: 3px;
margin-top: 3px;
}

.housebutton a {
font:14px/20px sans-serif;
font-weight: 900;
padding: 4px;
text-decoration: none;
display: block;
color: #FFFFFF;
background-color: #105AA5;
border-top: 2px #cce3ff solid;
border-left: 2px #cce3ff solid;
border-bottom: 2px #31557f solid;
border-right: 2px #31557f solid;
}

.housebutton a:hover {
font:14px/20px sans-serif;
font-weight: 900;
background-color: #FF0000;
border-top: 2px #31557f solid;
border-left: 2px #31557f solid;
border-bottom: 2px #cce3ff solid;
border-right: 2px #cce3ff solid;
}

a.info{
        position:absolute;           /*this is the key*/
        z-index:24;
        background-color:#fff;    /* background colour of display text */
        color:#000000;               /* colour of display text */
            
        text-decoration:none;
        font-style:none;
        }

        a.info:hover {
        z-index:25;
        background-color:#fff;

        }

        a.info span{
        display: none;  /* hide the span text using this css */
        }

        a.info:hover span{ /*the span will display just on :hover state*/
        display:block;
        position:absolute;
        top: -5em;
        left: 40em;
        width:200px;
        height:100px;
        border:0px solid #999; /* border colour */
        background-color:#fff; /* background colour here */
        color:#000000;         /* text colour */
        text-align: center;
        font-size: .8em;
        font-style:none;
        z-index:30;
        }

        .images {
        vertical-align:bottom;
        }