/* general typography */
body {
    background-color: #6d9cae;
    font-family: Arial;
    font-size: 10pt;
}

h1 {
font-size: 12pt;
/*font-family: Gill Sans MT;*/
/*font-weight: normal;*/
/*text-transform: uppercase;*/
font-weight: bold;

}
h2 {
font-size: 12pt;
font-family: Gill Sans MT;
font-weight: normal;
}
h3 {
font-size: 10pt;
font-family: Gill Sans MT;
font-weight: normal;
}

/* block layout */
/* reset all margins/paddings so that differences between defaults in browsers don't matter */
* {
    margin: 0; 
    padding: 0;
}

p { margin-top: 1em; }

#wrapper {
    width: 800px; /* could change this to a percentage for more fluidness */
    margin-top: 52px;
    margin-left: auto; /* automatic centering */
    margin-right: auto; /* automatic centering */
    background-color: #fff;
    position: relative;
}

#header {
   background-image: url("../gif/logoheader.gif");
   background-color: #fff;
   width: 800px;
   height: 150px;
}

#header h1 { display: none; }
#subheader {
    background-image:url("../jpg/hus.jpg");
    background-color: #fff;
    background-repeat: no-repeat;
    background-position: right;
    width: 800px;
    height: 150px;
}
#subheader img {
padding-left: 6px;
}

#navigation {
   width: 172px;
   float: left;
   margin-top: 4px;
   margin-left: 8px;
   background-color: #fff;
   font: 11pt/12.5pt Gill Sans MT, Trebuchet MS;
   overflow: hidden;
   
}

#navigation ul {
    list-style-type: none;
    text-transform: uppercase;
    padding: 0;mar<gin:0;
}
#navigation ul li {

}

#navigation ul li ul {
	font-size: smaller;
    text-transform: none;
    display: none; /* changed to 'block' through JS */
}
#navigation ul li ul li ul {
	display: none;
}
#navigation a:link {
	color: #000;
    text-decoration: none;
}
#navigation a:visited {
	color: #000;
    text-decoration: none;
}

#navigation  address {
    margin-top: 40px;
    margin-left: 0;
    font: 9pt/11pt Gill Sans MT, Trebuchet MS;
    text-transform: uppercase;
}

#navigation address #email{
    text-transform: none;
}
#navigation p {
font-size: 10pt;
}
/* content should really be an id, not a class... */
.content {
    position:relative;
    margin-left:212px;
    /*padding-top: 16px;*/

}
.content p {
    font-size: 14px;
}
.content h1 {
    padding-top: 16px;
    margin-bottom: 18px;
}

#sidebar {
    /*position: absolute;*/
    float: right;
    width: 144px;
    padding-top: 16px;
    padding-left: 40px;
    padding-right: 40px;
    background-color: #ffc;
    margin-left: 40px;
}
#sidebar p{
    font-size: 12px;
}
#sidebar h1 {
padding-top: 0;
margin-bottom: 16px;
}

#clear {
clear: both;
}



img.illustration {
    float: right;
}
img#exterior {
border: solid thin red;
position: absolute;
top:0; right:0;
}

a img {
    border: none;
}