body {
    }

td{
    border: 0px solid;
    padding: 0px;
    margin: 0;
    vertical-align: middle;
    text-align: center;
    }

a{
    text-decoration: none;
    color: #000000;
    font-family: verdana, arial, sans-serif;
    }

h1{
    font-family: verdana, arial, sans-serif;
    font-size: 7.5pt;
    font-style: italic;
    font-weight: normal;
    color: #333333;
    padding: 2px;
    }
    
p{
    font-family: verdana, arial, sans-serif;
    font-size: 7.5pt;
    color: #333333;
    padding: 2px;
}

#center{
    margin: 0 auto;
    width: 600px;
    background-color: white;
    align: center;
}

#container{
    position: relative;
    padding: 0;
    width: 640px;
    height: 395px;
    background-color: #FFFFFF;
    margin: 0 auto;
    text-align: left;
    }

#content{
    position: absolute;
    top: 1em;
    font-family: verdana, arial, sans-serif;
    font-size: 7.5pt;
    padding: 0px;
    line-height: 150%;
    max-height: 35em;
    overflow: auto;
    }

#content a{
    color: #666666;
    }

#content a:hover{
    color: #888888;
    }
    
#content.bio{
    left: 11em;
    width: 50em;
    }

#content ul{
    padding: 0;
    margin: 0;
    list-style-image: url(images/tinysquare.gif);
    list-style-position: inside;
    position: absolute;
    }


.home{
    width: 30em;
    }

.upcoming{
    left: 15em;
    }

.galleries{
    left: 22em;
    width: 39em;
    }

.contact{
    left: 28em;
    width: 33em;
    }

/* name */

#name{
    background-color: #FFFFFF;
    position: absolute;
    bottom: -30px;
    right: 0px;
    width: 200px;
    font-family: verdana, arial, sans-serif;
    font-size: 7.5pt;
    text-align: right;
    padding: 0px;
    line-height: 150%;
    }

#name ul{
    list-style-type: none;
    }

/* end name */

/* mainnav */

#mainnav{
    background-color: #FFFFFF;
    position: absolute;
    bottom: 0px;
    left: 0px;
    height: 15px;
    font-family: verdana, arial, sans-serif;
    font-size: 7.5pt;
    padding: 0px;
    float: left;
    }


#mainnav ul{
    float: left;
    width: 100%;
    padding: 0;
    margin: 0;
    list-style-type: none;
    bottom: 0px;
    }

#mainnav li{
    display: inline;
    float: left;
    position: relative;
    bottom: 0;
    }

#mainnav li#home{
    position: absolute;
    left: 0px;
    }

#mainnav li#portfolio{
    position: absolute;
    left: 5em;
    }

#mainnav li#bio{
    position: absolute;
    left: 11em;
    }

#mainnav li#upcoming{
    position: absolute;
    left: 15em;
    }

#mainnav li#galleries{
    position: absolute;
    left: 22em;
    }

#mainnav li#contact{
    position: absolute;
    left: 28em;
    }

#mainnav a{
    float: left;
    padding: 1px 1em 2px 2px;
    }
    
#mainnav a.selected{
    background-color: #FFFFFF;
    position: relative;
    bottom: 1.5em;
    }

#mainnav a:visited{
    color: #000000;
    }
    
#mainnav a:hover{
    color: #666666;
    background-color: #DDDDFF;
    }

/* end mainnav */

/* subnav1 */


#subnav1{
    background-color: #FFFFFF;
    position: absolute;
    bottom: 3em;
    left: 0em;
    padding: 0px;
    font-size: 7.5pt;
    }

.portfolio{
    position: absolute;
    left: 5.4em;
    }

#subnav1.bio{
    left: 11em;
    }

.upcomingsub{
    position: absolute;
    left: 16em;
    }

#subnav1 ul{
    padding: 0;
    margin: 0;
    list-style-type: none;
    line-height: 200%;
    position: absolute;
    bottom: 10px;
    font-family: verdana, arial, sans-serif;
    font-size: 7pt;
    width: 200px;
    }

#subnav1 li{
    }
    
#subnav1 li.selected{
    list-style-image: url(../images/global/tinysquare.gif);
    vertical-align: middle;
    }
    
#subnav1 a{
    color: #444444;
    padding-left: 2px;
    }

#subnav1 a:hover{
    color: #888888;
    }

#subnav1 a.statement{
    color: #777777;
    font-style: italic;
    }

/* end subnav1 */


/* thumbs */

#thumbs{
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    left: 5em;
    width: 170px;
    height: 100px;
    font-family: verdana, arial, sans-serif;
    font-size: 7.5pt;
    padding: 0px;
    }

#thumbs img{
    border: 0;
    float: left;
    width: 50px;
    height: 50px;
    }

#thumbs a{
    border: 0;
    }

/* end thumbs */

/* portfolio_thumbs */

#portfolio_thumbs{
    background-color: #AAAAAA;
    position: absolute;
    top: 0px;
    right: 0px;
    width: 310px;
    height: 350px;
    font-family: verdana, arial, sans-serif;
    font-size: x-small;
    padding: 0px;
    }

#portfolio_thumbs img{
    border: 0;
    float: left;
    width: 70px;
    height: 70px;
    }

#portfolio_thumbs a{
    }

/* end portfolio_thumbs */

/* photo */

#photo{
    background-color: #FFFFFF;
    position: absolute;
    top: 0px;
    right: 0px;
    padding: 0px;
    text-align: right;
    width: 350px;
    }

#photo img{
    text-align: right;
    }
    
#photo img.long{
    max-width: 350px;
    }

#photo img.tall{
    max-height: 350px;
    }

/* end photo */

/* description */

#description{
    background-color: #FFFFFF;
    position: absolute;
    top: 100px;
    left: 5em;
    width: 150px;
    height: 70px;
    padding: 0px;
    font-size: 7.5pt;
    }

#description p{
    font-size: 7pt;
    }
    
/* end description */

/* browser note */

#browser{
    background-color: #FFFFFF;
    position: absolute;
    bottom: -4em;
    left: 0px;
    width: 300px;
    height: 12px;
    padding: 0px;
    font-size: 7.5pt;
    }

*html #browser{
	bottom: -8em;
}

#browser a{
    color: #666666;
    }
    
#browser a:hover{
    color: #888888;
    }

#browser img{
	padding-right: 6px;
}

/* end browser */

/* leftpic */

#leftpic{
    background-color: #FFFFFF;
    position: absolute;
    top: 1.5em;
    padding: 0px;
    float: left;
    }

#leftpic img{
    width: 5.5em;
    height: 5.5em;
    }

#leftpic.bio{
    left: 0em;
    }
    
.upcomingleft{
    left: 2.5em;
    }

.galleriesleft{
    left: 7em;
    }

.contactleft{
    left: 10.5em;
    }