/****************************/
/* Body and Structure       */
/****************************/

body {
	background-color: #E2E6DA;
	}

	body a img {
			border: none;
			}
			
#structure {
	width: 700px;
	margin-left: auto;
	margin-top: 10px;
	margin-right: auto;
	font: 10px Verdana, Arial, Helvetica, Sans-Serif;
	line-height: 19px;
	background-color: #ffffff;
	color: #333333;
	overflow: hidden;
	}

#top {
	height: 160px;
	width: 220px;
	text-align: right;
	padding: 20px;
	float: right;
	}
		#top h1 {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 50px;
		height:40px;
		font-weight: normal;
		color: #000000;
		letter-spacing: -3px;
		display: inline;
		}
		
		#top h1 h5 {
		color: #6D7531;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 50px;
		letter-spacing: -3px;
		font-variant:normal;
		font-weight: normal;
		display: inline;
		margin: 0px 0px 7px 0px;
		padding: 0px 0px 7px 0px;
		} 
		
	.title {
		color: #777777;
		font-size: 11px;
		letter-spacing: 0;
		}
		
	.hidden {
		display: none;
		}

/*******************/
/* Navigation code */
/*******************/

#navigation {
	height: 154px;
	background: url(../images/_uc.jpg) no-repeat;
	width: 350px;
	text-align: left;
	font-size: 14px;
	font-weight:bold;
	padding: 19px 0px 0px 20px;
	float: left;
	}

		#navigation a {
			color: #000000;
			text-decoration: none;
			}
			
		#navigation a:hover {
			color: #6D7531;
			text-decoration: none;
			}
			
		#navigation a:active {
			color: #666666;
			text-decoration: none;
			}
			
		#navigation a#active {
			color: #6D7531;
			text-decoration: none;
			}


/*************************/
/* Headers and Headlines */
/*************************/

		
 .subtitle {
		color: #999999;
		margin-top: 1px;
		}
	
	h2 {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 28px;
		font-weight: normal;
		color: #000000;
		letter-spacing: -1px;
		}

	h3 {
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-size: 120%px;
		font-weight: normal;
		font-variant: small-caps;
		color: #6D7531;
		letter-spacing: 5px;
		padding: 0px;
		margin:30px 0px 0px 0px;
		}
	
	h4 {
		font-size:150%;
		font-variant: small-caps;
		font-weight:bold;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		margin-bottom: 0;
		display: inline;
		}
			
	h5 {
	font-size:130%;
	font-weight: lighter;
 	display:inline;
	font-variant:small-caps;
	}
	
		
		
		



/****************/
/* Content code */
/****************/


#content {
	padding-top: 0px;
	width: 700px;
	float: left;
	color: #333333;
	background-color: #FFFFFF;
	}

	#content p {
		line-height: 18px;
		padding-left: 0;
		padding-top: 0;
		padding-right: 0;
		padding-bottom: 10px;
		}
		
		#content p a {
			color: #333333;
			text-decoration: none;
			}

		#content p a:hover {
			color: #666666;
			text-decoration: none;
			}
			
		#content p a:active {
			color: #333333;
			}
	
		h1 a {
			color: #000000;
			text-decoration: none;
			}
			
		h1 a:hover {
			color: #444444;
			text-decoration: none;
			}
			
		h1 a:active {
			color: #444444;
			text-decoration: none;
			}
		h2 a {
			color: #000000;
			text-decoration: none;
			}
			
		h2 a:hover {
			color: #444444;
			text-decoration: none;
			}
			
		h2 a:active {
			color: #444444;
			text-decoration: none;
			}
			
/***********************/
/* Project and Display */
/***********************/
			
.project {
	background-color: #ffffff;
	color: #333333;
	height: 45px;
	width: 460px;
	padding: 10px 20px 20px 20px;
	float: left;
	margin-top: 0px;
	border-bottom: thin solid #E2E6DA;
	border-top: thin solid #E2E6DA;
	}
	
	.project h2 {
		font-variant:small-caps;
		padding: 5px 0px 0px 0px;
		margin: 5px 0px 5px 0px;
	}
	
.expand {
	color: #333333;
	height: 20px;
	width: 200px;
	padding: 20px 0px 10px 0px;
	text-align: center;
	float: right;
	font-size:310%;
	margin-top: 0px;
	}
	
	.expand a {
		color: #999999;
		background-color: #fff;
		text-decoration: none;
		}
		
	.expand a:hover {
		color: #808080;
		background-color: #fff;
		text-decoration: none;
		}
		
	.expand a:active {
		color: #808080;
		background-color: #fff;
		text-decoration: none;
		}
			
