body 
{
	position: relative;
	font: 1em trebuchet, arial, sans-serif;
	color: #000000;
	background: #ffffff;
}

a
{
	text-decoration: none;
}

a:link
{
	color: #24506g8;
}

a:visited
{
	color: #666666;
}

a:hover
{
	color: #33aa22;
}	

a:active
{
	color: #000000;
	background-color: #ffaaaa;
}

#nav
{
        font: 0.9em trebuchet, arial, sans-serif;
}

#nav a:link, a:visited, a:active
{
        color: transparent;
}

#nav a:hover
{
        color: #000000;
        background-color: #ffffff;
}

#hands
{
        position: absolute;

        background-image: url(http://willfain.com/web_images/handframescreen.jpg) top left no-repeat;
}

.portfolio
{
        position: absolute;
        top: 300px;
        left: 330px;
        color: #000000;
        background-color: #ffffff;
}

a.portfolio:hover
{
        color: #330033
        background-color: #ffffff;
}

.black
{
        position: absolute;
        top: 40px;
        width: 90px;
        left: 0px;
        color: #000000;
	background-color: #000000;
}

.gray2
{
        position: absolute;
        top: 40px;
        width: 90px;
        left: 90px;
        color: #151515;
	background-color: #151515;
}

.gray4
{
        position: absolute;
        top: 40px;
        width: 90px;
        left: 180px;
        color: #333333;
        background-color: #333333;
}

.gray6
{
        position: absolute;
        top: 58px;
        width: 90px;
        left: 0px;
        color: #454545;
        background-color: #454545;
}

.gray8
{	
        position: absolute;
        top: 58px;
        width: 90px;
        left: 90px;
	color: #666666;
        background-color: #666666;
}

.gray10
{
        position: absolute;
        top: 58px;
        width: 90px;
        left: 180px;
        color: #757575;
        background-color: #757575;
}

.cyan
{
        position: absolute;
        top: 22px;
        width: 90px;
        left: 0px;
        color: #00ffff;
        background-color: #00ffff;
}

.magenta
{
        position: absolute;
        top: 22px;
        width: 90px;
        left: 90px;
        color: #ff00ff;
        background-color: #ff00ff;
}

.yellow
{
        position: absolute;
        top: 22px;
        width: 90px;
        left: 180px;
        color: #ffff00;
        background-color: #ffff00;
}

.display
{
        position: absolute;
        top: 0;
        left: 340px;
        padding: 5px 5px 5px 0px;
}

.titleimage
{
         position: absolute;
         top: -10px;
         left: 320px;
}
	
#title
{
        position: absolute;
        top: -10px;
        left: -1px;
        padding-top: 10px;      
}

#thumbs a
{
        position: relative;
        top: 86px;
        width: 30px;
        height: 492px;
        margin-top: -10px;
        display: block;
        float: left;
        color: transparent;
}

.caption
{
        position: absolute;
        float: left;
        top: 565px;
        left: 5px;
        width: 265px;
        font-size: 0.8em;
}

.imagelink, a.imagelink:hover, a.imagelink:link, a.imagelink:active, a.imagelink:visited
{
        color: transparent;
}

.imagelinkweddinginvite
{
        background: url(http://willfain.com/web_images/blur/weddinginvitesliceblur.jpg) top left no-repeat;
}

a.imagelinkweddinginvite:hover
{
        background: url(http://willfain.com/web_images/weddinginviteslice.jpg) top left no-repeat;
}

.imagelinkcgrposter
{
        background: url(http://willfain.com/web_images/blur/cgrpluginpostersliceblur.jpg) top left no-repeat;
}

a.imagelinkcgrposter:hover
{
        background: url(http://willfain.com/web_images/cgrpluginposterslice.jpg) top left no-repeat;
}

.imagelinkenlightenedvirginity
{
        background: url(http://willfain.com/web_images/blur/enlightenedvirginitysliceblur.jpg) top left no-repeat;
}

a.imagelinkenlightenedvirginity:hover
{
        background: url(http://willfain.com/web_images/enlightenedvirginityslice.jpg) top left no-repeat;
}

.imagelinkvirginiawoolf
{
        background: url(http://willfain.com/web_images/blur/virginiawoolfsliceblur.jpg) top left no-repeat;
}

a.imagelinkvirginiawoolf:hover
{
        background: url(http://willfain.com/web_images/virginiawoolfslice.jpg) top left no-repeat;
}

.imagelinkgraduationinvite
{
        background: url(http://willfain.com/web_images/blur/graduationinvitesliceblur.jpg) top left no-repeat;
}

a.imagelinkgraduationinvite:hover
{
        background: url(http://willfain.com/web_images/graduationinviteslice.jpg) top left no-repeat;
}

.imagelinkrobotcalendar
{
        background: url(http://willfain.com/web_images/blur/robotcalendarsliceblur.jpg) top left no-repeat;
}

a.imagelinkrobotcalendar:hover
{
        background: url(http://willfain.com/web_images/robotcalendarslice.jpg) top left no-repeat;
}

.imagelinkneighborhoodtreeplanting
{
        background: url(http://willfain.com/web_images/blur/neighborhoodtreeplantingfrontsliceblur.jpg) top left no-repeat;
}

a.imagelinkneighborhoodtreeplanting:hover
{
        background: url(http://willfain.com/web_images/neighborhoodtreeplantingfrontslice.jpg) top left no-repeat;
}

.imagelinkiseelight
{
        background: url(http://willfain.com/web_images/blur/iseelightsliceblur.jpg) top left no-repeat;
}

a.imagelinkiseelight:hover
{
        background: url(http://willfain.com/web_images/iseelightslice.jpg) top left no-repeat;
}

.imagelinkreplantnolatshirt
{
        background: url(http://willfain.com/web_images/blur/replantnolatshirtsliceblur.jpg) top left no-repeat;
}

a.imagelinkreplantnolatshirt:hover
{
        background: url(http://willfain.com/web_images/replantnolatshirtslice.jpg) top left no-repeat;
}


/*

Below are image rollovers for the VTech portfolio pages

*/


.imagelinkcallcenterbanner
{
        background: url(http://willfain.com/vtech/vtechthumbs/callcenterbannersliceblur.jpg) top left no-repeat;
}

a.imagelinkcallcenterbanner:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/callcenterbannerslice.jpg) top left no-repeat;
}

.imagelinkCES-Final
{
        background: url(http://willfain.com/vtech/vtechthumbs/CES-Finalsliceblur.jpg) top left no-repeat;
}

a.imagelinkCES-Final:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/CES-Finalslice.jpg) top left no-repeat;
}

.imagelinkframesandfoliage
{
        background: url(http://willfain.com/vtech/vtechthumbs/framesandfoliagesliceblur.jpg) top left no-repeat;
}

a.imagelinkframesandfoliage:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/framesandfoliageslice.jpg) top left no-repeat;
}

.imagelinkpainted-woman
{
        background: url(http://willfain.com/vtech/vtechthumbs/painted-womansliceblur.jpg) top left no-repeat;
}

a.imagelinkpainted-woman:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/painted-womanslice.jpg) top left no-repeat;
}

.imagelinkpigeon
{
        background: url(http://willfain.com/vtech/vtechthumbs/pigeonsliceblur.jpg) top left no-repeat;
}

a.imagelinkpigeon:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/pigeonslice.jpg) top left no-repeat;
}

.imagelinkpigeon
{
        background: url(http://willfain.com/vtech/vtechthumbs/pigeonsliceblur.jpg) top left no-repeat;
}

a.imagelinkpigeon:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/pigeonslice.jpg) top left no-repeat;
}

.imagelinksoundsofvtech
{
        background: url(http://willfain.com/vtech/vtechthumbs/soundsofvtechsliceblur.jpg) top left no-repeat;
}

a.imagelinksoundsofvtech:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/soundsofvtechslice.jpg) top left no-repeat;
}

.imagelinkV-style-backs-poster
{
        background: url(http://willfain.com/vtech/vtechthumbs/V-style-backs-postersliceblur.jpg) top left no-repeat;
}

a.imagelinkV-style-backs-poster:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/V-style-backs-posterslice.jpg) top left no-repeat;
}

.imagelinkVTech-Buckslip
{
        background: url(http://willfain.com/vtech/vtechthumbs/VTech-Buckslipsliceblur.jpg) top left no-repeat;
}

a.imagelinkVTech-Buckslip:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/VTech-Buckslipslice.jpg) top left no-repeat;
}

.imagelinkWalmart-Sled-6221-3
{
        background: url(http://willfain.com/vtech/vtechthumbs/Walmart-Sled-6221-3sliceblur.jpg) top left no-repeat;
}

a.imagelinkWalmart-Sled-6221-3:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/Walmart-Sled-6221-3slice.jpg) top left no-repeat;
}

.imagelinkCS6229-2-GB
{
        background: url(http://willfain.com/vtech/vtechthumbs/CS6229-2-GBsliceblur.jpg) top left no-repeat;
}

a.imagelinkCS6229-2-GB:hover
{
        background: url(http://willfain.com/vtech/vtechthumbs/CS6229-2-GBslice.jpg) top left no-repeat;
}


/*

Below are CSS selectors for the résumé page and about page

*/



h2
{
	font: italic lighter 1.5em/0.7 veranda, arial, sans-serif;
	letter-spacing: 0.01em;
}

h3
{
	display: inline;
	font: lighter 1.1em/0.5 bodoni, georgia, "times new roman", serif;
	letter-spacing: 0.01em;
}

em
{
	letter-spacing: 0.01em;
}

ul
{
	text-indent: 4em; 
	list-style-type: none;
}

#resumecontent
{	
	position: absolute;
        float: left;
        top: 30px;
        left: 330px;
	font-size: 0.8em;
}

#resumecontent a:visited
{
        color: #666666; 
}


#aboutcontent a:visited
{
        color: #666666; 
}

#aboutcontent
{   
        postion: absolute;
        float: left;
        margin-top: 30px;
        margin-left: 330px;
        width: 260px;
	font-size: 0.8em;
}