/* okthreewire screen style sheet */
html { 
  margin: 0; 
  padding: 0; 
}
body { 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-size: 11px; 
  margin: 0; 
  padding: 0; 
  background: #FFC; 
  color: #000;
  width: 590px;
	width: 98%;
}
hr {
	 background-color: #900;
}
h1 { 
  font-size: 200%;
  font-weight: bold;
  letter-spacing: 3px;
  margin: 0; 
  margin-left: 5px;
  padding: 1em 0 1em 5%;
  background: #FFC; 
  color: #900;
  line-height: 100%; 
}
p { 
  font-size: 100%;
  line-height: 166%; 
  margin: 0.5em 3em 1em 2em;
}
div#header {
  width: 95%;
  margin: 0;
  margin-left: 5px;
  padding: 0;
/*  border-bottom: 1px solid #990000; */
}
div#header img {
  float: left;   
}
div#sidenav {
  margin-left: 5px;
  background: #EC3;
  color: black;
  float: left;
  font-size: 11px;
  border: 1px solid black;
  z-index: 10;
}
div#sidenav a {
  display: block;
  padding: 4px 8px 4px 15px;
  margin: 0;
  text-decoration: none;
  text-align: left;
/*  border: 3px solid #EEA;
  border-style: outset; */
}
div#sidenav a:hover {
  background: #FF6;
  color: #333;
/*  border: 3px solid #FFE;
  border-style: inset; */
}
div#sidenav h4 {
  font-size: 1.2em;
  background: #900;
  color: #FFF;
  text-align: center;
  margin: 0;
  padding: 0.25em 0 0.125em 0;
}
div#content { 
  background: #FFC;
  color: #000;
  font-size: 110%; 
  margin: 0 4% 1em 8%; 
  padding: 0; 
}
 h2 {
  font-size: 1.4em;
  background: #900;
  color: #FFF;
	border: 2px solid #EC3;
  text-align: center;
  margin: 0;
	margin-left: 3px;
  padding: 0.25em 0 0.125em 0;
}
div#content h2 {
  font-size: 1.4em;
  background: #900;
  color: #FFF;
  text-align: center;
  margin: 0;
  padding: 0.25em 0 0.125em 0;
}
div#content a {
  display: block;
  padding: 1em 0 1em 5em;
}
.portfolio {
   margin: 0;
	 padding: 5px;
	 width: 400px;
}
div#sidebar { 
  display: none;
  float: right;
  width: 21%;
  padding: 2px 2px 10px 2px;
  background: #EC3;
  color: #000;
  font-size: 11px;
  border: 5px solid #EC3;
  border-style: outset;
  z-index: 11;
}
div#sidebar h4 {
  background: #900;
  color: #FFF;
  margin: 0;
  padding: 0.25em 0 0 0.5em;
  border-bottom: 1px solid black;
}
div#sidebar p { 
  line-height: 166%; 
  margin: 0.3em 2em 1em 10px;
}
div#sidebar a {
  display: block;
  padding: 8px 0 2px 10px;
  margin: 0;
  border: 3px solid #900;
  border-style: outset;
}
div#sidebar a:link {
  background: #EC3;
  color: #EC3;
}
div#sidebar a:visited {
  background: #EC3;
  color: #900;
}
div#sidebar a:hover {
  background: #EC3;
  color: #900;
}
div#sidebar a:active {
  background: #EC3;
  color: #900;
}
div#collection {
   width: 250px;
   margin: 5px;
	 margin-left: 100px;
	 padding: 3px;
}
div#services {
   margin: 0;
	 padding-left: 50px;
}
div#aboutcontent {
   margin: 0 20% 0 50px;
	 padding: 2em;
	 width: %45;
}
div#footer {
   clear: both;
   width: 95%;
   margin: 10px 10px 10px 20px;
   font: 9px Verdana, Arial, Helvetica, sans-serif; 
   text-align: center;
   padding: 3px;
   border-top: 1px solid #900;
   border-bottom: 1px solid #900;
   background: transparent;
   color: #000;
}
div#footer #bottomnav a
{
   background: transparent;
   color: #900;
   border: 1px solid #FFC;
   padding: 0 2px;
}
div#footer #bottomnav a:link
{
   background: transparent;
   color: #900;
}
div#footer #bottomnav a:visited
{
   background: transparent;
   color: #CA0;
   border-color: #EEE; 
}
div#footer #bottomnav a:hover
{
   background: #FF6; 
   color: #333;
   border-color: #900; 
}

div#footer #bottomnav a:active
{
   background: transparent; 
   color: #333;
}
div.url, div#contact {
  display: none;
}

div#copyright {
  font: 1em Verdana, Arial, Helvetica, sans-serif; 
  padding: 1em 0 1em 0;
  text-align: center;   
}
div#validator { 
  margin: 0;
  text-align: center;
}
div#validator img{ 
  border: 0;
  width: 88px;
  height: 31px;
}