/* CSS Document */


/* Common Elements used on All Pages */
html, body, ul, ol, li, p, h1, h2, h3, h4, h5, h6, form, fieldset
	{
	margin: 0;
	padding: 0;
	border: 0;
	}

body
	{
	background-color: #B4AD9B;
	text-align: center;
	color: #000;
	font-size: 100%;
	}
	#container
		{
		width: 780px;
		margin-left: auto;
		margin-right: auto;
		background-color: #909A7F;
		text-align: left;
		font-size: .8em;
		border: 6px double #000000;
		}
	#header
		{
		position: relative;
		height: 115px;
		width: 100%;
		text-decoration: none;
		}
	#topNav
		{
		position: relative;
		width: 100%;
		height: 110px;
		padding-top: 20px;
		}	
		#nav1
			{
			height: 50px;
			}
		#nav2
			{
			height: 50px;
			}
/* END Common Elements */


/* BEGIN Resume Pages Elements */
	/* resume page 1 */
	#resume 
		{
		width: 780px;
		height: 488px;
		background-image: url(images/victorianHouse.gif);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
		font-family: Garamond;
		font-weight: bold;
		font-size: 1.15em;
		padding-bottom: 16px;
		}
		#resume #title
			{
			padding: 0 0 16px 0;
			height: 40px;
			}
		#resume #left h1
			{
			float: left;
			clear: right;
			position: relative;
			margin-top: 0;
			margin-left: 20px;
			padding: 0 0 90px 0;
			}
		#resume #left h2
			{
			float: left;
			clear: left;
			position: relative;
			margin-left: 20px;
			padding: 116px 0 60px 0;
			}
			
		#resume #right
			{
			margin-left: 160px;
			padding-right: 30px;
			}
		#resume #right ul.skills
			{
			margin-top: 0;
			margin-left: 26px;
			padding: 20px 0 4px 0;
			}
		#resume #right  p.ed
			{
			padding: 16px 0 0 0;
			}
			#resume #right ul.dl
				{
				margin-left: 26px;
				padding: 6px 0 4px 0;
				}
		#resume #right  p.nw 
			{
			padding: 6px 0 4px 0;
			}
		#resume #right  ul.nw 
			{
			margin-left: 26px;
			padding: 6px 0 0 0;
			}

	/* resume page 2 */
	#resume2 
		{
		width: 780px;
		height: 488px;
		background-image: url(images/victorianHouse.gif);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
		font-family: Garamond;
		font-weight: bold;
		font-size: 1.15em;
		padding-bottom: 16px;
		}
		#resume2 #title
			{
			padding: 0 0 16px 0;
			height: 40px;
			}
		#resume2 #left h1
			{
			float: left;
			clear: right;
			position: relative;
			margin-top: 0;
			margin-left: 20px;
			padding: 0 0 90px 0;
			}

		#resume2 #right
			{
			margin-left: 160px;
			padding-right: 30px;
			}
			#resume2 #right p.wk
				{
				margin-top: 0px;
				padding: 18px 0 4px 0;
				font-size: 1.2em;
				}
			#resume2 #right p.omc
				{
				padding: 10px 0 8px 0
				}
			#resume2 #right ul.wk
				{
				margin-left: 26px;
				padding: 0 0 4px 0;
				}
			#resume2 #right p.ts
				{
				padding: 10px 0 2px 0;
				}
			#resume2 #right p.oe
				{
				padding: 0 0 8px 0
				}
			#resume2 #right ul.tsoe
				{
				margin-left: 26px;
				padding: 0 0 4px 0;
				}
			#resume2 #right p.ref
				{
				padding: 26px 0 0 0;
				}
/* END Resume Pages Elements */