#ph {
	width: 700px;
	}

#hp {
	width: 700px;
	}
		
#ha {
	width: 700px;
	}
	
#gsa {
	width: 700px;
	}
	
#lin {
	width: 700px;
	}
	 
#aboutart {
	width: 700px;
	clear:both;
	margin-bottom:-6px;
	}

#artopen {
	width: 700px;
	}
	
	#artclick {
		background: url(../images/resume01.jpg) no-repeat;
		height: 68px;
		width: 585px;
		padding-left: 115px;
		padding-top: 100px;
		}

#conopen {
	width: 700px;
	}
	
	#conclick {
		background: url(../images/contact01.jpg) no-repeat;
		height: 85px;
		width: 700px;
		padding-left: 115px;
		padding-top: 100px;
		}
	#concon {
	
		}
		
	#concon a {
		color:#ffffff;
		text-decoration:none;
		}

	#concon ul {
		margin:-180px 0px 105px 10px;
		padding:0px 0px 0px 0px;
		list-style:none;
		text-decoration:none;
		}		
	#concon ul li{
		color:#000000;
		margin:0px 0px 0px 0px;
		padding:0px 0px 0px 0px;
		font-family: Verdana, Arial, Helvetica, Sans-Serif;
		font-weight:bold;
		text-decoration:none;
		}
		
#phopen {
	width: 700px;
	}
	
	#phclick {
		background: url(../images/ph_02_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}
		
#ph1open {
	width: 700px;
	}
	
	#ph1click {
		background: url(../images/ph_03_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}

#ph2open {
	width: 700px;
	}
	
	#ph2click {
		background: url(../images/ph_04_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	
#ph3open {
	width: 700px;
	}
	
	#ph3click {
		background: url(../images/ph_05_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	
		
#ph4open {
	width: 700px;
	}
	
	#ph4click {
		background: url(../images/ph_06_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	
		
#ph5open {
	width: 700px;
	}
	
	#ph5click {
		background: url(../images/ph_07_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}

#ph6open {
	width: 700px;
	}
	
	#ph6click {
		background: url(../images/ph_08_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}				

#ph7open {
	width: 700px;
	}
	
	#ph7click {
		background: url(../images/ph_09_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	

#ha1open {
	width: 700px;
	}
	
	#ha1click {
		background: url(../images/ha_01_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	

#ha2open {
	width: 700px;
	}
	
	#ha2click {
		background: url(../images/ha_02_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	

#gsa1open {
	width: 700px;
	}
	
	#gsa1click {
		background: url(../images/gsa_01_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	

#gsa2open {
	width: 700px;
	}
	
	#gsa2click {
		background: url(../images/gsa_02_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}			

#lin1open {
	width: 700px;
	}
	
	#lin1click {
		background: url(../images/lin_01_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	
		
#lin2open {
	width: 700px;
	}
	
	#lin2click {
		background: url(../images/lin_02_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	
		
#lin3open {
	width: 700px;
	}
	
	#lin3click {
		background: url(../images/lin_03_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	
		
#lin4open {
	width: 700px;
	}
	
	#lin4click {
		background: url(../images/lin_04_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}	
		
#lin5open {
	width: 700px;
	}
	
	#lin5click {
		background: url(../images/lin_05_t.jpg) no-repeat;
		height: 32px;
		width: 585px;
		border-top: 2px solid #AAB286;
		padding-left: 115px;
		padding-top: 0px;
		}			

/***********/
/* Contact */
/***********/

#contact {
	width: 430px;
	padding: 0px 0px 20px 20px;
	}
	
	#contact a {
		color: #666666;
		text-decoration: none;
		}
		
	#contact a:hover {
		color: #808080;
		text-decoration: none;
		}
		
	#contact a:active {
		color: #666666;
		text-decoration: none;
		}
		
		#contact ul {
		  	padding:0px 0px 0px 0px;
			list-style:none;
			margin-top: 4px;
			}
		 
		#contact li {
			margin: 0;
			padding-bottom: 0;
			}

	form#contactform {
	  width:430px;
	  margin: 0px  0px  -5px 0px ;
	  padding: 0px ;
	}
	
	form#contactform fieldset {
	  margin: 10px 0px ;
	  padding: 10px;
	  border: 1px solid #bbb;
	}
	
	form#contactform legend {
	  padding: 5px;
	  background: #E2E6DA;
	  border: 1px solid #bbb;
	  color: #333;
	  font-size: 120%;
	  font-variant: small-caps;
	}
	
	form#contactform fieldset p {
	  margin: 0px  100px 15px 0px ;
	  padding: 0px ;
	  text-align: right;
	}
	
	form#contactform fieldset input {
	  padding: 3px;
	  border: 1px solid #aaa;
	  font-size: 120%;
	}
	
	form#contactform fieldset textarea {
	  margin:10px 0px  auto;
	  width: 390px;
	  height: 200px;
	  padding: 5px;
	  border: 1px solid #aaa;
	  font-size: 120%;
	  font-family: tahoma, arial, verdana, helvetica, geneva, sans-serif;
	}
	
	form#contactform input.submit {
	  display: block;
	  margin: 0px  auto;
	  padding: 5px;
	  border: 1px solid #aaa;
	  font-size: 120%;
	}

	
