/* css for justyntdavis.com */
/* written by clayton combe 2009 */

body {
	background: url('../images/bg_fill.gif') repeat bottom center #000;
	margin: 0px auto;
	padding: 0px;
	border: 0px;
	overflow-y: scroll;
}

#body {
	background: url('../images/bg.gif') repeat-x top center #000;
	margin: 0px auto -46px auto;
	padding: 46px 0px 0px 0px;
	border: 0px;
	height: 754px;
}

#mainPic {
	position: relative;
	margin: 0px auto;
	height: 405px;
	width: 720px;
	background: url('../images/frames/forest01.jpg') no-repeat center center #000;
}


/* --- position template elements --- */

#name {
	background-image: url('../images/jtd_name.gif');
	position: relative;
	left: -249px;
	margin: 0px auto -2px auto;
	padding: 0px;
	border: 0px;
	width: 298px;
	height: 36px;
}

#header {
	position: relative;
	left: -2px;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	height: 20px;
	border-top: solid 5px #900;
	background: #000;
}

#content {
	position: relative;
	left: -2px;
	background: #000;
	margin: -5px auto;
	padding: 30px;
	border-left: solid 5px #900;
	border-right: solid 5px #900;
	width: 730px;
	min-height: 440px;
}

#footer {
	position: relative;
	left: -2px;
	margin: 0px auto;
	padding: 0px;
	width: 760px;
	height: 20px;
	border-bottom: solid 5px #900;
	background: #000;
}

#corner_topleft {
	background-image: url('../images/corner_topleft.gif');
	position: absolute;
	margin: -5px -20px;
	padding: 0px;
	border: 0px;
	width: 20px;
	height: 20px;
}

#corner_topright {
	background-image: url('../images/corner_topright.gif');
	float: right;
	margin: -5px -20px;
	padding: 0px;
	border: 0px;
	width: 20px;
	height: 20px;
}

#corner_bottomleft {
	background-image: url('../images/corner_bottomleft.gif');
	position: relative;
	left: -5px;
	top: 5px;
	bottom: 0px;
	margin: 0px -15px;
	padding: 0px;
	border: 0px;
	width: 20px;
	height: 20px;
}

#corner_bottomright {
	background-image: url('../images/corner_bottomright.gif');
	float: right;
	margin: -15px -20px;
	padding: 0px;
	border: 0px;
	width: 20px;
	height: 20px;
}

/* --- end position template elements --- */


/* --- text properties --- */

p {
	font: normal normal bold 12px Arial, Verdana, sans-serif;
	text-align: justify;
	color: #AAA;
	margin: 2px 20px;
	padding: 0px;
}

a {
	font-weight: bold;
	color: #AAA;
	text-decoration: none;
}

a:hover {
	color: #FFF;
}

img {
	position: relative;
	float: right;
	margin: 0px 0px;
}

h1 {
	font: normal normal bold 24px Arial, Verdana, sans-serif;
	text-align: center;
	position: relative;
	margin: 0px 10px;
	padding: 0px;
	color: #FFF;
}

h2 {
	font: normal normal bold 24px Arial, Verdana, sans-serif;
	text-align: left;
	position: relative;
	margin: 0px 10px;
	padding: 0px;
	color: #FFF;
}

h3 {
	font: normal normal bold 16px Arial, Verdana, sans-serif;
	text-align: center;
	position: relative;
	margin: 0px 10px;
	padding: 0px;
	color: #FFF;
}

h4 {
	font: normal normal bold 16px Arial, Verdana, sans-serif;
	text-align: left;
	position: relative;
	margin: 0px 10px;
	padding: 0px;
	color: #FFF;
}

h5 {
	font: normal normal bold 16px Arial, Verdana, sans-serif;
	text-align: center;
	position: relative;
	margin: 0px 10px;
	padding: 0px;
	color: #FFF;
}

/* --- end text properties --- */


/* --- table and movie properties --- */


table.resume {
	position: relative;
	width: 760px;
	margin: 10px -5px;
	padding: 0px;
	font: normal normal normal 12px Arial, Verdana, sans-serif;
	border-collapse: separate;
	border-spacing: 10px 5px;
	color: #FFF;
}

td.header {
	text-decoration: underline;
}

td.position {
	font-weight: bold;
}


#movViewer {
	position: relative;
	margin: 10px auto 20px auto;
	padding: 0px;
	border: none;
	width: 640px;
	text-align: center;
	color: #000;
}

