img{
    margin:0px;
    padding:0px;
    border:0px;
}
ul{
    list-style:none;
}
*{
    margin:0px;
    padding:0px;
}

body{
    margin:0px;
    background:black;
    padding:0px;
   
}
.fl{
    float:left;
}
.clear-float{
    clear:both;
}
#whole-page{
  
    width:1010px;
    margin:auto;
    font-family:Georgia,serif;
  
    color:#f3c77f;
    height:699px;
    margin-top:0px;
   background-image:url("images/background-v2.jpg");
   background-repeat:no-repeat;
    font-size:10pt;
    
    
}

a{
    color:#c31418;
    outline:none;
}


/**********************************************NAVIGATION*/
#nav-menu{
    
 margin-left:45px;
    padding-top:40px;
    width:920px;
}

#nav-menu>ul{
   padding:0px;
   margin:0px;
  

  
}
#nav-menu>ul>li{
    float:left;
    

}

#nav-menu>ul>li>a{
    text-decoration:none;
    padding-top:40px;
    padding-left:20px;
  
  
}


#nav-menu>ul>#first-link{
   margin-left:5px;
  
}
#nav-menu>ul>#second-link{
   
     margin-left:108px;
 
}

#nav-menu>ul>#third-link{
    margin-left:113px;

}
#nav-menu>ul>#second-link>a{
    padding-top:50px;
}
#nav-menu>ul>#fourth-link{
    margin-left:89px;
}



/*********************SUB MENUS**/

#sub-menu,#bio-sub-menu{
	visibility:hidden;
	position:absolute;
    height:200px;
        margin-left:302px;
	width:900px;

        
    }

#sub-menu>ul>li>ul>li{

    width:150px;
    
}
#sub-menu-bio{
    
}

#sub-menu>ul>li>a,
#bio-sub-menu>ul>li>a,
#sub-menu>ul>li>ul>li>a{
    text-decoration:none;
   
}
#projectMenu{
    
        margin-top:180px;
}


#projectMenu>ul>li,.projectMenuCV>ul>li{
    margin-top:-4px;
    margin-left:10px;
}
.aboutMenuCV>ul>li,#aboutMenu>ul>li{
       margin-top:-4px;
    margin-left:10px;
}

#aboutMenu{
    margin-left:94px;
    margin-top:291px;
}
#sub-menu>ul>.projectMenuCV{
    margin-top:4px;
}
#sub-menu>ul>.aboutMenuCV{
    margin-top:116px;
}

.subMenuImages{
    margin-top:0px;
    margin-left:0px;
}
#sub-menu>ul>li,#bio-sub-menu>ul>li{
    float:left;
}
/*************************************LEFT COLUMN*/

.left-column,#anguish1,#anguish2,#anguish3,#anguish4,#credits,#maw1,#maw2,#maw3,#maw4{
    margin-left:124px;
    margin-top:118px;
    float:left;
    width:228px;

}

.left-column>p,
#page>p,
#anguish1>p,
#anguish2>p,
#anguish3>p,
#anguish4>p,
#maw1>p,
#maw2>p,
#maw3>p,
#maw4>p{
    margin:18px;
    line-height:19px;
}
h1{
    margin:21px;
    
}


#anguish2,#anguish3,#anguish4,#maw2,#maw3,#maw4{
    visibility:hidden;
    position:absolute;
}
#anguish1>ul>li>cite{
        font-size:10pt;
    letter-spacing:0px;
    margin-left:0px;

}
#anguish1>ul{
    padding:0px;
    margin:0px;
    margin-left:21px;
}
#anguish1{
    
}
#maw1>ul{
    padding:0px;
    margin-left:21px;
    line-height:25px;
}
#maw1>ul>li>cite,
#maw1>ul>li>ul>li>cite,
cite{
    font-size:10pt;
    letter-spacing:1px;
    margin-left:10px;
}
#maw1,#credits{
    font-size:9pt;
}
/***************************************PIC BOX*/

.pic-box{
    float:left;
    width:550px;
    margin-left:16px;
    margin-top:107px;
    margin-bottom:0px;
    height:382px;
}

.thumbnails{
    margin-top:10px;
  float:left;
    margin-left:10px;
    cursor:pointer;
}

.button{
    float:left;
    cursor:pointer;
    margin:5px;
    margin-top:355px;
}

/**********************************PAGES WITH NO PICS*/

#page{
    width:731px;
    height:500px;
    margin:auto;
    margin-top:25px;
  
    
  
}
#page>h3{
    padding-top:18px;
}

#credits{
    position:absolute;
    width:256px;
    top:438px;
    margin:0px;
    padding:0px;
    margin-left:141px;
 
    color:#C31418;
  
}
#credits>ul>li>cite{
    letter-spacing:0px;
}
.andrew-pic{
    float:left;
    width:300px;
   margin-top:193px;
   margin-left:138px;
     height:296px;
}

#education-list,#employment-list{
    width:400px;
    height:289px;
    
 
}

#employment-list{
    
}
#whole-page>h1{
    padding-top:127px;
    letter-spacing:10px;
    margin:0px 18px 18px 142px;
}
#whole-page>h2{
    padding-top:0px;
    display:inline;
    margin-left:137px;
    float:left;
}
#whole-page>h2+h2{
    padding-top:0px;
    display:inline;
    margin-left:313px;
    float:left;
}
#education-list>ul>li>ul,#employment-list>ul>li>ul{
    margin:10px;
}
#education-list{
    float:left;
    
    margin:0 0 0 129px;
    
}
#education-list>ul>li>ul>li:first-child{
    font-weight:bold;
}
#employment-list{
    float:left;
    overflow:auto;
}
#employment-list>ul{
    clear:both;
}
#education-list>ul,#employment-list>ul{
    padding:0px;
    margin:0px;
}