html, body {
  margin: 0;
  padding: 0;
  text-align: center;
  background: #333;
}

#top {
  margin: 0;
  padding: 0;
  border-top: solid 10px #666;
  border-bottom: solid 5px #888;
}

#frame {
  width: 800px;
  margin: 0 auto;
  padding: 0;
  background: #999 url(/images/bg.jpg) top left repeat-y;
  border-bottom: solid 5px #666;
}

#header {
  width: 800px;
  height: 82px;
  margin: 0 auto;
  position: relative;
  margin-bottom: 25px;
  background: transparent url(/images/nav_bg.jpg) bottom right no-repeat;
}

#logo {
  width: 286px;
  height: 82px;
  position: absolute;
  top: 0;
  left: 0;
  margin: 0;
  padding: 0;
}

#sub-nav {
  position: absolute;
  width: 150px;
  text-align: center;
  top: 28px;
  right: 18px;
  padding: 0;
  margin: 0;
  font: normal 11px Arial, Verdana, sans-serif;
}
#sub-nav li {
  display: block;
  width: 50px;
  float: left;
  padding: 0;
  padding-left: 12px;
  margin: 0;
}

#navigation {
  width: 515px;
  position: absolute;
  bottom: 12px;
  right: 0;
  margin: 0;
  padding: 0;
}
#navigation li {
  display: block;
  width: 110px;
  float: left;
  padding: 0;
  padding-right: 5px;
  margin: 0;
}
#navigation a, #navigation a:link {
  display: block;
  margin: 0;
  color: #fff;
  background: transparent;
  padding: 2px 3px;
  margin-right: 10px;
  margin-left: 15px;
  margin-top: 12px;
  font: bold 14px Arial, Verdana, sans-serif;
  text-decoration: none;
}
#navigation a:hover {
  background: #fff;
  color: #333;
}
#current, #navigation #current { color: #000; cursor: default; }
a#current:hover, #navigation a#current:hover { background: transparent; }

#content {
  text-align: left;
  padding: 0px 25px 30px 25px;
  width: 600px;
  margin: 0 auto;
  font: normal 12px Arial, Verdana, sans-serif;
	color: #444;
}

.photo { border: solid 5px #666; }

#left {
  width: 265px;
  float: left;
  margin: 0;
  padding: 0;
}

#right { 
  width: 295px;
  float: right;
  margin: 0;
  padding: 0;
}

#content p { line-height: 18px; margin: 0; padding: 0; margin-bottom: 8px; text-align: justify; }
#content h1 { color: #777; font-size: 20px; margin: 0; padding: 0; margin-bottom: 10px; }
#content h2 { color: #777; font-size: 18px; margin: 0; padding: 0; margin-bottom: 5px; }
#content h3 { color: #777; font-size: 16px; margin: 0; padding: 0; margin-bottom: 5px; }

h1 { background: transparent url(/images/h1_bg.gif) center right repeat-x; text-align: center; }
h1 span { background: #DADADA; padding-right: 10px; padding-left: 10px; }
    	

#view-projects { margin: 0; padding: 0; margin-top: 23px; }			
#view-projects p { width: 140px; float: left; text-align: justify; }
#view-projects img { width: 129px; float: right; }

#services-list { margin: 0; padding: 0; margin-top: 28px;}
#services-list li {
  margin: 0;
  margin-bottom: 10px;
  background: transparent url(/images/checkmark.gif) top left no-repeat;
  padding: 0px 0px 0px 28px;
  font-size: 18px;
}

#projects #left, #projects #right, #projects #content { text-align: center; }
#projects #content h2 { font-size: 16px; color: #ED7602; }
#projects #content a img, #projects #content a:link img { border: solid 1px #000; background: #fff; padding: 3px; }
#projects #content a, #projects #content a:link { display: block; float: left; padding: 5px; margin: 0 auto 15px auto; }
#projects #content a, #projects #vertical a:link { width: 190px; }
#projects #content #horizontal a, #projects #content #horizontal a:link { width: 290px; }
#projects #content a:hover { background: #fff; }

#projects-sub #content p img { margin: 0 auto; text-align: center; border: solid 6px #fff; padding: 1px; background: #000; }
#projects-sub p, #projects-sub #right p { text-align: center; }
#projects-sub #left { width: 299px; text-align: center; }
#projects-sub #right { width: 299px; text-align: center; }

.subpage #wrapper h1 { margin-bottom: 20px; }

.clear { clear: both; }

.read-more { font-size: 14px; font-weight: bold; padding: 0 2px; }

a, a:link {	color: #ED7600; text-decoration: none; }
a:hover { color: #FFA852; }

ul { list-style-type: none; }
a img, a:link img { border: none; }

#footer {
  width: 750px;
  margin: 5px auto;
  color: #999;
  font: normal 11px Arial, Verdana, sans-serif;
}
#footer .left { width: 300px; text-align: left; }
#footer .right { width: 400px; text-align: right; }

.left { float: left; }
.right { float: right; }