body {  margin: 4px auto 0 ; padding: 0; background: #fff url(img/back.gif) 0 0 repeat-x; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 1.3em; text-align: center; color: #333;}

#grid { width: 860px; text-align: left; margin: 0 auto; background: url(img/border.gif) 0 190px no-repeat;}

br { clear: both; }
ul { width: 840px;text-align: left; list-style: none; padding: 0; margin: 0 auto; }

p { margin: 0; padding: 0; color: #666;}



/* Grids */
.column { float: left; padding: 0 10px; }
.columnr { float: right; padding: 0 10px; }

.wspan-1   { width: 40px; }
.wspan-2   { width: 100px; }
.wspan-3   { width: 160px; }
.wspan-4   { width: 220px; }
.wspan-5   { width: 280px; }
.wspan-6   { width: 340px; }
.wspan-7   { width: 400px; }
.wspan-8   { width: 460px; }
.wspan-9   { width: 520px; }
.wspan-10  { width: 580px; }
.wspan-11  { width: 640px; }
.wspan-12  { width: 700px; }
.wspan-13  { width: 760px; }
.wspan-14  { width: 820px; }


/* Typography */

h1,h2,h3,h4,h5,h6 { line-height: 1.3em;  margin: 4px 0; font-weight: normal; }

h1 { font-size: 2.0em;  }
h2 { font-size: 1.4em; }
h3 { font-size: 1.6em;  }
h4 { display: inline; font-size: 1.2em; color: #fff; }
h5 { font-size: 1em; }

a { color: #002e2a; text-decoration: none;}
a:hover { color: #666; text-decoration: none;  }

/* Custom */

#intro 		{ margin: 50px 0 10px 0;}
#projects	{ clear: both; }

#projects li { text-align: center; float: left; display: inline; background: #ace2e2; color: #002e2a; padding: 8px 10px; margin: 0 4px; border-bottom: 1px solid #9d9d9d; width: 110px; cursor: pointer; }
#projects li:hover { background: #fff; border-bottom: 1px solid #fff;}
#projects li.on  {  background: #fff; color: #666;  border-bottom: 1px solid #fff;  }
.site	{ margin: 20px; }
.site img { border: 10px solid #e7f0f0; }
.site a { padding:0; }
.site a:hover { border: none; }
#footer {  margin: 50px auto 0; background: #e7f0f0;padding: 20px 0 50px 0; position: relative; bottom: 0;}
#footer li {display: inline; padding: 0 10px;}
.small {font-size: .8em; }
.push { margin-left: 10px; }
.left { float: left; margin-right: 20px; margin-bottom: 20px;}