/* BEGIN Contact Page Elements */
	#contact
		{
		width: 780px;
		height: 488px;
		background-image: url(images/victorianHouse2.gif);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
		font-family: Garamond;
		font-weight: bold;
		font-size: 1.25em;
		padding-bottom: 16px;
		}
		#contact #title
			{
			text-align: center;
			padding-bottom: 40px;
			}

		#contact #address h1
			{
			float: left;
			position: relative;
			margin-left: 20px;
			padding-top: 18px;
			}
		#contact #ad
			{
			margin-left: 200px;
			padding-bottom: 20px;
			}
			#contact #ad p
				{
				padding: 34px 40px 4px 0;
				}
		#contact #phone h1
			{
			float: left;
			position: relative;
			margin-left: 20px;
			}
		#contact #ph
			{
			margin-left: 200px;
			padding-bottom: 40px;
			}
			#contact #ph p
				{
				padding: 18px 0 0 0;
				}			
		#contact #email h1
			{
			float: left;
			position: relative;
			margin-left: 20px;
			}
		#contact #em
			{
			margin-left: 200px;
			padding-bottom: 30px;
			}
			#contact #em p
				{
				padding: 20px 0 0 0;
				}
			#contact #em a
				{
				color: #333333;
				font-size: 1.05em;
				}		
		#contact #info h1
			{
			float: left;
			position: relative;
			margin-left: 20px;
			}
		#contact #inf
			{
			margin-left: 200px;
			padding-right: 60px;
			}
			#contact #inf p.p1
				{
				text-indent: 15px;
				padding: 8px 0 8px 0;
				}			
			#contact #inf p.p2
				{
				text-indent: 15px;
				padding: 0 0 0 0;
				}			
/* END Contact Page Elements */


/* BEGIN Graphics Page Elements */
	/* graphics page 1 */
	#graphics 
		{
		width: 780px;
		height: 489px;
		background-image: url(images/bridge.gif);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
		font-family: Garamond;
		font-weight: bold;
		font-size: 1.25em;
		padding-bottom: 16px;
		}
		#graphics #title
			{
			padding: 0 0 0 0;
			}
		#graphics #colPotatoHd h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 40px 10px 0 0;
			}
			#graphics #colPotatoHd a
				{
				}
		#graphics #txtPotatoHd
			{
			margin-left: 150px;
			padding: 56px 60px 30px 0;
			}
			
		#graphics #monPear h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 10px 10px 0 0;
			}			
			#graphics #monPear a
				{
				color: #000000;
				}
		#graphics #txtPear
			{
			margin-left: 150px;
			padding: 20px 60px 30px 0;
			}
				
		#graphics #colVillage h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 10px 10px 0 0;
			text-decoration: none;
			}			
			#graphics #colVillage a
				{
				color: #000000;
				}
		#graphics #txtVillage
			{
			margin-left: 150px;
			padding: 14px 60px 30px 0;
			}

		#graphics #monSnowmen h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 4px 10px 0 0;
			text-decoration: none;
			}			
			#graphics #monSnowmen a
				{
				color: #000000;
				}
		#graphics #txtSnowmen
			{
			margin-left: 150px;
			padding: 14px 60px 0 0;
			}

	/* graphics page 2 */
	#graphics2
		{
		width: 780px;
		height: 489px;
		background-image: url(images/bridge.gif);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
		font-family: Garamond;
		font-weight: bold;
		font-size: 1.25em;
		padding-bottom: 16px;
		}
		#graphics2 #title
			{
			padding: 0 0 0 0;
			}
		#graphics2 #Ad h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 40px 10px 0 0;
			text-decoration: none;
			}
			#graphics2 #Ad a
				{
				color: #000;
				}
		#graphics2 #txtAd
			{
			margin-left: 150px;
			padding: 50px 60px 30px 0;
			}

		#graphics2 #Logo h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 10px 10px 0 0;
			text-decoration: none;
			}			
			#graphics2 #Logo a
				{
				color: #000;
				}
		#graphics2 #txtLogo
			{
			margin-left: 150px;
			padding: 20px 60px 30px 0;
			}

		#graphics2 #Animated h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 10px 10px 0 0;
			text-decoration: none;
			}			
			#graphics2 #Animated a
				{
				color: #000;
				}
		#graphics2 #txtAnimated
			{
			margin-left: 150px;
			padding: 20px 60px 0 0;
			}

	/* graphics page 3 (flash) */
	#graphics3
		{
		width: 780px;
		height: 489px;
		background-image: url(images/bridge.gif);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
		font-family: Garamond;
		font-weight: bold;
		font-size: 1.25em;
		padding-bottom: 16px;
		}
		#graphics3 #title
			{
			padding: 0 0 0 0;
			}
		#graphics3 #proj2 h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 40px 10px 0 0;
			text-decoration: none;
			}			
			#graphics3 #proj2 a
				{
				color: #000;
				}
		#graphics3 #txtproj2
			{
			margin-left: 150px;
			padding: 46px 60px 30px 0;
			}

		#graphics3 #proj3 h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 4px 10px 0 0;
			text-decoration: none;
			}			
			#graphics3 #proj3 a
				{
				color: #000;
				}
		#graphics3 #txtproj3
			{
			margin-left: 150px;
			padding: 18px 60px 30px 0;
			}

		#graphics3 #proj4 h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 10px 10px 0 0;
			text-decoration: none;
			}			
			#graphics3 #proj4 a
				{
				color: #000;
				}
		#graphics3 #txtproj4
			{
			margin-left: 150px;
			padding: 22px 60px 30px 0;
			}

		#graphics3 #proj5 h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 6px 10px 0 0;
			text-decoration: none;
			}			
			#graphics3 #proj5 a
				{
				color: #000;
				}
		#graphics3 #txtproj5
			{
			margin-left: 150px;
			padding: 18px 60px 30px 0;
			}

		#graphics3 #proj6 h1
			{
			float: left;
			position: relative;
			margin-left: 50px;
			padding: 6px 10px 0 0;
			text-decoration: none;
			}			
			#graphics3 #proj6 a
				{
				color: #000;
				}
		#graphics3 #txtproj6
			{
			margin-left: 150px;
			padding: 18px 60px 0 0;
			}
