/* CSS Document */

/*--------------------------MEYER RESET--------------------------*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
margin: 0;
padding: 0;
border: 0;
outline: 0;
font-size: 100%;
vertical-align: baseline;
background: transparent;
}
body {
line-height: 1;
}
ol, ul {
list-style: none;
}
blockquote, q {
quotes: none;
}
/* remember to define focus styles! */
:focus {
outline: 0;
}
/* remember to highlight inserts somehow! */
ins {
text-decoration: none;
}
del {
text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
border-collapse: collapse;
border-spacing: 0;
}

/*--------------------------meyer reset.--------------------------*/

img {
display: block;
}		
p, ul, ol, dl, address {
margin-bottom: .5em;
}
div#header {
padding: 70px 0 0 0;
}	
div#container {
position: relative;
width: auto;
height: auto;
margin: 0 auto;
text-align:center;
}
h1 {
text-indent: -9999px;
}
h1 img {
margin:0 auto;
}
div#content_head {
height: 12px;
margin: 0 auto;
padding: 0;
clear: both;
text-align: center;
}
div#content_head img, div#content_foot img {
width: 956px;
height: 12px;
margin: 0 auto;
}


/*--------------------------NAVIGATION--------------------------*/

#homelogo {
background-image: url(../images/homelogo.gif);
margin: 0 auto;
text-align: center;
width: 407px;  
height: 91px;
display: block;  
text-decoration: none;
}
#homelogo a:hover {  
background-position: 0 91px;  
}
#homenav {
width: 435px;
height: 186px;
margin: 60px auto 0 auto;
text-align: center;
}
#homenav ul {
list-style: none;
}
#homenav li {
float: left;
}
a#print {
background-image: url(../images/print.jpg);
width: 145px;  
height: 186px;
display: block;  
text-decoration: none;  
}
a#web {
background-image: url(../images/web.jpg);
width: 145px;  
height: 186px;
display: block;  
text-decoration: none;  
}
a#photo {
background-image: url(../images/photo.jpg);
width: 145px;  
height: 186px;
display: block;  
text-decoration: none;  
} 
a:hover {  
background-position: 0 186px;  
}

/*--------------------------navigation.--------------------------*/

/*--------------------------BODY--------------------------*/

div#flash_viewer {
margin: 0 auto;
text-align: center;
}
div#content_body {
background-color: #e9e9df;
overflow: auto;
}
body {
background: #000000;
text-align: center;
}

/*--------------------------body.--------------------------*/

/*--------------------------CONTACT FORM--------------------------*/

#emailform {
width: 435px;
text-align: left;
padding: 30px;
margin: 0 auto;
}
#name, #email, #website, #comment {
width: 435px;
background: #efefef;
border: 1px solid white;
margin: 10px 0;
}
.formlabels {
color: #666; 
padding: 5px 0 0 0;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}
input, textarea {
background: #efefef;
border: 1px solid #ccc;
color: #666;
font-size: 11px;
font-family: Arial, Helvetica, sans-serif;
}

/*--------------------------contact form.--------------------------*/


/*--------------------------FOOTER--------------------------*/
		
div#content_foot {
height: 12px;
margin: 0 auto;
padding: 0;
clear: both;
text-align: center;
}  
#footer {
color: #e9e9df;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
padding: 25px 0 0 0;
}
.contact a {
color: #999;
font-size: 11px;
font: Arial, Helvetica, sans-serif;
text-decoration: none;
}
.contact a:hover {  
color: #666;
text-decoration: underline;  
}

/*--------------------------footer.--------------------------*/