html, body {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
font-family: arial, sans-serif;
color : #212121;
background-color : #ddd;
}

#header {
background: #ddd;
/* height: 20%; */  /* when inactive it sucks gallery to top.  When active it leaves a gap and floats header to top */
height: 0px;  /* used to be 120px with old flash header */
width: 100%;
}


#gallery {
height: 100%;
margin: 0;
padding: 0;
width: 100%;
max-height: 425px;  /* IMAGES NEED TO BE SIZED TO 405px  */
}

#footer {
background: #ddd;
/* height: 20%; */  /* when inactive it sucks gallery to top.  When active it leaves a gap and floats header to top */
height: 175px;
width: 100%;
}


#header .content, #footer .content, #gallery .content, #index .content {
/* height: 100%; */   /* affects iframe when active   */
margin: 0 auto; /* To shift all content to the left, remove auto */
min-height: 0px;
position: relative;
width: 760px;
}

#header .content img {
height: 120px;
position: absolute;
bottom: 0;
left: -70px;  /* was -100px  */
}

#header .content #header-flash {
height: 120px;
position: absolute;
bottom: 0;
width: 760px;
}


#footer .content #footer-flash {
float: left;
height: 175px;
width: 760px;
}

h1 {
font-size: 9pt;
letter-spacing: 0.08em;
line-height: 11pt;
text-align: left;
margin-top: 20px; 
color : #999;
height: 100%;
font-weight:400;
}

h2 {
text-indent: -999px;
color: #212121;
font-size: 1px;
width:5px;
}

/* Facebook positioning */
#fb-position {
margin: 25px 0px 0px 30px;
}


/* Styles for non-flash version */

#header-title {
float: left;
margin-top: 60px;
font-size: 14pt;
line-height: 14pt;
}

#header-navigation {
margin-top: 90px;
letter-spacing: 0.08em;
text-transform: uppercase;
text-align: right;
font-size: 8pt;
line-height: 8pt;
}

#footer-email {
text-align: right;
margin-top: 40px;
letter-spacing: 0.04em;
font-size: 10pt;
line-height: 10pt;
}

#footer-copyright {
margin-top: 20px;
letter-spacing: 0.08em;
text-align: right;
font-size: 7pt;
line-height: 7pt;
}


/* Homepage Non Flash  */
#box {
margin-top:-120px;
padding: 120px 20% 2%;
background-color:#ddd;
min-height:800px;
}
/* End Homepage  */

/* end */



a:link {
display : inline;
text-decoration : none;
color : inherit;
}
a:active {
display : inline;
text-decoration : none;
color : inherit;
}
a:visited {
display : inline;
text-decoration : none;
color : inherit;
}
a:hover {
display : inline;
text-decoration : none;
color : #ebcd96;
}