body { 
       font-family: Helvetica, Arial, Sans-Serif; 
       color: #a7a9ac;
       font-size: 10px;
       margin-top: 2em;
       margin-left: 2em;
       margin-bottom: 2em;
}

a { color: #a7a9ac;
    text-decoration: none;
}

a:hover { color: #000000; }

p, li { margin-top: .5em;}

#top { margin-bottom: 3em; }
#top p { 
         position: relative;
         margin-left: 260px;
         margin-top: -1.5em;
}
         
#logotype { 
	font-size: 3em;
	font-weight: bold;
	letter-spacing: -.05em;
	}

#left { float: left;
        width: 90px;
        margin-right: 10px;
        margin-top: 2em;
        /*border-top: .5em solid #a7a9ac;*/
        }

#middle { float: left;
          width: 120px;
          background-color: white;
          padding: 1em;
          padding-bottom: 1.5em;
          margin-top: 1em;
          /*border-top: .5em solid #a7a9ac;*/
          }
          
#middle-contact {
	 	float: left;
	 	width: 120px;
	 	padding: 1em 1em 1.5em 1em;
	 	margin-top: 5em;
	 	background-color: white;
}	

#middle-resume {
		float: left;
	 	width: 120px;
	 	padding: .5em 1em 1em 1em;
	 	margin-top: 3.5em;
	 	background-color: white;
}

#right { position: absolute;
		 left: 130px;
		 top: 6.5em;
		 z-index: -1;
		 height: 576px;
		 width: 1000px;
		 background-color: #a7a9ac;
         /*border-top: .5em solid #a7a9ac;*/
         }

li {
	padding-top: .25em;
	padding-bottom: .25em;
	padding-left: .5em;
}

.selected {
	background: #a7a9ac;
	color: #ffffff;
}

.draggable {
	float: left;
	margin: 18px 0 0 10px;
	background: transparent url('/work/shadow2.png') no-repeat left bottom;
}

.draggable img {
  display: block;position: relative;margin: -9px -9px 9px 9px;
}

.selected a {
	color: #ffffff;
}

.selected a:hover {
	color: #000000;
}