/* CSS reset - sets default margins and padding to 0. */
a,body,html,div,h1,h2,h3,h4,h5,h6,p { 
margin:0;
padding:0;
text-decoration: none;
}

a:focus {
outline: none;
}

body {
background: #ffffff;
text-align: center;
}

html, body {
min-height: 100%;
margin-bottom: 1px;
}

.brclear { 
clear: both; 
height: 0; 
margin: 0;
font-size: 1px;
line-height: 0px;
}

#main { /* individual photo pages only*/
display: block;
height: 630px;
margin: 0;
padding: 0;
}

a {
font-family: arial, helvetica, sans serif;
font-size:9pt;
font-weight:normal;
text-align: center;
letter-spacing:0.025em;
}

a:link    {color: #999999;}
a:visited {color: #999999;}
a:hover   {color: #ff3300;}
a:active  {color: #ff00ff;}


/* -- - - - - previous and next links - - - - - */

.prevnext {
margin: 5px auto 5px auto;
padding: 0;
font-size: 8pt;
color: #828282;
font-weight: normal;
font-style: normal;
text-align: center;
line-height: 100%;
letter-spacing: 0.25em;
}

.prevnext a:link    {color: #000000;}
.prevnext a:visited {color: #000000;}
.prevnext a:hover   {color: #ffff00;}
.prevnext a:active  {color: #4dff4d;}

.prevnext a{
font-size: 8pt; 
font-weight: bold; 
font-family: arial, helvetica, sans serif;
letter-spacing: 0.053em;
line-height: 133%;
}

.prevnext p a:link    {color: #999999;}
.prevnext p a:visited {color: #999999;}
.prevnext p a:hover   {color: #ff3300;}
.prevnext p a:active  {color: #ff00ff;}


#photo {
margin: 0 auto;
padding: 0;
font-size: 8pt;
color: #828282;
font-weight: normal;
font-style: normal;
text-align: center;
line-height: 100%;
letter-spacing: 0.25em;
} 

img {
border: 1px solid #ffffff;
}

/* click on the image to move to the next one */
#click {
margin: 0 auto;
padding: 0;
font-family: trebuchet ms, arial, helvetica, sans serif;
font-size: 8pt;
font-weight: normal;
font-style: italic;
text-align: center;
line-height: 100%;
letter-spacing: 0.05em;
color: #999999;
}