.information {
	color: #777777;
	background-color: #fff;
	width: 600px;
	margin: 25px 0px 20px 50px;
	padding: 0px 0px 10px 0px;
	}
	
/***************/
/* About       */
/***************/
	
#about {
	background: url(../images/aboutart.jpg) no-repeat;
	width: 666px;
	padding-left:34px;
	padding-top: 168px;
	clear:both;
	}
	
	
	#aboutp {
		width: 665px;
		padding: 0px 0px 20px 20px;
		}
		
		#aboutp a {
			color: #333333;
			background-color: #fff;
			text-decoration: none;
			}
			
		#aboutp a:hover {
			color: #666666;
			background-color: #fff;
			text-decoration: none;
			}
			
		#aboutp a:active {
			color: #333333;
			background-color: #fff;
			text-decoration: none;
			}
		
		#aboutp p {
			line-height: 18px;
			padding-bottom: 6px;
			}

/***************/
/* Resume      */
/***************/
			
	#resume {
		width: 430px;
		padding: 10px 20px 20px 20px;
		float:left;
		list-style:none;
		}
		
		#resume p {
			line-height: 18px;
			margin-top: 0;
			padding-bottom: 6px;
			font-size:12px;
			color: #999999;

			}

		#resume ul {
		  	/* padding:0px 0px 0px 0px; */
			}
			
		#resume ul p {
			list-style:none;
			font-weight:bold;
			margin-top: 20px 0px -20px 0px;
			padding: 15px 0px -20px 0px;
			}
		 
		#resume ul li.bold {
			margin: 10px 0px 0px 0px;
			color: #777777;
			font-size:12px;
			font-weight:bold;
			}
			
		#resume ul li {
			margin: 0px 0px 0px 0px;
			color: #777777;
			font-size:12px;
			list-style: none;
			}
			
		#resume ul li ul {
		list-style:circle; }
			
		#resume ul ul li{
		list-style:circle; }
		
		#resume ul li ul li {
			margin: 0px 0px 0px 0px;
		  	padding:0px 0px 0px 0px;
			list-style: circle;
			margin-top: 0px;
			font-weight: 100;
			}
						
	
		#pdf {
		float:right;
		width:175px;
		height:170px;
		margin: 40px 25px 0px 0px;
		padding: 10px 0px 0px 10px;
		color:#FFFFFF;
		font-weight:bold;
		text-decoration:none;
		overflow:hidden;
		background:none;
		}
		
		a #pdf {
		 background: transparent url(../images/portfolio.gif) top left no-repeat;
		}

		a:hover #pdf {
		background: transparent url(../images/portfolio.gif) 0px  -173px no-repeat;
		}
		
		#rthumb {
		float:right;
		width:175px;
		height:215px;
		margin: 20px 20px 0px 0px;
		padding: 5px 0px 0px 15px;
		color:#000000;
		font-weight:bold;
		text-decoration:none;
		overflow:hidden;
		background:none;
		}
		
		a #rthumb  {
		 background: transparent url(../images/resume.gif) top left no-repeat;
		}

		a:hover #rthumb  {
		background: transparent url(../images/resume.gif) 0px  -222px no-repeat;
		}
		
		#rp {
		float:right;
		width:175px;
		height:185px;
		margin: 20px 20px 0px 0px;
		padding: 5px 0px 0px 15px;
		color:#000000;
		font-weight:bold;
		text-decoration:none;
		overflow:hidden;
		background:none;
		}
		
		a #rp  {
		 background: transparent url(../images/rp.gif) top left no-repeat;
		}

		a:hover #rp  {
		background: transparent url(../images/rp.gif) 0px  -191px no-repeat;
		}
		
/***************/
/* Footer code */
/***************/
		
#footer {
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	background-color: #E2E6DA;
	font-size: 11px;
	text-align: left;
	padding: 0px 0px 30px 0px;
	color: #999999;
	clear: both;
	}