
  * {
    font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Arial, sans-serif;
    color: #333;
    line-height: 140%;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
  }
  
  img
  {
    padding:0px;
    margin:0px;
    border:0px;
  }
  
  .ad-thumb-list img, .ad-image-description
  {
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
  }
  
  select, input, textarea {
    font-size: 1em;
  }
  body {
    padding: 30px;
    font-size: 70%;
    background-color:#BBBBBB;
    position:relative;

  }

  
  h2 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
    border-bottom: 1px dotted #dedede;
  }
  h3 {
    margin-top: 1.2em;
    margin-bottom: 0;
    padding: 0;
  }
  .example {
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  ul {
    list-style-image:url(list-style.gif);
  }
  pre {
    font-family: "Lucida Console", "Courier New", Verdana;
    border: 1px solid #CCC;
    background: #f2f2f2;
    padding: 10px;
  }
  code {
    font-family: "Lucida Console", "Courier New", Verdana;
    margin: 0;
    padding: 0;
  }

  #gallery {
    padding: 30px;
    background: #E3E3E3; /* #e1eef5; */
  }

.pagecontainerhome, .pagecontainer
{    
    margin: 0px auto;      
    padding-bottom:25px;
    /* background-image: url(../images/collage1b.jpg);
    background-attachment:scroll;
    width:1280px;
    height:732px; */
    width:1100px;
    height:716px;
    position:relative;
    border: dashed 2px #DDDDDD;   
    
}

.bottominfotext, .topinfotext
{
    text-align:center;
    font-size:10px;
    color:#111111;
    
}

.bottominfotext
{
    padding-top:25px;
}

.topinfotext
{
    padding-bottom:25px;
}

.pagecontainer
{
	padding-left:30px;
}

.leftcontainer, .rightcontainer
{
    float:left;
}

.rightcontainer
{
    width:325px;
    margin: 25px 25px 25px 50px;
    border:solid 1px #CCCCCC;
    background-color:#FBFBFB;
    padding: 0px 15px 10px 15px;
}

h1
{
    font-weight:bold;
    font-size:2.2em;
}


.home
{
    background-image: url(../images/home.jpg);
    width: 1024px;
    height:681px;
    opacity:0.90;
    margin: 25px auto;
    border:solid 2px black;
    background-repeat:no-repeat;
    position:relative;
}

.nav
{
    background-position:  321px 0px;
    width: 307px;
    height:303px;
    position:absolute;
    left:58px;
    top: 322px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;    
    opacity:0.9;
    margin-left:50px;

}

.menu-intro,.menu-artifacts, .menu-the-net-effect, .menu-the-final-exhibition, .menu-bibliography, .menu-thank-you, .menu-say-hi
{
    background-image: url(../images/nav.png);
    width: 306px;
    height:43px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;    
    opacity:0.9;

}

.menu-intro:hover
{
    background-position: 306px 0px;
}
.menu-intro
{
    
    background-position: 0px 0px;
}
.menu-artifacts:hover
{
    
    background-position: 306px -44px;
}
.menu-artifacts
{
    
    background-position: 0px -44px;
}
.menu-the-net-effect:hover
{
    
    background-position: 306px -88px;
}
.menu-the-net-effect
{
    
    background-position: 0px -88px;
}
.menu-the-final-exhibition:hover
{
    
    background-position: 306px -132px;
}
.menu-the-final-exhibition
{
    
    background-position: 0px -132px;
}
.menu-bibliography:hover
{
    
    background-position: 306px -176px;
}
.menu-bibliography
{
    
    background-position: 0px -176px;
}
.menu-thank-you:hover
{
    
    background-position: 306px -220px;
}
.menu-thank-you
{
    
    background-position: 0px -220px;
}
.menu-say-hi:hover
{
    
    background-position: 306px -264px;
    height:43px;
}
.menu-say-hi
{
    
    background-position: 0px -264px;
    height:43px;
}

.artifact1container
{
    padding: 30px;
    background: #E3E3E3; /* #e1eef5; */
    text-align:center;
    width:600px;
}

.artifact4container
{
    padding: 85px 30px 85px 30px;
    background: #E3E3E3; /* #e1eef5; */
    text-align:center;
    width:600px;
}

.videoscontainer
{
    padding: 30px;
    background: #E3E3E3; /* #e1eef5; */
    text-align:center;
    width:835px;
    padding-left:200px;
    height:600px;
}

.videocontainer
{
    margin: 10px;
    float:left;
}