body{
	background: url("//images/octopus_background.jpg");
	color: #000;
	font-family: sans-serif;
}

.mc_colour_thumb
{
	border-width: 5em;
	border-color: black;
  	padding: .2em 2%;
}

a:link {
  color: #666666;
  background-color: transparent;
}

a:visited {
  color: #666633;
  background-color: transparent;
}

a:hover {
  color: #999933;
  background-color: transparent;
}

.wrapper {
  margin: 1% 5%;
  padding: 0;
  border: thin solid #666633;
}

.smaller
{
	font-size: small;
}

hr
{
	color: #666633;
}

h1 {
  color: #000;
  margin: 0;
  padding: .2em 2%;
}

h1#page_title
{
	float: right;
}

h2 {
  margin: .2em 0;
}



.main {
  clear: both;
  width: 100%;
  margin: 0;
  padding: 0;
  border-top: thin solid #666633;
  border-bottom: thin solid #666633;
  color: #000;
/* background-color value is for content background.
   Image is 2000px wide, ~25% is colored, where sidebar should be
   (exact pixel count of colored area is actually closer to 26%).
   Position corresponds to left sidebar, repeat img vertically.
   Easily modified for right sidebar - just flip the image,
   change bg position to 75% and change .content to float:left.
*/
}

.content {
  width: 72%;
  float: right;
  margin: 0;
  padding: 1% 2%;
}

.sidebar {
  margin-right: 78%;
  padding: 1%;
  font-size: 90%;
}

.clear {
  clear: both;
  height: 1px;
  overflow: hidden;   /* prevent IE expanding the container */
  margin: 0;          /* keep flush with surrounding blocks */
}

.footer {
  color: #666633;
  margin: 0;          /* flush with .main */
  padding: 1% 2%;
}

th.th_generic,td.td_generic
{
	font-size: smaller;
	vertical-align: top;
}

table.tree
{
	border-bottom: 1px;
}

tr.tree
{
	border-bottom: 1px;
}

td.tree
{
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	padding-right: 1%;
	padding-left: 1%;
	padding-top: 0%;
	padding-bottom: 0%;
}

td.tree_action
{
	text-align: left;
	vertical-align: top;
	font-size: 90%;
	padding: 1%;
	width: 80px;
}

th.tree
{
	text-align: left;
}

.sample
{
        text-align: center;
        height: auto;
        width: 20%;
        vertical-align: top;
        padding-bottom: 5px;
}


.nav {
  border-top: thin solid #666633;
  font-size: 90%;
}

.nav ul {
  margin: .3em;
  padding: 0;
}
.bed2 {
	background-image: url(images/display_commercial.jpg);
	background-repeat: no-repeat;
	height: 400px;
	width: auto;
}
td#gap {
	height: 400px;
	width: 450px;
}
.nav li {
  list-style: none;
/*  display: inline; */
  float: left;
  padding: .5em 1em;
}
} /* end media rules */
</style>
<!-- protect other browsers from IE6's quirks -->
<!--[if IE 6]><style type="text/css" title="Site default">
h1, .sidebar {position:relative}</style><![endif]-->