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

/* * {margin:0;padding:0;} */

/* eric meyer clear */
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,
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-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}





/*end of eric meyer clear */






* html a:hover {

visibility:visible

}



body {

margin-top:25px;

}



h1 {
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	margin-top: 44px;
	margin-bottom: 31px;
	line-height: 1.8em;
	letter-spacing: 1pt;
}


#container {
	width:959px;
	height:599px;
	margin:auto;
	border: 1px solid #666666;
}


#nav {
width: 119px;
height: 599px;
float:left

}

#stage {
width: 840px;
height:599px;
float:left;
}


#opportunities {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	line-height: 1.8em;
	letter-spacing: 1pt;
	font-style: italic;
}



#desire {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #000000;
	margin-top: 30px;
	text-align: center;
	line-height: 1.8em;
	letter-spacing: 1pt;
}


/* #nav li {
   list-style: none;
   display:list-item;
}*/


/* nav code */

.interactive {

	position: relative;
	background: url(../images/interactive-over.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 119px;
	height: 25px;
	margin: 0px;
	padding: 0px;

}

.interactive a {

	display: block;
	width: 119px;
	height: 25px;
	display: block;
	float: left;
	padding-left: 0px;

}

.interactive img {

	width: 119px;
	height: 25px;
	border: 0;

}


.interactive a:hover img {

visibility:hidden

}


.video {

	position: relative;
	background: url(../images/video-over.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 119px;
	height: 25px;
	margin: 0px;
	padding: 0px;

}

.video a {

	display: block;
	width: 119px;
	height: 25px;
	display: block;
	float: left;
	padding-left: 0px;

}

.video img {

	width: 119px;
	height: 25px;
	border: 0;

}


.video a:hover img {

visibility:hidden

}


.audio {

	position: relative;
	background: url(../images/audio-over.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 119px;
	height: 25px;
	margin: 0px;
	padding: 0px;

}

.audio a {

	display: block;
	width: 119px;
	height: 25px;
	display: block;
	float: left;
	padding-left: 0px;

}

.audio img {

	width: 119px;
	height: 25px;
	border: 0;

}


.audio a:hover img {

visibility:hidden

}


.graphics {

	position: relative;
	background: url(../images/graphics-over.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 119px;
	height: 25px;
	margin: 0px;
	padding: 0px;

}

.graphics a {

	display: block;
	width: 119px;
	height: 25px;
	display: block;
	float: left;
	padding-left: 0px;

}

.graphics img {

	width: 119px;
	height: 25px;
	border: 0;

}


.graphics a:hover img {

visibility:hidden

}

.concepts {

	position: relative;
	background: url(../images/concepts-over.jpg) no-repeat;
	white-space: nowrap;
	display: block;
	width: 119px;
	height: 25px;
	margin: 0px;
	padding: 0px;

}

.concepts a {

	display: block;
	width: 119px;
	height: 25px;
	display: block;
	float: left;
	padding-left: 0px;

}

.concepts img {

	width: 119px;
	height: 25px;
	border: 0;

}


.concepts a:hover img {

visibility:hidden

}

.logo {

	position: relative;
	background: url(../images/logo-over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 119px;
	height: 349px;
	margin: 0px;
	padding: 0px;

}

.logo a {

	display: block;
	width: 119px;
	height: 349px;
	display: block;
	float: left;
	padding-left: 0px;

}

.logo img {

	width: 119px;
	height: 349px;
	border: 0;

}


.logo a:hover img {

visibility:hidden

}

.resume {

	position: relative;
	background: url(../images/resume-over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 119px;
	height: 25px;
	margin: 0px;
	padding: 0px;

}

.resume a {

	display: block;
	width: 119px;
	height: 25px;
	display: block;
	float: left;
	padding-left: 0px;

}

.resume img {

	width: 119px;
	height: 25px;
	border: 0;

}


.resume a:hover img {

visibility:hidden

}

.email {

	position: relative;
	background: url(../images/email-over.gif) no-repeat;
	white-space: nowrap;
	display: block;
	width: 119px;
	height: 25px;
	margin: 0px;
	padding: 0px;

}

.email a {

	display: block;
	width: 119px;
	height: 25px;
	display: block;
	float: left;
	padding-left: 0px;

}

.email img {

	width: 119px;
	height: 25px;
	border: 0;

}


.email a:hover img {

visibility:hidden

}


.blank {
width:119px;
height:25px;
background-image:url(../images/blank-one.gif);
background-repeat:no-repeat;

}


.bottom-blank {
width:119px;
height:25px;
background-image:url(../images/blank-three.gif);
background-repeat:no-repeat;

}




#video-player{
	
	margin:60px 0 0 60px;
}


#video-frame{
	width:725px;
	height:485px;
	background-color:#333;
	
	
}

#footer{
padding:10px;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:#000;
clear:both;

}