* { border: 0; font-size: 1em; margin: 0; outline: 0; padding: 0; text-decoration: none }

a { color: #000 }
body { height: 720px; position: relative; width: 1050px }
h1 { background: url('menu/littlemantras.gif') transparent no-repeat; height: 85px; left: 28px; overflow: hidden; position: absolute; text-indent: -9999px; top: 15px; width: 246px; z-index: 98 }
h1 a { display: block; height: 85px }
html { background: #fff; color: #000; font: normal 75%/1.5 'Helvetica', 'Arial', sans-serif }

.description { background: #000; color: #fff; height: 115px; left: 38px; position: absolute; top: 548px; width: 213px; z-index: 100; font-size: 8pt; letter-spacing: .0625em; padding-left: 2px }
.nav { left: 38px; position: absolute; top: 165px; width: 200px; z-index: 99 }
.nav * { display: block; float: left; height: 17px; width: 215px }
.nav li { overflow: hidden; text-indent: -9999px }

.nav3 { left: 38px; position: absolute; top: 112px; width: 200px; z-index: 98 }
.nav3 * { display: block; float: left; height: 17px; width: 215px }
.nav3 li { overflow: hidden; text-indent: -9999px }

.nav2 { bottom: 172px; left: 38px; position: absolute; top: auto; width: 220px; z-index: 98 }
.nav2 li { display: block; float: left; list-style: none; margin: 0 6px 4px 0; padding: 0; text-align: left; width: 16px }
.nav2 li a { background: #333; border: 1px solid #333; color: #fff; display: block; float: left; font-size: 9px; height: 14px; line-height: 1; width: 14px }
.nav2 li.active a, .nav2 li a:hover { background: #909090; border-color: #909090 }

#license { background: url('images/copyright.gif') transparent no-repeat; height: 34px; left: 38px; position: absolute; top: 680px; width: 215px; z-index: 112 }

a.contact { background: url('sprites/contact.gif') transparent 0 0 no-repeat }
li.active a.contact, li a.contact:hover { background-position: 0 -17px }
a.links { background: url('sprites/links.gif') transparent 0 0 no-repeat }
li.active a.links, li a.links:hover { background-position: 0 -17px }



a.project1 { background: url('sprites/01.gif') transparent 0 0 no-repeat }
li.active a.project1, li a.project1:hover { background-position: 0 -17px }
a.project2 { background: url('sprites/02.gif') transparent no-repeat }
li.active a.project2, li a.project2:hover { background-position: 0 -17px }
a.project3 { background: url('sprites/03.gif') transparent no-repeat }
li.active a.project3, li a.project3:hover { background-position: 0 -17px }
a.project4 { background: url('sprites/04.gif') transparent no-repeat }
li.active a.project4, li a.project4:hover { background-position: 0 -17px }
a.project5 { background: url('sprites/05.gif') transparent no-repeat }
li.active a.project5, li a.project5:hover { background-position: 0 -17px }
a.project6 { background: url('sprites/06.gif') transparent no-repeat }
li.active a.project6, li a.project6:hover { background-position: 0 -17px }
a.project7 { background: url('sprites/07.gif') transparent no-repeat }
li.active a.project7, li a.project7:hover { background-position: 0 -17px }
a.project8 { background: url('sprites/08.gif') transparent no-repeat }
li.active a.project8, li a.project8:hover { background-position: 0 -17px }
a.project9 { background: url('sprites/09.gif') transparent no-repeat }
li.active a.project9, li a.project9:hover { background-position: 0 -17px }
a.project10 { background: url('sprites/10.gif') transparent no-repeat }
li.active a.project10, li a.project10:hover { background-position: 0 -17px }
a.project11 { background: url('sprites/11.gif') transparent no-repeat }
li.active a.project11, li a.project11:hover { background-position: 0 -17px }
a.project12 { background: url('sprites/12.gif') transparent no-repeat }
li.active a.project12, li a.project12:hover { background-position: 0 -17px }
a.project13 { background: url('sprites/13.gif') transparent no-repeat }
li.active a.project13, li a.project13:hover { background-position: 0 -17px }
a.project14 { background: url('sprites/14.gif') transparent no-repeat }
li.active a.project14, li a.project14:hover { background-position: 0 -17px }



#content { left: 0; position: absolute; top: 0 }

#flash { position: absolute; left: 255px; top: 100px }


/* Change project specific description colors like this: */

body.project0 .description { background: #333; color: #fff }
body.project1 .description { background: #333; color: #fff }
body.project2 .description { background: #333; color: #fff }
body.project3 .description { background: #333; color: #fff }
body.project4 .description { background: #333; color: #fff }
body.project5 .description { background: #333; color: #fff }
body.project6 .description { background: #333; color: #fff }
body.project7 .description { background: #333; color: #fff }
body.project8 .description { background: #333; color: #fff }
body.project9 .description { background: #333; color: #fff }
body.project10 .description { background: #333; color: #fff }
body.project11 .description { background: #333; color: #fff }
body.project12 .description { background: #333; color: #fff }
body.project13 .description { background: #333; color: #fff }
body.project14 .description { background: #333; color: #fff }
body.contact .description { background: #333; color: #fff }
body.links .description { background: #333; color: #fff }