#movie {
	position: relative;
	top: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	color: #000;
}

/* --- end table and movie properties --- */


/* --- button properties --- */

#buttons {
	position: relative;
	margin: 0px auto;
	width: 790px;
	height: 150px;
	top: -50px;
	left: 3px;
	text-align: center;
}

#home {
	background: url('../images/button_home.gif') no-repeat top center #000;
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 130px;
	height: 40px;
	cursor: pointer;
}

#home:hover {
	background: url('../images/button_home.gif') no-repeat bottom center #000;
}

#home:active {
	background: url('../images/button_home.gif') no-repeat bottom center #000;
}

#DP {
	background: url('../images/button_dp.gif') no-repeat top center #000;
	position: absolute;
	top: 0px;
	left: 130px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 130px;
	height: 40px;
	cursor: pointer;
}

#DP:hover {
	background: url('../images/button_dp.gif') no-repeat bottom center #000;
}

#DP:active {
	background: url('../images/button_dp.gif') no-repeat bottom center #000;
}

#LD {
	background: url('../images/button_ld.gif') no-repeat top center #000;
	position: absolute;
	top: 0px;
	left: 260px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 130px;
	height: 40px;
	cursor: pointer;
}

#LD:hover {
	background: url('../images/button_ld.gif') no-repeat bottom center #000;
}

#LD:active {
	background: url('../images/button_ld.gif') no-repeat bottom center #000;
}

#resume {
	background: url('../images/button_resume.gif') no-repeat top center #000;
	position: absolute;
	top: 0px;
	left: 390px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 130px;
	height: 40px;
	cursor: pointer;
}

#resume:hover {
	background: url('../images/button_resume.gif') no-repeat bottom center #000;
}

#resume:active {
	background: url('../images/button_resume.gif') no-repeat bottom center #000;
}

#equipment {
	background: url('../images/button_equipment.gif') no-repeat top center #000;
	position: absolute;
	top: 0px;
	left: 520px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 130px;
	height: 40px;
	cursor: pointer;
}

#equipment:hover {
	background: url('../images/button_equipment.gif') no-repeat bottom center #000;
}

#equipment:active {
	background: url('../images/button_equipment.gif') no-repeat bottom center #000;
}

#links {
	background: url('../images/button_links.gif') no-repeat top center #000;
	position: absolute;
	top: 0px;
	left: 650px;
	margin: 0px;
	padding: 0px;
	border: 0px;
	width: 130px;
	height: 40px;
	cursor: pointer;
}

#links:hover {
	background: url('../images/button_links.gif') no-repeat bottom center #000;
}

#links:active {
	background: url('../images/button_links.gif') no-repeat bottom center #000;
}

/* --- end button properties --- */


/* --- title properties --- */

#topright_home {
	background: url('../images/topright.gif') no-repeat 0px 0px #000;
	position: relative;
	top: -15px;
	left: 240px;
	margin: -10px auto -15px auto;
	padding: 0px;
	height: 20px;
	width: 270px;
}

#topright_DP {
	background: url('../images/topright.gif') no-repeat 0px -20px #000;
	position: relative;
	top: -15px;
	left: 240px;
	margin: -10px auto -15px auto;
	padding: 0px;
	height: 20px;
	width: 270px;
}

#topright_LD {
	background: url('../images/topright.gif') no-repeat 0px -40px #000;
	position: relative;
	top: -15px;
	left: 240px;
	margin: -10px auto -15px auto;
	padding: 0px;
	height: 20px;
	width: 270px;
}

#topright_resume {
	background: url('../images/topright.gif') no-repeat 0px -60px #000;
	position: relative;
	top: -15px;
	left: 240px;
	margin: -10px auto -15px auto;
	padding: 0px;
	height: 20px;
	width: 270px;
}

#topright_equipment {
	background: url('../images/topright.gif') no-repeat 0px -80px #000;
	position: relative;
	top: -15px;
	left: 240px;
	margin: -10px auto -15px auto;
	padding: 0px;
	height: 20px;
	width: 270px;
}

#topright_links {
	background: url('../images/topright.gif') no-repeat 0px -100px #000;
	position: relative;
	top: -15px;
	left: 240px;
	margin: -10px auto -15px auto;
	padding: 0px;
	height: 20px;
	width: 270px;
}

/* --- end title properties --- */