.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;
}

.mov{

	margin: 20px 40px;
	height: auto;
	width: 350px;
	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;
}

.inspire {
	height: auto;
	width: 700px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: left;
	font-weight: normal;
	font-size: 16px;
	margin-left: 30px;
	margin-right: 30px;
	margin-top: 0px;
	margin-bottom 300px;
	padding: 20px;
}

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



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




	margin-bottom 300px;
	padding: 20px;
}











.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:#3c68a7; 
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.slidea {background:  url(images/designs/ad11Thumb.jpg);}
a.slideb {background:  url(images/designs/ad13Thumb.jpg);}
a.slidec {background:  url(images/designs/ad4Thumb.jpg);}
a.slided {background:  url(images/designs/ad3Thumb.jpg);}
a.slidee {background:  url(images/designs/ad2Thumb.jpg);}
a.slidef {background:  url(images/designs/ad1Thumb.jpg);}
a.slideg {background:  url(images/designs/ad7Thumb.jpg);}
a.slideh {background:  url(images/designs/n5Thumb.jpg);}
a.slidei {background:  url(images/designs/ad9Thumb.jpg);}
a.slidej {background:  url(images/designs/ad12Thumb.jpg);}
a.slidek {background:  url(images/designs/n2Thumb.jpg);}
a.slidel {background:  url(images/designs/n6Thumb.jpg);}
a.slidem {background:  url(images/designs/n7Thumb.jpg);}
a.sliden {background:  url(images/designs/n1Thumb.jpg);}
a.slideo {background:  url(images/designs/t1Thumb.jpg);}
a.slidep {background:  url(images/designs/t2Thumb.jpg);}
a.slideq {background:  url(images/designs/t3Thumb.jpg);}
a.slider {background:  url(images/designs/t4Thumb.jpg);}
a.slides {background:  url(images/designs/t5Thumb.jpg);}
a.slidet {background:  url(images/designs/t6Thumb.jpg);}
a.slideu {background:  url(images/designs/t7Thumb.jpg);}
a.slidev {background:  url(images/designs/t8Thumb.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:#3c68a7; 
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.slidea span {left: -580px; top:-462px;}
a.slideb span {left:-533px; top:-462px;}
a.slidec span {left:-486px; top:-462px;}
a.slided span {left:-440px; top:-462px;}
a.slidee span {left:-394px; top:-462px;}
a.slidef span {left:-348px; top:-462px;}
a.slideg span {left:-302px; top:-462px;}
a.slideh span {left:-256px; top:-462px;}
a.slidei span {left:-210px; top:-462px;}
a.slidej span {left:-164px; top:-462px;}
a.slidek span {left:-118px; top:-462px;}
a.slidel span {left:-580px; top:-462px;}
a.slidem span {left:-533px; top:-462px;}
a.sliden span {left:-486px; top:-462px;}
a.slideo span {left:-440px; top:-462px;}
a.slidep span {left:-394px; top:-462px;}
a.slideq span {left:-348px; top:-462px;}
a.slider span {left:-302px; top:-462px;}
a.slides span {left:-256px; top:-462px;}
a.slidet span {left:-210px; top:-462px;}
a.slideu span {left:-164px; top:-462px;}
a.slidev span {left:-118px; 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:1px solid #000; 
position:relative; 
margin:10px; 
z-index:10;
}