#slide_frame {
  
}
body {
  background-color:#fff;
  font-family:verdana;
  color:#5a3baa;
}
#main_area {
  position:relative;
  width:960px;
  height:640px;
  margin:auto;
  margin-top:20px;
  background-color:#fff;
/*  border: 3px solid #563e7a;*/
}
div.badges {
  position:absolute;
  top:5px;
  right:5px;
}
div.badges img {
  border:none;
  margin-right:10px;
}
img.logo_image {
  position:absolute;
  top:5px;
  left:5px;
}
img.title {
  position:absolute;
  top:10px;
  left:60px;
  display:block;
}
#contact {
  position:absolute;
  top:55px;
  padding-left:62px;
  width:100%;
  font-size:10pt;
  color:#2b2048;
}
#contact a {
  text-decoration:none;
  color:#003;
}
#contact a:hover {
  color:#a40;
}
#siteIndex {
  position:absolute;
  width:100%;
  left:0;
  top:75px;
  height:25px;
  background-color:#563e7a;
}
#siteIndex ul {
  display:inline;
  margin:0 0 0 15px;
  line-height:25px;
  padding:0;
}
#siteIndex li {
  display:inline;
  list-style:none;
  margin:0 10px;
}
#siteIndex a {
  text-decoration:none;
  color:#fff;
}
#siteIndex a.active {
  font-weight:bold;
  color:#f80;
}
#siteIndex a:hover {
  color:#f80;
}
#slide_frame {
  position:absolute;
  width:450px;
  height:500px;
  top:120px;
  left:20px;
  overflow:hidden;
}
#text_frame {
  position:absolute;
  width:450px;
  height:500px;
  top:120px;
  left:490px;
  color:#161024;
  overflow:auto;
}
#text_frame h1 {
  margin:0;
  padding:5px;
  font-size:18pt;
  color:#563e7a;
  border-bottom:1px solid #563e7a;
}
#slide_image0,
#slide_image1 {
  position:absolute;
}
#slide_caption {
  position:absolute;
  top:620px;
  left:25px;
  width:440px;
  text-align:center;
  font-size:10pt;
}
div.project {
/*  border:1px solid #648;*/
  background-color:#eee;
  line-height:1.1em; /* cures ie6 rendering problem see http://www.dracos.co.uk/code/ie6-css-bug/ */
  padding:5px;
  color:#999;
  margin:0 5px;
  cursor:pointer;
}
div.active_project{
/*  border:1px solid #fff;*/
  line-height:1.1em; 
  padding:5px;
  margin:0 5px;
}
div.hover_project{
/*  border:1px solid #648;*/
  background-color:#eee;
  line-height:1.1em; 
  padding:5px;
  color:#003;
  margin:0 5px;
  cursor:pointer;
}
.active_project p,
.hover_project p,
.project p {
  margin:0 0 8px 0;
  padding:0;
}
.active_project h2,
.hover_project h2,
.project h2 {
  font-size:12pt;
  font-weight:bold;
  text-decoration:underline;
  margin:2px 0 8px 0;
  padding:0;
}
img.proj_thumb {
  float:left;
  margin-right:5px;
}
div.contact_form {
  font-size:10pt;
}
div.form_errors {
  font-weight:bold;
  background-color:#fee;
  padding:5px;
  margin:5px;
  border:1px solid #f00;
}
div.form_success {
  font-weight:bold;
  background-color:#efe;
  padding:5px;
  margin:5px;
  border:1px solid #0f0;
}
div.contact_form p {
  padding:0;
  margin:0 0 4px 0;
}