body { background-color: #FFF;
       font-family: Arial, Verdana, sans-serif;
       font-size: 12px;
       background-image: url('images/linen.jpg');
      }

img {border:0; font-size:80%;}

.project { text-align: center;
           display: block;
           margin: 0 auto 15px auto;
         }

.main { width:760px;
        height: 100%;
        display: block;
        margin: 0 auto;
        background-color: #FFF;
        background-image: url('images/main-mid.jpg');
        background-repeat: repeat-y;
        padding: 10px;
       }

.menu { text-align: right;
        font-size: 12px;
        font-weight: bold;
        color: black;
        margin-right: 15px;
      }

.text { margin-left: 25px;
       margin-right: 25px;
      }

.bio { float: right;
       margin: 0 0 15px 30px;
     }


ul { list-style-type: none;
     margin-left: 0px;
     padding-left: 0px;
     font-family: Arial, Verdana, sans-serif;
     font-size: 12px;
  }

.footer { font-family: Arial,Helvetica,sans-serif;
          font-size: 9px;
          color: #000;
        }

.footer a:link { font-weight: bold;
                color: #008000;
                text-decoration:none;
               }

.footer a:visited { font-weight:bold;
                    color: #917CC6;
                    text-decoration:none;
                  }

a:link { font-weight:bold;
         color: black;
         text-decoration:none;
       }

a:visited { font-weight:bold;
            color: #996633;
            text-decoration:none;
          }

a:hover { font-weight:bold;
          color: #0066CC;
          text-decoration: underline;
        }


.thumb { float: left; margin: 0 10px 10px 0; }

.thumbright { float: right; margin: 0 0 10px 25px; }

.portfolio { width: auto;
             padding-right:15px !important; padding-right:0; }


/* STYLES FOR CROSSFADER */


	div.cf_wrapper
	{
		position: relative;
	}

	div.cf_element
	{
		width: 305px;
		height: 330px;
    background-image: url('images/stucco-texture.jpg');
	}

	div.cf_element2
	{
		width: 490px;
		height: 350px;
	}

	div.cf_element div.content
	{
		padding: 10px;
	}

	div.cf_element2 div.content
	{
		padding: 10px;
	}



/* Thumbnail hover large image */

.thumbnail{ position: relative;
           z-index: 0;
          }

.thumbnail:hover{
background-color: transparent;
z-index: 50;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
background-color: #3258C7;
padding: 5px;
left: -1000px;
border: 1px solid black;
visibility: hidden;
color: black;
text-decoration: none;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0;
padding: 2px;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
visibility: visible;
top: 50%;
left: 50%; /*sets upper left corner at center of screen; use html to offset half of image width and height */