/*no page margins*/
html, body {
margin: 0;
padding: 0;
position: absolute;
top: 0
left: 0;
}

#preloader {
color: #321903;
font-size: 20pt;
background-color: transparent;
text-decoration: none;
padding: 200px;
position: fixed; 
top: 50% 
left: 50%;
}

/*makes text for links brown */
a:link {
color: #321903;
background-color: white;
opacity: .7;
filter:alpha(opacity=70);
text-decoration: none;
padding: 2px;
}

/*makes the links on about page red and not translucent*/
#about a:link {
color: #890f0a;
opacity: 1.0;
filter:alpha(opacity=100);
}

/*makes text for links brown */
a:visited {
color: #890f0a;
text-decoration: none;
}

/*makes background brown and text white on hover */
a:hover, #about a:hover {
color: #ffffff;
text-decoration: none;
background-color: #890f0a;
}

/*sets active state for links to red > does not seem to work*/
a:active {
color: #890F0a;
text-decoration: none;
}



/* styles the main nav */
#nav {
position: absolute;
top: 90px;
left: 660px;
font-family: Georgia, TimesNR, Serif;
font-size: 12pt;
line-height: 180%;
width: 100px;
display: none;
}

/*takes bullets off of main nav */
ul {
list-style-type: none;
}

/*makes and styles big white boxes for each section */
#about  {
position: absolute;
top: 150px;
left: 95px;
background-color: white;
min-height: 1px;
width: 500px;
padding: 8px;
vertical-align: top;
margin: 0;
font-size: 10pt;
line-height: 18pt;
font-family: Georgia, TimesNR, Serif;
opacity: .7;
filter:alpha(opacity=70);
}

#pageTitle, .portfolioTitles {
margin: 0;
font-size: 10pt;
font-weight: bold;
line-height: 18pt;
font-family: "Lucida Grande", Verdana, Helvetica, "Sans Serif";
}


#portfolio {
position: absolute;
top: 150px;
left: 95px;
background-color: #E5E0DB;
min-height: 1px;
width: 500px;
padding: 8px;
vertical-align: top;
margin: 0;
font-size: 10pt;
line-height: 18pt;
font-family: Georgia, TimesNR, Serif;
}



#contact {
position: absolute;
top: 150px;
left: 95px;
min-height: 1px;
width: 200px;
padding: 8px;
vertical-align: top;
margin: 0;
font-size: 10pt;
line-height: 18pt;
font-family: Georgia, TimesNR, Serif;
}

#topBox {
background-color: #E5E0DB;
margin-bottom: 8px;
padding: 8px;
min-width: 100px;
}

#photos {
background-color: white;
opacity: .7;
filter:alpha(opacity=70);
width: 700px;
padding: 8px;
}

#contact p {
padding-bottom: 8px;
}

#topBox p a:link {
color: #890F0a;
background-color: #E5E0DB;
opacity: 1.0;
filter:alpha(opacity=100);
}

#contact p a:hover, #contact p a:active {
color: white;
background-color: #890F0a;
}

#about p {
padding-bottom: 18px;
}

#aboutTitle {
font-weight: bold;
font-size: 10pt;
font-family: "Lucida Grande", Verdana, Helvetica, "Sans Serif";
padding: 8px;
}



#contact p.smaller {
font-size: 9pt;
font-family: Verdana, Arial, Sans-Serif;
padding: 8px;
color: #013a8b;
padding: 8px;
}

#contact a:link, #contact a:visited, #contact a:active{
color: #321903;
}

#subnav {
font-size: 9pt;
font-family: Verdana, Arial, Sans-Serif;
font-weight: bold;
text-align: right;
}

a.headings:link {
  width:100%;
  background-color: #e5e0db;
}

a.headings:visited {
  width:100%
}

a.headings:hover {
  color: #890f0a;
  text-decoration:none;
  width:100%
}

a.headings:active {
  width:100%
}

a.headings {
  background-repeat: no-repeat;
  }
      
     
#portfolioContainer {
position: absolute;
top: 200px; 
left: 190px;
}


     
#captionBox {
margin-top: 8px;
padding: 8px;
font-family: lucida grande, verdana, sans serif;
font-size: 9pt;
color: white;
background-color: #890f0a;
}
     
#button {
min-width: 250px;
color:  #321903;
margin-top: 4px;
padding: 8px;
font-family: lucida grande, verdana, sans serif;
font-size: 9pt;
font-weight: bold;
}

#button a:hover{
background-color: #321903;
color: white;
}
     
 
/* general styling for this example*/ 
* { 
margin: 0; 
padding: 0; 
}

body { 
padding: 20px; 
}



/********************** begin gallery styling *****************/

/*thumbnail display area*/
#gallery,#web_gallery,#print_gallery{ 
list-style: none; 
width: 100px; 
}

/*thumbnails themselves*/
#gallery li, #web_gallery li, #print_gallery li { 
float: left; 
display: block; 
width: 25px; 
height: 25px; 
background-position: 60% 60%; 
cursor: pointer;
background-color: #b3b7cb;
border: 3px solid #fff; 
outline: 1px solid #321903; 
margin-right: 14px; 
margin-bottom: 14px; 
padding: 0;
}


#bigBox {
border: 1pt #321903 solid;
}


/*makes images not display unless javascript tells it to */
#gallery li img, #web_gallery li img, #print_gallery li img { 
display: none; 
}




/* ************** bugs and fixes ****************** */

/* safari bug */ 
#gallery li.active, #gallery li:hover, #web_gallery li.active, #web_gallery li:hover, #print_gallery li.active, 
#print_gallery li:hover {
outline-color: #bbb; opacity: .99 
}


/* styling without javascript */
#gallery { 
list-style: none; 
display: block; 
}

#gallery li { 
float: left; 
margin: 0 10px 10px 0; 
}
/* end styling without javascript */