@charset "utf-8";
/* CSS Document */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
	
body {
	background: #ff0066;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	line-height: 17px;
	color: #ffffff;
	}

#page-wrap {
	width: 1000px;
	margin: 0 auto;
	}
	
h1 {
	font-size: 15px;
	color: #ffffff;
	text-transform: uppercase;
	line-height: 25px;
	}
		
a:link {
	text-decoration: none;
	color: #ffffff;
	}
a:visited {
	text-decoration: none;
	color: #ffffff;
	}
a:hover {
	text-decoration: none;
	color: #669933;
	}
a:active {
	text-decoration: none;
	color: #ffffff;
	}
	
#pics {
	float: left;
	margin: 0px 0px 0px 115px;
	width: 915px;
}

.pic {
	border-style: solid;
	border-color: #fff;
	border-width: 4px;
	float: left;
	margin: 0px 80px 0px 0px;
}

#header {
	margin: 10px 0px 0px 0px;
	height: 300px;
	float: right;
	}

#main {
	float: left;
	width: 100%;
	background: #669933;
	margin: 20px 0px;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 2px;
	padding-bottom: 15px;
	border-top-color: #fff;
	border-top-style: solid;
	border-top-width: 2px;
	padding-top: 15px;
}
	
#main img {
	border-style: solid;
	border-color: #fff;
	border-width: 2px;
}

#photos {
	width: 820px;
	text-align: left;
	float: left;
	margin: 70px 0px 20px 115px;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	padding-bottom: 30px;
}
	
#resume {
	margin: 60px 0px 30px 90px;
	width: 800px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	line-height: 17px;
	text-align: justify;
	border-bottom-color: #fff;
	border-bottom-style: solid;
	border-bottom-width: 4px;
	padding-bottom: 30px;
	}
		
#video {
	margin: 0px 5px 0px 0px;
	float: right;
	border: #fff 2px solid;
	padding: 7px 7px 4px 7px;
}
	
#resume {
	margin: 20px 5px 0px 0px;
	width: 454px;
	height: 205px;
	float: right;
	border: #fff 2px solid;
	padding: 5px;
}
	
#footer {
	margin: 0 auto;
	float: left;
	width: 1000px;
	color: #ffffff;
	}
	
	#footer a {
		text-decoration: underline;
		}
		
#foot {
	float: left;
	margin: 0px 15px 0px 0px;
	border: #669933 2px solid;
	padding: 0px;
	height: 55px;
}

	#foot p {
		padding: 1px 5px 0px 3px;
	}
		
#credit {
	text-align: center;
	width: 100%;
	float: left;
	margin-top: 20px;
	padding-bottom: 10px;
	}
	
	#credit a:hover{
		color: #ffffff;
		text-decoration: underline;
		}
		
/* Headshots */

#gallery{width:500px; float:left; display:inline; margin:0px 0px 15px 0px;}
#content_right{width:110px; float:right; display:inline;}
 
#large_image_holder{width:384px; float:left; display:inline; margin: 0px;}
#large_images{width:384px; float:left; display:inline; position:relative; z-index:10; padding:0px;}
#large_images li{position:absolute; z-index:11; left:10;}

#thumb_holder{width:104px;height:511px; float:left; display:inline; margin: -14px 0 0 0;}
#thumb_holder li {width:104px; float:left; display:inline; margin:14px;}
 
.title{float:left; display:inline; width:300px; }
.hide{display:none;}