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

@import url("browserReset.css");
@import url("typography.css");


/********* general functionality *********/

/* make sure div encloses floated elements */
.clear{
height:100%;
overflow:hidden;
}
/********* provide padding to divs **********/
div.inner{
padding:20px;
}

/********* page structure ***********/

body{
}
div#wrapper{
width:800px;
border:1px solid #999;
margin:50px auto;
}
div#header{
width:800px;
height:150px;
}
div#intro{
position:relative;
width:500px;
height:500px;
float:left;
}
div#introIndex{
width:500px;
float:left;
}
div#nav{
width:290px;
float:right;
}
div#nav .inner ul{
margin:30px 0 0 60px;
}
div#nav .inner ul li{
margin-top:10px;
}
img.miniHeader{
float:right;
}

h4{
color:#666;
margin:100px 0 0 60px;
}
p{
color:#666;
margin:10px 0 0 60px;
}
p.alert{
margin:100px 0 0 60px;
font-size:10px;
color:red;
}

.fade {
  position: absolute;
  top: 0;
  left: 0;
}

.fade div {
  position: absolute;
  top: 0;
  left: 0;
  display: none;
}