* {
	margin: 0;
	padding: 0;
}

body {
	background: url(../images/backgrounds/body.jpg) #000 repeat-x top left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0 auto;
	text-align: center;
}

br.cleardiv {
	clear: both;
	height: 0;
	overflow: hidden;
}

a {
	color:  #3A79BE;
}

a.external {
	background-image: url(../images/backgrounds/external-link.gif);
	background-repeat: no-repeat;
	background-position: 100% 50%;
	padding: 0 16px 0 0;
}

a:hover {
	color: #FBAF17;
	text-decoration: underline;
}

/*---------------

PAGE STRUCTURE

---------------*/

#wrapper {
	margin: 0 auto;
	overflow: hidden;
	text-align: center;
	width: 625px;
}

#top {
	float: left;
	height: 168px;
	width: 625px;
}

#content {
	color: #A8A8A8;
	float: left;
	font-size: .8em;
	line-height: 1.3em;
	padding: 0 0 0 0;
	text-align: justify;
	width: 625px;
}

#contact {
	background: url(../images/backgrounds/contact.jpg) transparent no-repeat top left;
	padding: 40px 0 0 310px;
	position: relative;
	top: 12px;
	width: 315px;
}

/*--------------

TEXT

--------------*/

#content a.download {
	background: url(../images/backgrounds/download.gif) transparent no-repeat 100% 80%;
	color: #A8A8A8;
	float: right;
	font-size: 11px;
	padding: 0 28px 0 0;
	text-align: right;
	text-decoration: none;
	width: 188px;
}

#content a.download:hover {
	color: #FBAF17;
	text-decoration: underline;
}

#content p {
	clear: left;
	padding: 0 5px 25px 5px;
}

#content table {
	float: left;
	margin: 0 0 20px 0;
	text-align: left;
	width: 625px;
}

#content table td {
	padding: 0 20px 14px 20px;
	vertical-align: center;
	width: 168px;	
}

div.hrule {
	background: url(../images/backgrounds/footer.gif) transparent no-repeat top left;
	float: left; 
	height: 12px;
	position: relative;
	top: 0;
	width: 625px;
}

div.top { 
	background: url(../images/backgrounds/top-hr.gif) transparent no-repeat top left;
	margin: 20px 0;
	top: 0;	
}

div.hrule hr {
	display: none;
}


/*---------------

IMAGES

---------------*/

img.right {
	float: right;
	margin: 0 0 20px 20px;
}

img.left {
	float: left;
	margin: 0 20px 20px 0;
}


/*--------------

HEADERS

-------------*/


h1 {
	background: url(../images/headers/h1.gif) transparent no-repeat top left;
	float: left; 
	height: 143px;
	width: 260px;
	text-indent: -6000px;
}

h2 {
	float: left; 
	height: 61px;
	margin: 0 0 12px 0;
	width: 625px;
	text-indent: -6000px;
}

h2#bio-1 { background: url(../images/headers/h2s/bio-1.gif) transparent no-repeat top left;}

h2#resume-1 { background: url(../images/headers/h2s/resume-1.gif) transparent no-repeat top left;}
h2#resume-2 { background: url(../images/headers/h2s/resume-2.gif) transparent no-repeat top left;}
h2#resume-3 { background: url(../images/headers/h2s/resume-3.gif) transparent no-repeat top left;}
h2#resume-4 { background: url(../images/headers/h2s/resume-4.gif) transparent no-repeat top left;}
h2#resume-5 { background: url(../images/headers/h2s/resume-5.gif) transparent no-repeat top left;}
h2#resume-6 { background: url(../images/headers/h2s/resume-6.gif) transparent no-repeat top left;}

h2#voice-1 { background: url(../images/headers/h2s/voice-1.gif) transparent no-repeat top left;}

/*--------------

NAVIGATION

--------------*/

#nav-1, #nav-2 {
	height: 36px;
	float: left;
	position: relative;
	width: 356px;
}

#nav-1 {
	left: 20px;
	padding: 55px 0 0 0;
}

#nav-2 {
	padding: 2px 0 0 0;
}


#nav-1 li, #nav-2 li {
	display: inline;
	list-style-type: none;
}

#nav-1 a, #nav-2 a, li.current {
	float: left;
	height: 36px;
	outline: none;
	text-decoration: none;
	text-indent: -6000px;
}

a.home,  li.home {
	background: url(../images/nav/home.gif) transparent no-repeat top left; 
	width: 74px;
}

a.resume,  li.resume {
	background: url(../images/nav/resume.gif) transparent no-repeat top left; 
	width: 92px;
}

a.bio,  li.bio {
	background: url(../images/nav/bio.gif) transparent no-repeat top left; 
	width: 115px;
}

a.voice,  li.voice {
	background: url(../images/nav/voice.gif) transparent no-repeat top left; 
	width: 131px;
}

a.gallery,  li.gallery {
	background: url(../images/nav/gallery.gif) transparent no-repeat top left; 
	width: 106px;
}

a.contact,  li.contact {
	background: url(../images/nav/contact.gif) transparent no-repeat top left; 
	width: 103px;
}

a:hover { background-position: 0 -36px;}

li.current {
	background-position: 0 -72px;
}

/*---------------

GALLERY

--------------*/

#gallery-left {
	float: left;
	padding: 0 0 0 33px;
	width: 327px;
}

#gallery-left a {
	border: 2px solid #000;
	color: #000;
	float: left;
	margin: 8px 7px;
}

#gallery-left a:hover {
	border: 2px solid #ccc;
}

#gallery-left img {
	border: 0;
	height: 72px;
	width: 62px;
	float: left;
}


#gallery-right {
	float: left;
	padding: 7px 14px;
	width: 218px;
}

#gallery-right img {
	border: 2px solid #2B2B2B;
	padding: 2px;
}

p#caption {
	text-align: center;
	width: 209px;
}

/*---------------

FOOTER

---------------*/

#footer {
	background: url(../images/backgrounds/footer.gif) transparent no-repeat 50% 0; 
	color: #A8A8A8;
	width: 625px;
	float: left;
	font-size: .70em;
	padding: 25px 0;
	text-align: center;
}