/* TABLE OF CONTENTS 
 13	Color Key
 19	General Page Formatting
148	Navigation
250	Footer Formatting
294	Index Page Formatting
332	Resume Page Formatting
384	Gallery Page Formatting
	Contact Page Formatting
	Headshot Pop-Up Formatting
*/

/* COLOR KEY 
pink = #FFB9BD
grey = #B7B8AD
med grey = #5A5A55
*/

/* BEGIN GENERAL PAGE FORMATTING */
html {
	overflow: scroll;
}

body {
	background: #000;
	text-align: center;
	min-width: 752px;
	margin: 0;
	padding: 0;
	border: 0;
}

a {
	outline: none;
}

h2 {
	font-style: italic;
	border-bottom: 2px #FFB9BD solid;
	margin: 20px 10px 10px 10px;
	clear: both;
}

p a:link {
	color: #5A5A55;
	text-decoration: none;
	border-bottom: 1px solid #FFB9BD;
}
	
p a:visited {
	color: #5A5A55;
	text-decoration: none;
	border-bottom: 1px solid #FFB9BD;
}	

p a:hover {
	color: #B7B8AD;
	text-decoration: none;
	border-bottom: 1px dashed #FFB9BD;
	height: inherit;
}

p a:active {
	color: #B7B8AD;
	text-decoration: none;
	border-bottom: 1px dashed #FFB9BD;
}
	
#container {
	position: relative;
	width: 752px;
	padding: 0;
	margin: 0 auto;
}

#header {
	width: 752px;
	height: 122px;
	background: url(images/kd1_header.jpg) no-repeat;
}

#pagehead {
	float: left;
	width: 60px;
	margin: 0 10px 0 0;
}

#resume #pagehead {
	height: 173px;
	background: url(images/head_resume.jpg) 0 0 no-repeat;
}	

#gallery #pagehead {
	height: 312px;
	background: url(images/head_gallery.jpg) 0 0 no-repeat;
}

#voiceover #pagehead {
	height: 199px;
	background: url(images/head_voiceover.jpg) 0 0 no-repeat;
}

#reel #pagehead {
	height: 91px;
	background: url(images/head_reel.jpg) 0 0 no-repeat;
}

#contact #pagehead {
	height: 173px;
	background: url(images/head_contact.jpg) 0 0 no-repeat;
}

#main {
	float: right;
	width: 660px;
	margin: 0 20px 0 0;
}

.columnwrap {
	float: right;
	width: 650px;
	background: #B7B8AD;
	padding: 5px;
}

.columnmain {
	float: right;
	width: 648px;
	background: #fff;
	border: 1px solid #000;
	padding-bottom: 10px;
	margin: 0;
}	

.halfcolumnwrapleft {
	float: left;
	width: 310px;
	background: #B7B8AD;
	padding: 5px;
	margin: 0 0 0 0;
}

.halfcolumnwrapright {
	float: right;
	width: 310px;
	background: #B7B8AD;
	padding: 5px;
	margin: 0 0 0 0;
}

.halfcolumnmain {
	width: 308px;
	background: #fff;
	border: 1px solid #000;
	padding-bottom: 10px;
	min-height: 300px;
}	

*html .halfcolumnmain {
	height: 300px;
}
/* END GENERAL PAGE FORMATTING */

/* BEGIN NAVIGATION	*/
#nav{
	float: right;
	list-style: none;
	background: #000;
	margin: 0;
	padding: 8px 20px 5px 0;
	height: 120px;
	display: inline;
	overflow: hidden;
	width: 210px;
}
	
#nav li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav a {
	float: right;
	border: 0;
	margin: 0;
	padding: 30px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:30px; /* for IE5/Win */
}
	
#nav a:hover, #nav a:hover.selected {
	background-position: 0 -30px;
}

#nav a:active {
	background-position: 0 -30px;
}

#nav a.selected {
	background-position: 0 0;
}

#nresume a {
	width: 109px;
	background: url(images/nav_resume.jpg) top left no-repeat;
	padding-right: 50px;
}

#ngallery a {
	width: 210px;
	background: url(images/nav_gallery.jpg) top left no-repeat;
}

#nvoiceover a {
	width: 154px;
	background: url(images/nav_voiceover.jpg) top left no-repeat;
	padding-right: 28px;
}

#nreel a {
	width: 71px;
	background: url(images/nav_reel.jpg) top left no-repeat;
	padding-right: 70px;
}
	
#ncontact a {
	width: 131px;
	background: url(images/nav_contact.jpg) top left no-repeat;
	padding-right: 39px;
}

#nav_head{
	float: left;
	list-style: none;
	background: #000;
	margin: 0;
	padding: 32px 0 0 44px;
	height: 78px;
	display: inline;
	overflow: hidden;
	width: 447px;
}
	
#nav_head li {
	margin: 0; 
	padding: 0;
	display: inline;
	list-style-type: none;
}

#nav_head a {
	float: left;
	border: 0;
	margin: 0;
	padding: 78px 0 0 0;
	overflow: hidden;
	height: 0px !important; 
	height /**/:78px; /* for IE5/Win */
}
	
#nav_head a:hover {
	background-position: 0 -78px;
}

#nav_head a:active {
	background-position: 0 -78px;
}

#nhead a {
	width: 447px;
	background: url(images/nav_head.jpg) top left no-repeat;
}
/* END NAVIGATION */	

