body {
background-color: #000; 
margin: 10px;
background-color: #d1d1d1;
background-image:url(images/bg.gif);
background-repeat:repeat-x;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#site, #bott-nav, #copyright {
width: 760px;
margin: 0 auto 0 auto;
text-align: center;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
#masthead {
margin: 0;
padding: 23px 0 0 0;
background-image: url(images/content-bg-top.gif);
background-repeat:no-repeat;
overflow:hidden;
position: relative;
}
#content {
margin: 0;
padding: 10px 0 20px 0;
background-color: #fff;
overflow:hidden;
font-size: .9em;
}
#content ul {
list-style: url(images/bullet.gif);
}
#content ul ul {
list-style: url(images/bullet-2.gif);
}
h1, #main-nav {
margin: 0;
}
h1 {
background-color: #fff;
background-image:url(images/scheller_consulting_logo.gif);
background-repeat:no-repeat;
background-position: 30px 10px;
position: relative;
width: 760px;
height: 140px;
}
h1 a {
display: block;
width:317px;
height: 109px;
position: absolute;
top: 10px;
left: 30px;
text-indent: -9999px;
}
#main-nav {
position: absolute;
top: 20px;
right: 30px;
width: 268px;
margin: 0;
padding: 0;
list-style: none;
text-align: left;
}
#main-nav li {
width: 268px;
height: 27px;
border-bottom: 5px solid #fff;
}
#main-nav li a  {
background-image:url(images/main-nav-bg.gif);
display: block;
height: 27px;
border-bottom: 5px solid #fff;
text-indent: -9999px;
}
#main-hosting a:link, #main-hosting a:visited  {
background-position: 0 -32px; 
}
#main-resume a:link, #main-resume a:visited  {
background-position: 0 -64px; 
}
#main-contact a:link, #main-contact a:visited  {
background-position: 0 -96px; 
}
#main-home a:hover  {
background-position: -268px 0; 
}
#main-hosting a:hover  {
background-position: -268px -32px; 
}
#main-resume a:hover  {
background-position: -268px -64px; 
}
#main-contact a:hover  {
background-position: -268px -96px; 
}
#home #main-home a  {
background-position: -536px 0; 
}
#hosting #main-hosting a  {
background-position: -536px -32px; 
}
#resume #main-resume a  {
background-position: -536px -64px; 
}
#contact #main-contact a  {
background-position: -536px -96px; 
}

#main-content {
width: 395px;
float: left;
border-left:30px solid #fff;
text-align: left;
line-height: 1.5em;
}
#side-content {
width: 272px;
float: right;
border-right:30px solid #fff;
text-align: left;
}
#main-content-wide {
border-left: 60px solid #fff;
border-right: 80px solid #fff;
text-align: left;
line-height: 1.5em;
}
h2 {
color: #990033;
}
h3 {
color: #777;
border-bottom: 1px dotted #777;
border-top: 1px dotted #777;
padding-bottom: .3em;
padding-top: .2em;
}
h4 {
color: #990033;
border-bottom: 1px dotted #990033;
padding-bottom: .2em;
}
p, td, th, li {
font-size: .8em;
}
li li {
font-size: 1.1em;
}
#bott-nav {
background-image: url(images/content-bg-bott.gif);
background-repeat:no-repeat;
padding: 40px 0 0 0;
list-style: none;
}
#bott-nav li {
display: inline;
margin: 0 2em 0 2em;
font-size: .8em;
font-weight: bold;
}
#bott-nav li a:link, #bott-nav li a:visited  {
color: #990033;
}
#bott-nav li a:hover  {
color: #d7688d;
}
#copyright {
font-size: .8em;
font-weight: bold;
color: #666;
padding-top: 1.5em;
}
#hosting-highlight {
padding: 0;
font-size: .9em;
text-align: center;
background-image:url(images/hosting-highlight-bg.gif);
}
#hosting-highlight p {
margin: 0;
}
#hosting-highlight .top-text {
margin: 0;
padding: 15px 10px 0 10px;
background-image:url(images/top-text-bg.gif);
background-repeat:no-repeat;
}
#hosting-highlight .bott-text {
margin: 0;
padding: 0 10px 20px 10px;
background-image:url(images/bott-text-bg.gif);
background-repeat:no-repeat;
background-position:bottom;
}
#hosting-highlight .and1 a {
background-image:url(images/hosting-logo-1and1.gif);
display: block;
width: 272px;
height: 43px;
text-align: left;
text-indent: -9999px;
}
#hosting-highlight .the-planet a {
background-image: url(images/hosting-logo-the_planet.gif);
display: block;
width: 272px;
height: 43px;
text-align: left;
text-indent: -9999px
}
#hosting-highlight .mosso a {
background-image: url(images/hosting-logo-mosso.gif);
display: block;
width: 272px;
height: 43px;
text-align: left;
text-indent: -9999px
}
#hosting-highlight .rackmounted a {
background-image: url(images/rackmounted_logo.gif);
display: block;
width: 272px;
height: 38px;
text-align: left;
text-indent: -9999px;
background-position:bottom center;
background-repeat:no-repeat;
}
.intro {
margin-top: 0;
}
#contactform ol {
list-style: none;
margin-left: .5em;
padding-left: .5em;
}
#contactform label {
display: block;
font-weight: bold;
}
#contactform input {
margin-bottom: .5em;
width: 200px;
}
#contactform textarea {
margin-bottom: 1em;
width: 360px;
height: 100px;
}
#contactform input.submit {
margin-bottom: .5em;
width: auto !important;
}
p.top {
text-align: right;
font-size: .8em;
font-weight: bold;
}
p.top a:link, p.top a:visited {
color: #990033;
background-image:url(images/to-top-bg.gif);
background-position: right;
background-repeat:no-repeat;
padding-right: 20px;
}
p.top a:hover {
color: #CC3366;
}
.hosts {
background-image:url(images/table-bg.jpg);
border-collapse: collapse;
}
.hosts th, .hosts td  {
line-height: 1.1em;
padding: 5px;
border: 2px solid #fff;
}
.hosts th.blank-cell, .hosts td.blank-cell {
background-color: #fff;
}
.hosts th  {
background-color: #ebccd6;
}
.HostNameRow td {
background-color: #d699ad;
font-weight: bold;
text-align: center;
}
.exp-history {
background-image:url(images/history-bg.jpg);
font-weight: bold;
font-size: .8em;
}
.exp-history a:link, .exp-history a:visited {
font-weight: bold;
font-size: .9em;
text-decoration: none;
}
.exp-history a:hover {
color: #CC0099;
text-decoration: underline;
}