.pdmenu {
	padding: 0px;
	margin: 0 0 0 380px;
}

.pdmenu ul {
	margin: 0;
	padding: 0 0 30px 0;
	list-style-type: none;
}

.pdmenu li  {
	width: 100px;
	margin: 8 4px 0 0;
	padding: 0;
	border:0;
	color:#757575;
	text-decoration:none;
	float:left;
	font-size: 14px;
	font-weight: bold;
	background-color: none;
}

.pdmenu a {
	text-decoration: none;
	display: block;
	color: #757575;
	padding: 4px;
	font-size: 15px;
	background-color: none;
}

.pdmenu a:hover {
	text-decoration: none;
	color: #333333;
	background-color: #eeeeee;
}

.pdmenu li ul {
	display: none;
}

.pdmenu li:hover ul {
	visibility: visible;
	display: block;
	position:absolute;
	z-index:1;
	width:100px;
	padding: 0;
	margin: 0;
	border:1px solid black;
	background-color: #FFFFFF;
}

.pdmenu li li {
	border: none;
	}	

.pdmenu li li a {
	padding: 2px 2px 2px 10px;
}

.support {
	clear: both;
}


.intro {
	margin: 90px;
	height: auto;
	width: 600px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: justify;
	font-weight: normal;
	font-size: 16px;
}

.resume {
	height: auto;
	width: 300px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	margin-left: 140px;
	margin-right: 50px;
	margin-top: -15px;
	margin-bottom 300px;
}

.bar bottom {
	font-size: 12px;
	color: #999999;
	font-weight: bold;
}













.a, .a:visited {color:#000;}

#container {
align:center; 
width:500px; 
height:48px; 
background:none;
}

/* container b affects bold styling, placing the Simon Pole info in the middle of the gallery box */
#container b {
	font-weight:normal;
	width:600px;
	text-align:center;
	position:absolute;
	bottom:20px;
	left:206px;
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.7em;
	z-index:1;
	top: 627px;
	height: 32px;
}

/* reserves the placement and styling of the thumbnails */
a.gallery, a.gallery:visited {
display:inline; 
color:#4c7f7f; 
text-decoration:none; 
border:1px solid #000; 
width:35px; 
height:35px; 
float:right; 
position:relative; 
cursor:default;
margin: 3px;
}

/* designates what image to place into the reserved thumbnail region */
a.slideb {background:  url(images/illustration/fine/nakedThumb.jpg);}
a.slidec {background:  url(images/illustration/fine/girlThumb.jpg);}
a.slided {background:  url(images/illustration/fine/flowerThumb.jpg);}
a.slidee {background:  url(images/illustration/fine/highcontrastThumb.jpg);}
a.slidef {background:  url(images/illustration/fine/skeletonThumb.jpg);}
a.slideg {background:  url(images/illustration/fine/armThumb.jpg);}
a.slideh {background:  url(images/illustration/fine/spamThumb.jpg);}
a.slidei {background:  url(images/illustration/fine/bugsThumb.jpg);}
a.slidej {background:  url(images/illustration/fine/loggerheadThumb.jpg);}
a.slidek {background:  url(images/illustration/fine/violinThumb.jpg);}
a.slidel {background:  url(images/illustration/fine/boyThumb.jpg);}
a.slidem {background:  url(images/illustration/fine/stillThumb.jpg);}
a.sliden {background:  url(images/illustration/fine/jesusThumb.jpg);}
a.slideo {background:  url(images/illustration/fine/bigThumb.jpg);}
a.slidep {background:  url(images/illustration/fine/soundThumb.jpg);}
a.slideq {background:  url(images/illustration/fine/geeseThumb.jpg);}
a.slider {background:  url(images/illustration/fine/dragonflyThumb.jpg);}
a.slides {background:  url(images/illustration/fine/tigerThumb.jpg);}
a.slidet {background:  url(images/illustration/fine/headThumb.jpg);}


/* designates styling of larger portfolio image */
a.gallery span {
visibility:hidden; 
display:block; 
position:absolute; 
width:730px; 
height:440px; 
top:189px; 
left:9px; 
color:#ffffff; 
background:#4c7f7f; 
text-align:center; 
font-family:tahoma, geneva, "lucida sans unicode", "lucida grande",verdana, sans-serif; 
letter-spacing:1px; 
cursor:default;
}

/* the following set places the enlarged pic in the correct location, since it's location is based off of the corresponding thumbnail */
a.slideb span {left: -580px; top:-462px;}
a.slidec span {left:-533px; top:-462px;}
a.slided span {left:-486px; top:-462px;}
a.slidee span {left:-440px; top:-462px;}
a.slidef span {left:-415px; top:-462px;}
a.slideg span {left:-370px; top:-462px;}
a.slideh span {left:-315px; top:-462px;}
a.slidei span {left:-280px; top:-462px;}
a.slidej span {left:-240px; top:-462px;}
a.slidek span {left:-200px; top:-462px;}
a.slidel span {left:-155px; top:-462px;}
a.slidem span {left:-580px; top:-462px;}
a.sliden span {left:-533px; top:-462px;}
a.slideo span {left:-486px; top:-462px;}
a.slidep span {left:-440px; top:-462px;}
a.slideq span {left:-415px; top:-462px;}
a.slider span {left:-370px; top:-462px;}
a.slides span {left:-315px; top:-462px;}
a.slidet span {left:-280px; top:-462px;}

/* thumbnail border change */
a.gallery:hover {white-space:normal; border:1px solid #fff; z-index:100;}

/* porfolio image revealed on hover */
a.gallery:hover span {visibility:visible; z-index:100;}

/* porfolio image margin */
a.gallery:hover span img {margin:10px; border:1px solid #000; position:relative; z-index:100;}

/* red thumbnail border on click */
a.gallery:active, a.gallery:focus {border:1px solid #c00; z-index:10;}

/* porfolio image stays revealed on click */
a.gallery:active span, a.gallery:focus span {visibility:visible; z-index:10;}

/* corrects the margin of enlarged image after clicking on a thumbnail and moving mouse away */
a.gallery:active span img, a.gallery:focus span img {
border:0px solid #000; 
position:relative; 
margin:10px; 
z-index:10;
}



.mov {
	color: #FFFFFF;
	font-family: "Courier New", Courier, monospace;
	text-align: left;
	font-weight: bold;
	font-size: 14px;
	margin-left: 200px;
	margin-right: 30px;
	margin-top: 0px;
}