body { background: url(../images/dot2.gif); color: gray; margin:0; padding:0; font-family: "trebuchet ms", helvetica, arial, sans-serif ; font-size: 11px; text-align: left; }

#header a { font-size: 11px; margin: 0; padding: 0 0 10px 0;}


a:link {text-decoration: none; color: #000;}
a:visited {text-decoration: none; color: #000;}
a:hover {text-decoration: none; color: gray;}
a:active {text-decoration: none; color: gray;}



ul,ol { margin: 1em 0; }
ul li, ol li { margin: .3em 0;}

#container { background: #FFF; margin: 0 auto; width: 850px; padding: 1px 0 0; text-align:left; }

#left { width: 160px; margin: 20px; padding: 20px 0 0; float: left; }

#header img {border:none;}

#header h1 { color: #000; font-size: 11px; margin: 0; padding: 0 0 10px 0;}


#projects-title {padding: 0;}


#left ul, ul ol { list-style: none; padding: 0; }


#left ul li ol li { list-style: none; padding:0; }


span {color: black;}


#left li a { display: block; list-style: unordered ;}


#right {width: 500px; float: left;  margin: 75px 0 40px 0;}

#right ul {padding: 0;}

#right li {float: left; padding: 20px 0 0 0 ; list-style: none;}

#about-text {padding: 25px 0 0 0; font-size: 14px; }

#escapism {padding: 88px 0 0 50px; text-align: right;}

#suspended-images { padding: 0 0 0 55px;}

#description-suspended {padding: 0 0 0 55px; float: left;}

#tenhours-images { padding: 0 0 0 55px;}

#description-tenhours {padding: 0 0 0 55px; float: left;}

#bus-images {padding: 0 0 0 55px;}

#description-bus {padding: 0 0 0 55px; float: left;}

#cat-images {padding: 0 0 0 55px;}

#description-cat {padding: 0 0 0 55px;float: left;}

#badges-images {padding: 0 0 0 55px;}

#description-badges {padding: 0 50px 0 55px;float: left;}

#cdcover-images {padding: 0 0 0 55px;}

#description-cdcover {padding: 0 0 0 55px;float: left;}

#universal-images { padding: 0 0 0 55px;}

#description-universal {padding: 0 0 0 55px; float: left;}

#brunelandgordano-images {padding: 0 0 0 55px;}

#description-brunelandgordano {padding: 0 50px 0 55px;float: left;}

#artevent-images { padding: 0 0 0 55px;}

#description-artevent {padding: 0 0 0 55px; float: left;}

#pinhole-images img {padding: 0 26px 40px 14px;}

#description-pinhole {padding: 0 49px 0 14px;}

#portland img {padding: 0 10px 10px 0;}

#description-portland {padding: 0 36px 0 0;}

#logos {padding: 0 0 0 55px;}

#description-logos {padding: 0 0 0 55px; }






.clear { clear: both; }