/* basic elements */


html {
  margin: 0 5em;
  padding: 0 5em;
  }
body { 
  font: 75% georgia, sans-serif;
  line-height: 1.5;
  color: #555753; 
  background: #fff;
  margin: 0;
  padding: 0.3em;
  }
p { 
  margin-top: 0; 
  text-align: justify;
  }
h1 {
  text-align: right;
  font: italic normal 3em georgia, sans-serif;
  letter-spacing: 1px; 
  margin-bottom: 0; 
  color: #7D775C;
  }
h3 { 
  text-align: right;
  font: italic normal 1.8em georgia, sans-serif;
  letter-spacing: 1px; 
  margin-bottom: 0; 
  color: #7D775C;
  }
h4 {
  font-size: 1.1em;
  letter-spacing: 0.25em;
  }
a:link {
  font-style: italic;
  text-decoration: none;
  color: #6eba1f;
  }
a:visited { 
  font-style: italic;
  text-decoration: none;
  color: #6eba1f;
  }
a:hover, a:active { 
  font-style: italic;
  text-decoration: none;
  color: #0e0f3f;
  }
acronym {
  border-bottom: none;
  }

ul {
   margin: 0;
   padding: 0;
   }

select {
   border: 1px dotted #c0c0c0;
   }
/* individual divs */
/*intro*/
#intro {
  clear: both;
  }
#header {
  text-align: right;
  padding-bottom: 1em;
}

#copy {
  top: 15px;
  right: 15px;
  z-index: 1;
  }

#introImg {
  position: relative;
  float: left;
  padding-right: 2em;
  top: 10px;
}

#summary {
  }

/*supportingtext*/
#supportingText {
  clear: both;
  }

.linklist {
  text-align: center;
  padding: 0 0 10px 0;
}

.linklist ul li {
  display: inline;
  list-style-type: none;
  padding: 0 15px;
  border-right: 1px solid #c0c0c0;
}

#body1 {
  clear: both;
  text-align: left;
  float: left;
  padding: 1em 1em 1em 1em;
  }

#body1 h4 {
  padding: 0 0 .2em 0;
  margin: 0;
  font-variant: small-caps;
  }

#body1 li {
  list-style-type: none;
  }

#body2 {
  clear: both;
  vertical-align: top;
  text-align: right;
  padding: 1em 0;
  }

#body2 p{
  text-align: left;
  }

#body3 {
  clear: both;
  float: right;
  padding: 2em 0 1em 2em;
  }

#body3 h4 {
  padding: 0;
  margin: 0;
  font-variant: small-caps;
  text-align: right;
  }

#body3 ul li {
  text-align: right;
  list-style-type: none;
  }

#body4 {
  clear: left;
  vertical-align: top;
  padding: 2em 1em 1em 0;
  }

#footer {
  padding: 2em 0 0 0;
  clear: both;
  }

/*special classes*/
.logo {
  color: #0e0f3f;
  font: italic normal 1.5em georgia, sans-serif;
  letter-spacing: 1px;
  }
#extraDiv1 {
  clear: both;
  padding-top: 2em;
  text-align: right;
  }

#extraDiv1 h1 {
  text-align: inherit;
  }

#extraDiv1 p {
  text-align: inherit;
}

#extraDiv2 p{
  padding-top: 2em;
  clear: both;
  text-align: center;
  font-size: 0.8em;
  padding: 0 0.5em;
}

#rc_box{margin: 1px; background: #c0c0c0;}


b.btop, b.btop b, b.bbot, b.bbot b{
    display: block;height: 5px;font-size: 1px;
    background-image:url(images/rc.png);
    background-repeat: no-repeat}
b.btop b{background-position: 100% -5px}
b.bbot{background-position: 0 -10px}
b.bbot b{background-position: 100% -15px}

.menuMap {
  float:left;
  width:25%;
  text-align: center;
  }

.detailHeader {
  text-align: center;
  font: italic normal 3em georgia, sans-serif;
  letter-spacing: 1px; 
  margin-bottom: 0; 
  color: #7D775C;
  }

.portfolio_l {
  float: left;
  width: 50%;
  font-size: 1.2em
  }

.portfolio_r {
  float: right;
  width: 50%;
  font-size: 1.2em
  }

.portfolio_c {
  clear: both;
  }