body {
 margin: 0px;
}
html, body, #container {
 min-height: 100%;
 height: 100%;
}
html>body, html>body #container {
 height: auto;
}

/* +++++ Container for page +++++ */
#container { 
 position: absolute;
 top: 0;
 left: 0;
 width:800px;
 margin-left: 5px;
}

/* +++++ Content area +++++ */
#content {
 width: 800px;
 top: 150px;
}

/* +++++ Header +++++ */
#header {
 width: 800px;
 height: 150px;
 margin: 0 0 10px 0;
}

#footer {
 float: both;
 bottom: 0;
 width: 800px;
 height: 40px;
}


/* +++++ Navigation area +++++ */
#navigation {
 float: left;
 width: 225px;
 margin: 0;

}

#navigation ul {
 margin: 0 10px 0 15px;
 padding: none;
}

#navigation li {
 padding: 8px;
}

#gallery {
 padding-top: 20px;
}

/* +++++ Main text area +++++ */
#main {
 margin: 0px 0px 0px 225px;
 padding: 0 20px 10px 20px;
 vertical-align: top;
}


p { 
 text-indent: 2em; 
 margin-top: .5em; 
 margin-bottom: 0; 
}

/* +++++ Table to display patterns +++++ */

.designtable {
  margin-top: 20px;
}

.designtable td {
  vertical-align: top;
}

.designtable tr {
  margin: 10px;
}

.description {
  margin: 15px;
  padding: 5px;
  width: 60%;
}

.patternimg {
  margin: 5px;
  border: none;
}
.prj_type {
  padding: 0 5px 0 5px;
  display: block;
}

ul#project_nav {
  list-style-type:none;
}

ul#project_nav li{
  float: left;
  height: 20px;
  margin: 2px;
}



/* +++++ Miscellaneous styles +++++ */

.taright {
  text-align: right;
}

.taleft {
  text-align: left;
}
.tacenter {
  text-align: center;
}
.detail {
 width: 775px;
 text-align: center;
 margin: 40px 0 0 10px;
}