/* CSS Document */
h1 {font-size:1.4em}
.clear {clear:both}
p {margin:10px 0}
a {color: #fbe6d0; text-decoration:none; cursor:pointer}
a:hover {color:#660066}

/* ============= Welcome page ================== */

#leftcontent { vertical-align:bottom}


#leftcontent {
position: relative; left:1%; width:177px; height:331px; top:0px; background: url(../images/skeleton/panel.jpg) no-repeat; padding:5px;	
}
	
#centerleftcontent {
position: absolute; left:26%; width:177px; height:331px; top:0px; background: url(../images/skeleton/panel.jpg) no-repeat; padding:5px;
	}

#centerrightcontent {
position: absolute; left:51%; width:177px; height:331px; top:0px; background: url(../images/skeleton/panel.jpg) no-repeat; padding:5px;
	}

#rightcontent {
position: absolute; left:76%; width:177px; height:331px; top:0px; background: url(../images/skeleton/panel.jpg) no-repeat; padding:5px;	}

#latest_pics a { display:block; background:url(../images/welcome/latest_pics.jpg) no-repeat top  ; width: 160px; height:199px}
#latest_pics a:hover { display:block; background:url(../images/welcome/latest_pics.jpg) no-repeat bottom; width: 160px; height:199px}
#latest_pics span {display:none}

#holland_pearson a { display:block; background:url(../images/welcome/holland_pearson.jpg) no-repeat top  ; width: 164px; height:140px}
#holland_pearson a:hover { display:block; background:url(../images/welcome/holland_pearson.jpg) no-repeat bottom; width: 164px; height:140px}
#holland_pearson span {display:none}
#biog_photo { margin:40px 5px}
#biog_photo a { display:block; background:url(../images/welcome/biog_photo.jpg) no-repeat top  ; width: 157px; height:115px}
#biog_photo a:hover { display:block; background:url(../images/welcome/biog_photo.jpg) no-repeat bottom; width: 157px; height:115px}
#biog_photo span {display:none}

#portfolio_pic { margin:40px 10px;}
#portfolio_pic a { display:block; background:url(../images/welcome/portfolio_pic.jpg) no-repeat top; width: 140px; height:127px}
#portfolio_pic a:hover { display:block; background:url(../images/welcome/portfolio_pic.jpg) no-repeat bottom; width: 140px; height:127px}
#portfolio_pic span {display:none}
#nav {position:relative}
#nav li { float:left; margin-right:20px; list-style:none;}
#nav span {display:none}
#nav .latest_pics {background:url(../images/icons/latest_pics2.jpg) left top no-repeat; display:block; width:165px; height:24px; padding-top:35px; }
#nav .intro a {background:url(../images/icons/intro.jpg) top; display:block; width:53px; height:26px; margin-left:10px}
#nav .welcome a {background:url(../images/icons/welcome.jpg) top; display:block; width:84px; height:26px; }
#nav .holland_pearson a {background:url(../images/icons/holland_pearson2.jpg) top; display:block; width:146px; height:26px}
#nav .biog {background:url(../images/icons/my_biog2.jpg) top no-repeat; display:block; width:91px; height:34px; padding-top:35px}
#nav .portfolio {background:url(../images/icons/my_portfolio2.jpg) top no-repeat; display:block; width:131px; height:41px; padding-top:35px}
#nav a {cursor:pointer}

.gallery { text-align:center}