body            { font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif; background-color: #d9d9b5; background-image: url(../images/compass_bgslice.gif); background-repeat: repeat-x; background-position: left top; margin: 0; padding: 0 }
p   { color: #333; font-size: 14px; line-height: 18px; margin: 0; padding: 4px 0 4px 0 }
h1   { color: #600; font-size: 21px; font-weight: normal; margin: 0; padding: 10px 0 5px 10px }
h2      { color: #333; font-size: 16px; font-weight: bold; background-image: url("../images/h2bg.gif"); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 10px 0 15px 10px }
h4    { color: #333; font-size: 15px; font-weight: bold; margin: 14px 0 0; padding: 0 0 5px 10px }
h5    { color: #600; font-size: 15px; font-weight: bold; margin: 14px 0 0; padding: 0 0 5px 10px }
#wrapper { background-image: url(../images/compass_body.gif); background-repeat: no-repeat; background-position: center top; margin: 0 auto; padding: 0 17px 0 16px; width: 750px; height: 800px }
#navbar  { background-image: url("../images/navbg.gif"); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 0 25px; width: 700px; height: 51px }
#navbar a:link, #navbar a:visited { color: #fff; text-decoration: none; text-align: center; display: block; margin: 0; padding: 10px 0 0; width: 100px; height: 30px; float: left }
#navbar a:hover   { color: #600; text-decoration: none; background-image: url("../images/navslice.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; margin: 0; padding: 10px 0 0; width: 100px; height: 30px; float: left }
#navbar a.active:link, #navbar a.active:visited { color: #600; text-decoration: none; background-image: url("../images/navslice.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; margin: 0; padding: 10px 0 0; width: 100px; height: 30px; float: left }
#navbar a.active:hover { color: #600; text-decoration: none; background-image: url("../images/navslice.gif"); background-repeat: repeat-x; background-position: left top; text-align: center; display: block; margin: 0; padding: 10px 0 0; width: 100px; height: 30px; float: left }
#banner { background-image: url(../images/compass_banner.gif); background-repeat: no-repeat; background-position: center top; margin: 0; padding: 0; width: 750px; height: 191px }
#banbox { margin: 0; padding: 95px 0 0 30px; width: 320px; float: left }
#banbox p { color: #fff }
#banbox a:link, #banbox a:visited { color: #fff; text-decoration: none }
#banbox a:hover { color: #a7976f; text-decoration: none }
#rightcolumn    { margin: 15px 0 0; padding: 0 20px 20px 0; width: 490px; float: right }
#rightcolumn p { margin: 0; padding: 0 0 7px 10px }
#rightcolumn ul   { color: #333; font-size: 14px; margin: 8px 0 8px 35px; padding: 0 }
#rightcolumn ol  { color: #333; font-size: 14px; margin: 8px 0 8px 35px; padding: 0 }
#rightcolumn li   { line-height: 18px; margin: 0; padding: 2px 0 }
#rightcolumn a:link, #rightcolumn a:visited { color: #600; text-decoration: none }
#rightcolumn a:hover { color: #600; text-decoration: underline }
.photo  { margin: 0; padding: 0 10px 10px; float: left }
#clientbox1 { margin: 0 10px 0 0; padding: 0; width: 225px; float: left }
#clientbox2 { margin: 0; padding: 0; width: 225px; float: left }
.prodbox  { margin: 0; padding: 0 0 20px; width: 490px; float: left }
.prodright { margin: 0; padding: 0; width: 300px; float: right }
.prodleft { width: 150px; float: left }
#leftcolumn     { margin: 15px 0 20px 20px; padding: 0; width: 197px; float: left }
#leftbox   { background-color: #a7976f; background-image: url("../images/sidebar_top.gif"); background-repeat: no-repeat; background-position: center top; margin: 10px 0 20px; padding: 0 0 20px; width: 197px; float: left; border-bottom: 1px dashed #8b0000 }
#leftbox p { margin: 0; padding: 4px 10px }
#leftbox h3 { color: #600; font-size: 21px; font-weight: normal; margin: 12px 0; padding: 0 0 0 10px }
#leftbox a:link, #leftbox a:visited { color: #600; text-decoration: none }
#leftbox a:hover { color: #600; text-decoration: underline }
#subbox { background-color: #a7976f; background-image: url("../images/sidebar_top.gif"); background-repeat: no-repeat; background-position: center top; margin: 10px 0 20px; padding: 0 0 20px; width: 197px; float: left; border-bottom: 1px dashed #8b0000 }
#subbox ul { list-style-type: none; margin: 0; padding: 0 }
#subbox li { margin: 0; padding: 2px 0 }
#subbox h3 { color: #600; font-size: 21px; font-weight: normal; margin: 12px 0; padding: 0 0 0 10px }
#subbox a:link, #subbox a:visited { color: #333; font-size: 14px; text-decoration: none; display: block; margin: 0; padding: 5px 10px }
#subbox a:hover { color: #333; font-size: 14px; text-decoration: none; background-color: #b4a584; display: block; margin: 0; padding: 4px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
#subbox a.active:link, #subbox a.active:visited, #subbox a.active:hover { color: #333; font-size: 14px; text-decoration: none; background-color: #b4a584; display: block; margin: 0; padding: 4px 10px; border-top: 1px solid #fff; border-bottom: 1px solid #fff }
#footer  { background-color: #e8e8d3; margin: 0 auto 20px; padding: 0; width: 730px; height: 30px; clear: both; border-bottom: 1px dashed #a7976f }
#footer a:link, #footer a:visited { color: #a7976f; text-decoration: none }
#footer a:hover { color: #8b0000 }
#footer p { color: #a7976f; font-size: 12px; margin: 0; padding: 8px 8px 0 }
#link a:link, #link a:visited { color: #600; text-decoration: none }
#link a:hover { color: #600; text-decoration: none }
.rightfloat { float: right }