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

body {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #666666;
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
}
#voContainer {
	position: relative;
	background-image:url(images/AnnsAvatarVO.jpg);
	/*	height:100%;*/
	height:586px;
	width: 870px;
	/*	background: #FFFFFF;*/
	margin: auto;
	border: 1px solid #000000;
	text-align: left; /* this overrides the text-align: center on the body element. */
}
#voBkgndImg {
	position: absolute;
	margin-top:1em;
	border: black solid 1px;
	z-index:-1;
}
#voMenu {
	position: absolute;
	top: 1em;
	left: 4.2em;
	color: #990000;
	font-weight: bold;
	/*font-variant:small-caps;*/ 
}
#voColorBlock {
	position:absolute;
	width:35em;
	height:2.2em;
	top:0em;
	left:-1em;
	background-color:#333366;
	opacity:.6;
	-o-box-shadow: 4px 4px 4px #222;
	-icab-box-shadow: 4px 4px 4px #222;
	-khtml-box-shadow: 4px 4px 4px #222;
	-moz-box-shadow: 4px 4px 4px #222;
	-webkit-box-shadow: 4px 4px 4px #222;
	box-shadow: 4px 4px 4px #222;
}
#voMenu a {
	text-decoration: none;	
	position:relative;
}
#voMenu a:link {color:#0000aa;}      /* unvisited link */
#voMenu a:visited {color:#800080;}  /* visited link */
/*#voMenu a:hover {color:#b25f6f;}*/  /* mouse over link */
#voMenu a:hover {;}  /* mouse over link */
#voMenu a:active {color:#880000;}  /* selected link */

#voMenuHome:hover {background-color:#BB959E;}
#voMenuBio:hover {background-color:#BB959E;}
#voMenuDemo:hover {background-color:#BB959E;}
#voMenuContact:hover {background-color:#BB959E;}


#voMenu li {
	background-color:#bbafbb;
	width: 1em;
	height: 8em;
	border: black solid none;
	display:inline;	
	padding: .4em 1.8em .4em 1.8em;
	margin: 0 .2em;
	text-shadow: black 1px 1px 2px, #ddd -1px -1px 1px;
	-o-box-shadow: 4px 4px 4px #222;
	-icab-box-shadow: 4px 4px 4px #222;
	-khtml-box-shadow: 4px 4px 4px #222;
	-moz-box-shadow: 4px 4px 4px #222;
	-webkit-box-shadow: 4px 4px 4px #222;
	box-shadow: 4px 4px 4px #222;
	opacity:.8;
}
#voMenu p {
	cursor:pointer;
	background-color:#bbafbb;
	/*width: 1em;
	height: 8em;*/
	border: black solid none;
	display:inline;	
	padding: .4em 1.8em .4em 1.8em;
	margin: 0 .2em;
	text-align:center;
	text-shadow: black 1px 1px 2px, #ddd -1px -1px 1px;
	-o-box-shadow: 4px 4px 4px #222;
	-icab-box-shadow: 4px 4px 4px #222;
	-khtml-box-shadow: 4px 4px 4px #222;
	-moz-box-shadow: 4px 4px 4px #222;
	-webkit-box-shadow: 4px 4px 4px #222;
	box-shadow: 4px 4px 4px #222;
	opacity:.8;
}

#voMainContent {
	position: absolute;
	background-color: #CCC0CC;
	opacity:0.85;
	font:Arial, Helvetica, sans-serif .8em;
	border: 1px black solid;
	-o-box-shadow: 4px 4px 4px #222;
	-icab-box-shadow: 4px 4px 4px #222;
	-khtml-box-shadow: 4px 4px 4px #222;
	-moz-box-shadow: 4px 4px 4px #222;
	-webkit-box-shadow: 4px 4px 4px #222;
	box-shadow: 4px 4px 4px #222;
}

#voHome #voMenuHome {
	background-color: #BB959E;
}


#voBio #voMenuBio {
/*	background-color: #b25f6f;*/
	background-color: #BB959E;
}

#voDemo #voMenuDemo {
	background-color: #BB959E;
}

#voContact #voMenuContact {
	background-color: #BB959E;
}


#voHome #voBranding {
	position: absolute;
	top: 4.4em;
	left: 1em;
	font-size: 36px;
	font-weight: bold;
	font-style: italic;
	text-shadow: 2px 2px 4px #330099,  2px 2px 12px #FFFFFF;
//	text-shadow: 2px 2px 4px #330099;
//	background-color: #330033;
}

#voHome #voSkills {
	position: absolute;
	top: 18.1em;
	left: 1em;
	font-size: 24px;
	text-shadow: 2px 2px 4px #330099,  2px 2px 8px #FFFFFF;
}


#voBio #voMainContent{
	bottom: 1em;
	left: 1.8em;
	width: 24em;
	/*height: 22em;*/
	padding: 1.6em;
	font-size: .7em;
	line-height:1.2em;
}

#voBio #bioPic {
	position: absolute;
	top: 9.6em;
	left: 3em;
	padding: 10px;
	background-color: #CCC0CC;
	border: 1px black solid;
	-o-box-shadow: 4px 4px 4px #222;
	-icab-box-shadow: 4px 4px 4px #222;
	-khtml-box-shadow: 4px 4px 4px #222;
	-moz-box-shadow: 4px 4px 4px #222;
	-webkit-box-shadow: 4px 4px 4px #222;
	box-shadow: 4px 4px 4px #222;
}

#voDemo #voMainContent, #voHome #voMainContent {
	top: 20em;
	left: 2em;
	width: 21em;
	height: 4em;
	padding: 0 0 2em 2em;
}

#voContact #voMainContent{
	top: 18em;
	left: 2em;
	/*width: 14em;*/
	/*height: 6em;*/
	padding: 2em;
}

#voContact #voMainContent img{
	vertical-align:middle;
}

#voMP3 {
	margin: auto;
}


/*
.normal { 
 	color:#F3F0D9; ; 
	text-decoration: none;
	text-transform: none; 
	font: lighter normal 14px/15px "Bell MT", Georgia, "Times New Roman", Times, serif
} 

.normal A {
	color:#FF9999;
	;
	text-decoration: none;
	font-style: normal;
	font-weight: lighter;
	font-family: "Bell MT", Georgia, "Times New Roman", Times, serif;
	font-size: 14px;
	line-height: 15px;
} .normal A:hover {
	color:#FF6666;
	text-decoration:none;
	font-weight: bolder;
}
*/