body {
 margin: 10px;
 font-family: georgia;
 color: #4c5157;
}

#main {
 text-align: justify;
 margin: 0px;
 padding: 0px 215px 0px 0px;
 min-height: 500px;
}

#businesscard {
 margin: 0px 10px 5px 0px;
 float: left;
}

span.title {
 text-align: left;
 display: block;
 margin: 0px;
 padding: 0px;
 font: italic 24pt georgia;
 font-variant: small-caps;
}

#portfolio {
 height: 100%;
 text-align: center;
 margin: 0px;
 padding: 0px 5px 0px 5px;
 position: absolute;
 top: 10px;
 right: 10px;
 width: 200px;
}

#internal {
 border-right: 2px solid #4c5157;
 padding-right: 15px;
}

#portfolio span.title {
 text-align: center;
}

#portfolio img.portfolio {
 border-width: 0px;
 margin-bottom: 5px;
}

p {
 text-align: justify;
 text-indent: 5%;
 font-size: 14pt;
}

a, a:link, a:visited {
 text-decoration: none;
 font-weight: bold;
 color: #4c5157;
}

a:hover, a:active {
 text-decoration: underline;
 font-weight: bold;
}


hr {
 width: 200px;
 color: #4c5157;
 background-color: #4c5157;
 height: 2px;
}

.container {
 display: table-cell;
 width: 100%;
}

ul {
 background: url("tl.gif") no-repeat top left;
 list-style-type: none;
 margin: 5px;
 padding: 0px;
 display: block;
 float: left;
 width: 200px;
}

ul li.title {
 margin: 0px;
 height: 50px;
 background: url("tr.gif") no-repeat top right;
 padding: 0px 20px 0px 20px;
}

ul li.title span {
 display: block;
 padding-top: 20px;
 margin: 0px;
 background-image: url("tm.gif");
 height: 50px;
 font-weight: bold;
 text-align: center;
 font-size: 18pt;
}

ul li.body {
 margin: 0px;
 background-image: url("center.gif");
 padding: 0px 20px 0px 20px;
 text-align: left;
}

ul li.body span {
 display: table-cell;
 margin: 0px;
 padding: 0px;
 background-image: url("center.gif");
 text-align: left;
 height: 20px;
 font-size: 12pt;
}

ul li.body span.price {
 font-weight: bold;
 display: block;
 margin: 0px;
 background-image: url("center.gif");
 height: 20px;
 text-align: center;
 font-size: 14pt;
}

ul li.base {
 margin: 0px;
 height: 20px;
 background: url("br.gif") no-repeat bottom right;
 padding: 0px 20px 0px 0px;
}

ul li.base span {
 font-weight: bold;
 display: block;
 margin: 0px;
 background-image: url("bm.gif");
 height: 20px;
 text-align: left;
 font-size: 14pt;
}

ul li.base span span {
 line-height: 8pt;
 display: inline;
 text-align: center;
 float: left;
 margin: 0px;
 padding: 0px;
 height: 20px;
 width: 100%;
 background: url("bl.gif") no-repeat bottom left;
}

#portfolio ul{
 float: none;
}

#portfolio ul li.body span {
 font-weight: bold;
}

#portfolio ul a {
 padding-left: 10px;
}

#portfolio ul a:link, #portfolio ul a:visited, portfolia ul a:active {
 text-decoration: underline;
 font-weight: normal;
}

#portfolio ul a:hover {
 font-weight: bold;
}

code {
 font-size: 10pt;
}

pre {
 overflow: scroll; 
 margin: 0px;
}

div.explanation {
 overflow: hidden;
 height: 14px;
 background: #eee url('./plus.gif') no-repeat 1px 1px;
 padding-top: expression('14px');
}

fieldset {
 padding: 10px;
 margin: 0px;
 width: 200px;
 background: transparent url("./../center.gif");
}

input {
 background: transparent url("./../center.gif");
 font-family: georgia;
 color: #4c5157;
}

input.text {
 background: #e1e8f2;
}

input.text:hover, input.text:focus {
 background: #fff;
}