body {font-family: "Arial", sans-serif; color: #666; font-size: 12px; margin: 0; padding: 0;}
h1, h2, h3, h4, h5 {font-family: Arial;} 
h2 {font-size: 12px; margin-top: 0; text-transform: uppercase; text-align: left;}
p {margin: 0; text-align: left;}

.main {width: 1095px;}
.right {float: right; width: 200px; margin: 2em 0 0;}
.left {float: left; width: 850px; margin: 1em 0 0;}
.description {margin: 1em 0 0 2em;}
.picture {margin: 1em 0 0 1em;}
.header {padding: 1em 1em 0; margin: 0 0 2em; height: 100px;}
.header div {margin: 0 0 4px;}
.thumbnails a {text-decoration: none;}
.thumbnails {overflow-x: scroll; height: 90px; width: 850px; margin: 1em 0 0 1em;}
.thumbnails .container {width: 1200px;}
.thumbnails img {border: 1px solid #ddd; height: 60px; margin: 0 6px 0 0;}

#projectGroups, .menuLvl3 {display: none;}
a.logo img {border: 0; display: block;}
a.logo img {border: 0;}
.mainMenu {height: 30px;}
.mainMenu li, .mainMenu a {width: 60px; height: 30px; display: block; float: left;}
ul.mainMenu, .mainMenu li {margin: 0; padding: 0;}
.mainMenu li {background: no-repeat top left; list-style-type: none;}
.mainMenu li a {display: block; text-indent: -2000 !important; background: none;}
.header a {color: #666; text-decoration: none;}
.header a:hover {color: #f60;}

#aboutIO {background: url(../aboutus.png);}
#aboutIO a:hover {background: url(../aboutus1.png);}
#projects {background: url(../projects.png);}
#projects a:hover {background: url(../projects1.png);}
#contact {background: url(../contact.png);}
#contact a:hover {background: url(../contact1.png);}
#profile {background: url(../profile.png);}
#profile a:hover {background: url(../profile1.png);}