/* BEGIN FOOTER FORMATTING */
#footer {
	width: 727px;
	clear: both;
	text-align: right;
	padding: 5px 0px;
}

#footer p {
	color: #fff;
	font-size: 13px;
	margin: 0;
	padding: 0;
}

*html #footer p {
	margin-right: 13px;
}

#footer a:link {
	color: #FFB9BD;
	text-decoration: underline;
	border: 0;
}
	
#footer a:visited {
	color: #FFB9BD;
	text-decoration: underline;
	border: 0;
}	
	
#footer a:hover {
	color: #FFB9BD;
	text-decoration: none;
	border: 0;
}

#footer a:active {
	color: #FFB9BD;
	text-decoration: none;
	border: 0;
}
/* END FOOTER FORMATTING */

/* BEGIN INDEX PAGE FORMATTING */
.indexphotowrapleft {
	float: left;
	width: 302px;
	background: #B7B8AD;
	padding: 7px;
	margin: 10px 0 8px 51px;
}

*html .indexphotowrapleft {
	margin-left: 20px;
}

.indexphotowrapright {
	float: right;
	width: 302px;
	background: #B7B8AD;
	padding: 7px;
	margin: 10px 31px 8px 0;
}

*html .indexphotowrapright {
	margin-right: 20px;
}

.indexphotomain {
	width: 300px;
	height: 450px;
	background: #fff;
	border: 1px solid #000;
}	

#index #header {
	clear: both;
	margin-left: 0px;
}

*html #index #header {	
	margin-left: -16px;
}
/* END INDEX PAGE FORMATTING */

/* BEGIN RESUME PAGE FORMATTING */
#resume_download {
	width: 500px;
	border: 1px solid #B7B8AD;
	height: 150px;
	margin: 10px auto;
}

#resume_download img {
	float: right;
	padding-left: 3px;
	margin-bottom: 0px;
	
}

#resume_download p {
	font-size: 18px;
	margin-top: 9px;
	margin-bottom: 8px;
}

*html #resume_download p {
	margin-top: 13px;
	margin-bottom: 0px;
}

#resume table {
	width: 605px;
	margin: 0 auto;
}

#resume td {
	text-align: left;
	border-bottom: 1px dashed #B7B8AD;
}

#resume td.col1 {
	width: 275px;
	padding-left: 5px;
}

#resume td.col2 {
	width: 170px;
}

#resume td.col3 {
	width: 155px;
}

#training td {
	text-align: center;
}

#training td.col1 {	
	width: 150px;
}

#training td.col2 {	
	width: 300px;
}

#training td.col3 {	
	width: 150px;
}

#resume .columnmain p {
	padding-right: 10px;
	padding-left: 10px;
}
/* END RESUME PAGE FORMATTING */

/* BEGIN GALLERY PAGE FORMATTING */
#gallery img {
	border: 1px solid #B7B8AD;
	margin: 10px 20px;
}

#gallery a:link img {
	border: 1px solid #B7B8AD;
}

#gallery a:visited img {
	border: 1px solid #B7B8AD;
}

#gallery a:hover img {
	border: 1px solid #5A5A55;
}
	
#gallery a:active img {
	border: 1px solid #5A5A55;
}

p.vo {
	background: url(images/icon_audio.jpg) 100% 50% no-repeat;
	margin: 0px 20px;
	padding-right: 55px;
	padding-bottom: 8px;
	padding-top: 8px;
	border-bottom: 1px dashed #B7B8AD;
}
/* END GALLERY PAGE FORMATTING *?

/* BEGIN CONTACT PAGE FORMATTING */
#contact #content img {
	float: left;
	margin-top: -10px;
}

#contact #content p {
	margin: 15px 10px 0px 10px;
	padding-left: 10px;
	padding-bottom: 15px;
	min-height: 59px;
	border-bottom: 2px #FFB9BD solid;
}

*html #contact #content p {
	padding-bottom: 20px;
}


#contact #content h2 {
	border-bottom: none;
	margin: 20px 10px 0px 10px;
	padding-top: 5px;
	padding-bottom: 5px;
}

#contact .columnmain {
	min-height: 370px;
	margin-bottom: 0;
	padding-bottom: 0;
	background: #2F2F2C;
}

#contact #content {
	float:right; 
	width:400px;
	background: #fff;
	min-height: 371px;
}

#contact #content p.no_h2 {
	border-bottom: none;
	margin: 0px 10px;
	padding: 10px 10px 0px 10px;
}

*html #contact #content p.no_h2 {
	padding-bottom: 10px;

/* END CONTACT PAGE FORMATTING */

/* BEGIN HEADSHOT POP-UP FORMATTING */
body#popup {
	min-width: 300px;
	overflow: hidden;
	margin: 15px auto;
}

#popup img {
	border: 1px solid #B7B8AD;
}

#popupheader {
	width: 220px;
	height: 28px;
	float: left;
	background: url(images/head_popup.jpg) 0 0 no-repeat;
	margin: 10px 10px 0 15px;
}

*html #popupheader {
	margin: 5px 10px 0 10px;
}

#photocred {
	width: 100px;
	height: 28px;
	float: right;
	margin: 10px 15px 0 10px;
}

*html #photocred {
	margin: 4px 10px 0 10px;
}

#photocred p {
	font-size: 12px;
	color: white;
	text-align: center;
	margin: 0;
	padding: 0;
}
/* END HEADSHOT POP-UP FORMATTING */