/*index page*/

body
{
background-color:#000000;
}
#face
{
background-image:url('/img/mariaface.jpg');
background-repeat:no-repeat;
background-position:center top; 
background-color:#000000;
width:1200px;
height:900px;
margin: 0 auto;
position:relative;
}
#box1
{
height:280px;
right:10px;
background-image:url('/img/purplebox30.png');
position:absolute;
}
#words
{
text-align:center;
height:0px;
}
.name
{
font-family:Lucida Sans Unicode;
font-size:8em;
color:#ffffff;
}
#fname
{
margin-left:15px;
margin-top:-20px;
}
#line
{
background-color:#ffffff;
margin-top:-25px;
width:350px;
height:1px;
margin: 0 auto;
}
#lname
{
margin-top:-20px;
}
.nav
{
bottom:20px;
font-family:Helvetica;
font-size:1.25em;
color:#ffffff;
display:inline;
margin-left:8px;
}
#box2
{
margin-top:520px;
margin-right:550px;
background-image:url('/img/purplebox30.png');
position:absolute;
}
#about
{
text-indent:50px;
font-family:Helvetica;
font-size:1.25em;
color:#ffffff;
padding:20px;
}
a:link 
{
    text-decoration:none;
    color:#441950;
}      /* unvisited link */
a:visited 
{
    text-decoration:none;
    color:#441950;
}  /* visited link */
a:hover 
{
    text-decoration:none;
    color:#441950;
}  /* mouse over link */
a:active 
{
    text-decoration:none;
    color:#441950;
}  /* selected link */


/*index page*/
#indexpage
{
background-image:url('/img/blur.jpg');
background-repeat:no-repeat;
background-position:center top; 
background-color:#ffffff;
width:1200px;
height:801px;
margin: 0 auto;
position:relative;
}
#rightimage
{
background-image:url('/img/indexface.jpg');
width:550px;
height:688px;
right:0px;
top:25px;
position:absolute;
opacity:1;
filter:alpha(opacity=100); /* For IE8 and earlier */
}
#leftimage
{
background-image:url('/img/indexface2.jpg');
width:688px;
height:480px;
top:300px;
position:absolute;
opacity:0;
filter:alpha(opacity=0); /* For IE8 and earlier */
}
#box3
{
height:280px;
left:40px;
background-image:url('/img/purplebox30.png');
z-index:2;
position:absolute;
}
#top
{
margin-left:15px;
margin-top:-20px;
}
#line1
{
background-color:#ffffff;
width:350px;
height:1px;
margin: 0 auto;
margin-top:-25px;
}
#bottom
{
margin-top:-20px;
}
#boxinfo
{
z-index:2;
text-align:center;
height:0px;
}

/*  my work page */

#topimage
{
background-image:url('/img/myworktopblack.jpg');
background-color:#000000;
width:1200px;
height:550px;
margin: 0 auto;
position:relative;
}
#box4
{
height:280px;
right:20px;
background-image:url('/img/purplebox30.png');
z-index:2;
position:absolute;
}
#videos
{
width:1200px;
margin: 0 auto;
position:relative;
margin-top:-170px;
}
#leftcol
{
color:#ffffff;
width:580px;
margin: 0 auto;
float:left;
}
#rightcol
{
color:#ffffff;
width:580px;
margin: 0 auto;
float:right;
}
#loadbar
{
width:1200px;
height:50px;
}
#pages
{
width:220px;
height:30px;
margin-top:10px;
text-align:center;
font-size:1.3em;
margin: 0 auto;
}
#righttitleback
{
background-image:url('/img/purplebox30.png');
width:580px;
}
#lefttitleback
{
background-image:url('/img/purplebox30.png');
width:580px;
}
.title1
{
margin-left:15px;
}
.title2
{
margin-left:25px;
}
.vid
{
margin-left:30px;
border:1px solid black;
width:520px;
height:390px;
}
.vid:hover
{
border:1px solid white;
width:520px;
height:390px;
}
.pnum
{
float:left;
margin:4px;
width:25px;
background-image:url('/img/purplebox30.png');
border:1px solid black;
}
.pnum:hover
{
border:1px solid white;
font-size:1.5em;
}

/*  dance page   */
#dancepage
{
width:1200px;
position:relative;
margin: 0 auto;
}
#dancevideo
{
width:650px;
position:absolute;
color:#ffffff;
}
#danceright
{
background-image:url('/img/danceright.jpg');
position:absolute;
width:720px;
height:900px;
right:0px;
z-index:-1;
}
#box5
{
height:280px;
right:20px;
background-image:url('/img/purplebox30.png');
position:absolute;
}
#dancenav
{
width:450px;
height:60px;
margin-top:900px;
right:0px;
position:absolute;
color:#ffffff;
}
.dancevid
{
margin-left:30px;
border:1px solid black;
width:650px;
height:365px;
}
.dancevid:hover
{
border:1px solid white;
width:650px;
height:365px;
}
.pnum
{
float:left;
margin:4px;
width:25px;
background-image:url('/img/purplebox30.png');
border:1px solid black;
}
.pnum:hover
{
border:1px solid white;
font-size:1.5em;
}