body {
	font-family: serif;
	margin: 0;
	background-color: #fea4ff;
	color: #f7d1f7;
	width: 1024;
	background: url(images/contentBkgrd.jpg);
}

p {
	//background-color: #7c9460;
	background:  url(images/buttonbkgd2.jpg);
	padding: 1em;	
}

h1#name {
	font-family: sans-serif;
	text-indent: -5000px;
	background: url(images/title.jpg) no-repeat;
	width: 800px;
	height: 152px; 
	margin: 0;
	position: absolute;
}

h1#email {
	margin: 0;
	text-indent: -5000px;
	background: url(images/email.jpg) no-repeat;
	height: 30px;
}

h1#emailBio {
	margin: 0;
	text-indent: -5000px;
	background: url(images/emailBio.jpg) no-repeat;
	height: 30px;
}

ul#menu {
	font-family: Verdana, sans-serif;
	list-style-type: none; 
	margin: 0;
	position: absolute;
	top: 145px;
	left: 25px;
}

ul#menu li {
	font-family: Verdana, sans-serif;
	display: inline; }

ul#menu li a {
	font-family: Helvetica, sans-serif;
	background-color: #73606c;
	font-weight: bold;
	font-style: italic;
	background:  url(images/buttonbkgd.jpg);
	//border: 1px solid #FFF;
	color: #d2faa2;
	font-size: 76%;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	//font-variant: small-caps;
	letter-spacing: 2px;
	padding: 2px 20px;
	margin: 0px 2px;
}

ul#menu li a:hover {
	font-family: Verdana, sans-serif;
	background-color: #73606c;
	border: 1px solid #4d5b3c;
}

#header {
	font-family: Verdana, sans-serif;
	position: relative;
	background: #73606c;
	border-bottom: 15px double #efc8e0;
	height: 152px;
}

#content {
	float: right;
	width: 760px;
	background: #748164;
	border: 1px double #efc8e0;
	padding-top: 20px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
	text-align: justify;
	background: url(images/contentBkgrd2.jpg);
}


#content a {
	color: #e4dd2a;
}

#bio p {
	padding: 20px;
	
}

/*#bio img {
	float: right;
	margin: 0px 10px 10px 10px;
}*/

#cv {
	font-family:  Verdana, sans-serif;
	background:  url(images/buttonbkgd2.jpg);	
	padding: 20px;
}

#cv li {
	font-family: serif;
	list-style-type: none;
	//padding-left: 20px;
}

#content h2 {
	background:  url(images/buttonbkgd2.jpg);
	font-family: Verdana, sans-serif;
	//font-variant: small-caps;
	text-transform: lowercase;
	text-align: left;
	padding-left: 1em;
}

#content h3 {
	background:  url(images/buttonbkgd2.jpg);
	font-family: Verdana, sans-serif;
	//font-variant: small-caps;
	text-transform:  lowercase;
	text-align: center;
}

#sub {
	font-family: Verdana, sans-serif;
	position: absolute;
	background-color: #7c9460;
	border: 1px double #6cb811;
	width: 204px;
	padding-top: 0px;
	padding-bottom: 20px;
}

ul#submenu li {
	display: inline-block; 
	list-style-type: none;
	line-height: 3em;
}

ul#submenu li a {
	background-color: #7c9460;
	background:  url(images/buttonbkgd.jpg);
	border: 1px solid #6cb811;
	color: #3c3f32;
	font-size: 76%;
	text-decoration: none;
	text-align: center;
	text-transform: lowercase;
	//font-variant: small-caps;
	letter-spacing: 2px;
	padding: 2px 20px;
	margin: 0px 2px;
}

ul#submenu li a:hover {
	background-color: #7c9460;
	border: 1px solid #4d5b3c;
	color: white;
}

#contact {
	width: 798px;
	background: #7c9460;
	border: 1px double #6cb811;
	text-align: center;
	padding-top: 20px;
	padding-bottom: 10px;
}

#games {
	text-align: center;
	//font-variant: small-caps;
	text-transform:  lowercase;
	padding: 0;
	margin: 0;
}

#games p {
	text-align: justify;
	font-variant: normal;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 20px;
	padding-right: 20px;
}

#games img {
	border: 1px double #6cb811;
	float: center;
}

#games img:hover {
	border: 1px double #6cb811;
}

#popular {
	border: 5px double #6cb811;
	padding: 10px;
}

#lesspopular {
	clear: center;
	margin: 1em;
}

#morelesspopular {
	clear: center;
}

#webgame {
	width: 800px;
	background: #7c9460;
	border: 1px double #6cb811;
	padding-top: 10px;
	padding-bottom: 20px;
	background: url(images/contentBkgrd2.jpg);
}

#webgame p {
	padding-left: 5em;
	padding-right: 5em;
}	

#webgame a {
	color: #f797ef;
}

#video {
	//text-align: left;
}

#interactive {
	text-align: center;
}

#interactive img {
	border: 1px double #6cb811;
	clear: center;
	float: center;
}

#interactive img:hover {
	border: 1px double #6cb811;
}

#container {
	width: 800px;
	margin-right: auto;
	margin-left: auto;
	border: 1px solid #efc8e0;
	background: white;

}

#waveform {
	text-align: left;
	border: none;
	padding: 0;
	border-style: none;
	margin: 0;
	text-indent: 0;
}