/* END Graphics Page Elements */


/* BEGIN Websites Page Elements */
	#sites
		{
		width: 780px;
		height: 489px;
		background-image: url(images/bridge2.gif);
		background-position: center;
		background-repeat: no-repeat;
		border: none;
		font-family: Garamond;
		font-weight: bold;
		font-size: 1.25em;
		padding-bottom: 16px;
		}
		#sites #title
			{
			text-align: center;
			padding: 0 0 0 0;
			}
		#sites #site2 h1
			{
			float: left;
			position: relative;
			margin-left: 40px;
			padding: 20px 10px 0 0;
			text-decoration: none;
			}			
			#sites #site2 a
				{
				color: #000;
				}
		#sites #txtsite2
			{
			margin-left: 140px;
			padding: 30px 40px 30px 0;
			}

		#sites #site3 h1
			{
			float: left;
			position: relative;
			margin-left: 40px;
			padding: 6px 10px 0 0;
			text-decoration: none;
			}			
			#sites #site3 a
				{
				color: #000;
				}
		#sites #txtsite3
			{
			margin-left: 140px;
			padding: 20px 40px 26px 0;
			}

		#sites #site6 h1
			{
			float: left;
			position: relative;
			margin-left: 40px;
			padding: 6px 10px 0 0;
			text-decoration: none;
			}			
			#sites #site6 a
				{
				color: #000;
				}
		#sites #txtsite6
			{
			margin-left: 140px;
			padding: 20px 40px 22px 0;
			}

		#sites #site4 h1
			{
			float: left;
			position: relative;
			margin-left: 40px;
			padding: 16px 10px 0 0;
			text-decoration: none;
			}			
			#sites #site4 a
				{
				color: #000;
				}
		#sites #txtsite4
			{
			margin-left: 140px;
			padding: 8px 40px 24px 0;
			}
			#sites #txtsite4 p a
				{
				color: #333333;
				font-style: italic;
				}	
		#sites #site5 h1
			{
			float: left;
			position: relative;
			margin-left: 40px;
			padding: 0 10px 0 0;
			text-decoration: none;
			}			
			#sites #site5 a
				{
				color: #000;
				}
		#sites #txtsite5
			{
			margin-left: 140px;
			padding: 4px 40px 0 0;
			}

/* END Websites Page Elements */


/* Footer on All Pages */
	#footer
		{
		background-image: url(images/footer.jpg);
		background-repeat: no-repeat;
		width: 100%;
		height: 75px;
		}
/* End Footer */