* 
{
    text-align: center;
    font-family: arial;
    font-size: 100%;
    color: #333333;
}

a 
{
    color: #333;
    text-decoration: none;
}



em 
{
    font-style: italic;
}

div#hd
{
    text-align: left;
    padding-top: 40px;
    padding-left: 60px;
    height: 100px
}

div#bd 
{
    height: 230px;
    padding-top: 50px;
}

/* -- overrides for index page */
body#homePage div#hd
{
    padding-top: 30px;
    padding-left: 0;
    height: 110px;
}

body#homePage div#bd
{
    padding-top: 20px;
    height: 260px;
}
/* ---------------------------- */


body.threeAcross div#bd img
{
    margin-right: 100px;
    margin-left: 0px;
}

body.threeAcross div#bd img.lastImage
{
    margin-right: 0px;
}





/* menu ------------------------*/

ul#menu {
    position: relative;
    float: left;
}

ul#menu li {
    list-style-type: none; 
    position: absolute;
}

ul#menu a {
    display: block;
    height: 50px;
    width:200px;
    
 }


ul#menu li#homeMenuItem
{
    left: 0px;  top:96px;

}

ul#menu li#homeMenuItem a  
{
    background: url(../images/menu/home.jpg) no-repeat top left;
    width: 100px;
}

ul#menu li#homeMenuItem a:hover  {  
    background-image: url(../images/menu/homeHover.jpg);           
}



ul#menu li#paintingMenuItem  { 
    left: 90px;
    top: 100px;
}    

ul#menu li#paintingMenuItem a  {  
    background: url(../images/menu/painting.jpg) no-repeat top left; 

}

ul#menu li#paintingMenuItem a:hover  {  
    background-image: url(../images/menu/paintingHover.jpg);  
}


ul#menu li#drawingMenuItem  {  
    left: 250px;
    top: 100px;
}

ul#menu li#drawingMenuItem a  {  
    background: url(../images/menu/drawing.jpg) no-repeat top left;  
}

ul#menu li#drawingMenuItem a:hover  {  
    background-image: url(../images/menu/drawingHover.jpg);  
}

ul#menu li#installationMenuItem
{
    left: 400px;
    top: 100px;

} 


ul#menu li#installationMenuItem a  {  
    background: url(../images/menu/installation.jpg) no-repeat top left; 
    width:300px;
}

ul#menu li#installationMenuItem a:hover  {  
    background-image: url(../images/menu/installationHover.jpg);  
}    


 
ul#menu li#projectsMenuItem  
{
    left: 640px;
    top: 96px;
} 

ul#menu li#projectsMenuItem a  {  
    background: url(../images/menu/projects.jpg) no-repeat top left;  
} 

ul#menu li#projectsMenuItem a:hover  {  
    background-image: url(../images/menu/projectsHover.jpg);  
}   



ul#menu li#meMenuItem  
{
    left: 800px;
    top: 96px;
}

ul#menu li#meMenuItem a  {  
    background: url(../images/menu/me.jpg) no-repeat top left;
}
ul#menu li#meMenuItem a:hover  {  
    background-image: url(../images/menu/meHover.jpg); 
}


ul#menu li#linksMenuItem  
{
    left: 880px;
    top: 100px;    
}

ul#menu li#linksMenuItem a {  
    background: url(../images/menu/links.jpg) no-repeat top left;  
}

ul#menu li#linksMenuItem a:hover  {  
    background-image: url(../images/menu/linksHover.jpg);  
}

/* ------------------------------*/

/* remove dotted outline in links in firefox */
a:focus
{
-moz-outline-style: none;
}
/* --- */

#ft 
{
    position: relative;
    float: left;
}

.emailAddress
{
    position: absolute;
    top: 175px;
    left: 300px;
}

.emailAddress a
{   
    color: gray;
    text-decoration: underline;
	white-space: nowrap;
} 

.emailAddress a:hover
{   
    color: silver;
} 


body#linksPage #bd p
{
    margin-top: 10px;
}

body#linksPage #bd a
{
    font-size: larger;
    color: Gray;
}

body#linksPage #bd a:hover
{
    color: Silver;
}


body#aboutMePage #bd
{
    position: relative;
    he/ight: 460px;
}

body#aboutMePage #bd img
{
    
   pa/dding-top: 0;
   he/ight: 460px;
   position: absolute;
   top: -100px;
   left: 200px;
}