/* Define all main values (font-size: 1.0em=10px for text.)*/
body {
  text-align:center;
  margin:0 auto 0 auto;
  max-width:830px;
  min-width:830px;
  border:0;
  padding:0 0 15px 0;
  font-family:georgia, palatino;;
  font-size:62.5%;
  letter-spacing:.015em;
  word-spacing:.04em;
  background:#f5f7f9 url(back1.png);
  color:#222;
  }

div {
  font-size:1.25em;
  }

/* Site-wide CSS */  
  
a:link, a:visited, a:hover, a:active {
  color:#222;
  }  

a {
  outline:none;
  }

a:hover {
  text-decoration:none;
  }
  
img {
  border:0;
  }

.spacer {
  clear:both;
  height:1px;
  }
  
.lspacer {
  clear:left;
  }

h2 {
  font-size:3.2em;
  width:660px;
  padding:16px 0 0 83px;
  margin:0;
  text-decoration:none;
  }

h1  {
  margin:0;
  padding:5px 0 0 0;
  text-decoration:none;
  font-weight:normal;
  text-align:center;
  font-size:1.3em;
  color:#223C22;
  }

/* Structure */

#header {
  width:830px;
  height:78px;
  text-align:left;
  background:none;
  border-bottom:1px solid #777;
  }

#header img {
  padding: 35px 0 0 35px;
  float:left;
  display:inline;
  }

#page {
  width:653px;
  height:410px;
  padding:23px 10px 0 27px;
  float:left;
  background:none;
  }

#content {
  width:653px;
  height:400px;
  background:#c5d7e4 url(background.png);
  padding:8px 0 0 0;
  margin:0;
  border-top:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  text-align:left;
  font-size:1.4em;
  }

#content p {
  padding:0 9px 0 19px;
  font-size:.9em;
  }

#botdots {
  width:653px;
  height:10px;
  background:#c5d7e4;
  border-bottom:1px solid #CCC;
  border-left:1px solid #CCC;
  border-right:1px solid #CCC;
  padding-bottom:3px;
  }

#portfolio img, #content img {
  float:left;
  }

#portfolio img {
  padding-top:10px;
  }

#portfolio {
  padding: 0 0 0 9px;
  font-size:1.0em;
  }

#portfolio div {
  clear:left;
  }

#portfolio .pitem {
  padding: 6px 19px 0 39px;
  font-size: .7em;
  }

#sidebar {
  width:120px;
  height:410px;
  float:right;
  padding:33px 10px 0 0;
  background:none;
  }



#current a:link, #current a:visited {
  color:#DDD;
  background:#777;
  }

ul {
  list-style-type:none;
  margin:0;
  padding:0;
  border:1px solid #333;
  width:118px;
  }

li {
  background:#AAA;
  margin:0;
  padding:0;
  font-size: 1.3em;
  border:1px solid #999;
  text-decoration:none;
  }

ul a:link, ul a:visited, ul a:hover, ul a:active {
  display:block;
  padding: 2px 4px;
  text-decoration:none;
  }

ul a:hover, #current a:hover  {
  background:#CCC;
  }

#current a:hover {
  color:#333;
  }

#footerbox {
  clear:both;
  width:653px;
  height:40px;
  padding:5px 0 0 27px;
  background:none;
  }

#footer {
  width:653px;
  height:40px;
  font-size:.9em;
  background:none;
  padding-left:160px;
  }

#footer p {
  width:339px;
  margin:0;
  padding:2px 154px 0 0;
  }