body{
  background-color: #000000;
  margin: 0;
  font-family: Arial, Helvetica, sans-serif;;
}

/*Style for headers*/
H1{
  color: #505050;
  font-size: 30px;
  font-weight: bold;
  vertical-align: middle;
  padding: 0px;
  margin-bottom: 0px;
  margin-top: 5px;
}

H2{
  color: #606060;
  font-size: 16px;
  font-weight: bold;
  vertical-align: middle;
}

H3{
  color: #ec1c24;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}


H1.billing {
  color: #000000;
  font-size: 18px;
  font-weight: bold;
  vertical-align: middle;
}

.billingred {
  color: #FF0000;
  background: #000000;
  padding: 3px;
}

.billingyellow {
  color: #FFFF00;
  background: #000000;
  padding: 3px;
}

.billinggreen {
  color: #00FF00;
  background: #000000;
  padding: 3px;
}



P{
  color: #000000;
  font-size: 14px;
  font-weight: normal;
  vertical-align: middle;
}

UL{
  color: #000000;
  font-size: 14px;
  font-weight: bold;
  vertical-align: middle;
}

/*Content (with gray border)*/
.a_content{
  width: 470px;
  font-weight: bold;
  font-size: 14px;
  padding-left: 12px;
  margin-left: 1px;
}

.a_content_full{
  font-weight: bold;
  font-size: 14px;
  padding-left: 12px;
  padding-right: 12px;
  margin-left: 1px;
}

.promo {
  background-color: #FFFFFF;
  background-image: url(/images/hosting_packages_bg.gif);
  width: 200px;
  height: 261px;
  border: 2px #000000 solid;
}
.promo H1{
  color: #ffffff;
  font-size: 16px;
  padding-top: 10px;
  padding-bottom: 10px;
  margin: 0px;
  font-weight: bold;
  vertical-align: middle;
}

.promo_text{
  color: #cccccc;
  padding-left: 10px;
  padding-right: 10px;
  font-weight: normal;
  font-size: 12px;
}

.separator{
  width: 40px;
}

.news_fill {
  background-color: #FFFFFF;
  background-image: url(/images/news_fill.gif);
}

.custom_ul{
  color: #ffffff;
  list-style-image:url(/images/bullet3.gif);
  padding-left: 17px;
  line-height: 17px;
  margin-left: 0px;
}

.promo_bottom{
  padding-left: 7px;
  vertical-align: bottom;
  padding-bottom: 0px;
  margin: 0px;
  padding-right: 0px;
}

.price1{
  color: #ec1c24;
  padding: 0px;
  font-family: Arial;
  font-size: 16px;
  font-weight: bold;
}

.price2{
  padding: 0px;
  color: #ec1c24;
  font-size: 12px;
  font-weight: bold;
}

.copyright{
  color: #ffffff;
  padding-left: 10px;
  padding-top: 20px;
  padding-bottom: 20px;
  font-size: 10px;
}

.footermenu{
  color: #999999;
  padding-right: 15px;
  font-size: 10px;
}

.footermenu a {
  color: red;
  text-decoration: none;
  font-size: 10px;
}
.footermenu a:hover {
  color: #ffffff;
  text-decoration: underline;
  font-size: 10px;
}

a {
  color: #ec1c24;
  text-decoration: none;
  font-size: 12px;
  font-weight: bold;
}
a:hover {
  color: #000000;
  text-decoration: underline;
  font-size: 12px;
  font-weight: bold;
}

.content {
background-color: #ffffff;
padding-left: 10px;
padding-right: 10px;
padding-top: 10px; 
padding-bottom: 10px;
height: 100%;
}

.hmenubg {
  background-image:url("/images/menu_fill.gif");
  width: 100%;
  height: 30px;
}

.hmenu {
padding-top:3px;
padding-left:10px;
}

.hmenulink a {
  color: #ffffff;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

.hmenulink a:hover {
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
}

.hmenuactive a {
  color: red;
  text-decoration: none;
  font-size: 11px;
  font-weight: bold;
}

.hmenuactive a:hover {
  color: #cccccc;
  text-decoration: none;
  font-weight: bold;
  font-size: 11px;
}


.news_date{
  color: red;
  font-size: 10px;
  font-weight: bold;
}
.news_head{
  color: #FFFFFF;
  font-size: 12px;
  font-weight: bold;
}
.news{
  padding-right: 4px;
  padding-top: 4px;
  padding-bottom: 4px;
  padding-left: 14px;
  color: #999999;
  font-size: 11px;
}

a.submenu{
  display: block;
  width: 231px;
  vertical-align: middle;
  height: 22px;
  line-height: 22px;
  font-size: 11px;
  color: #000000;
  font-weight: bold;
  text-decoration: none;
  background-color: #C5C2A8;
}
a.submenu:hover{
  vertical-align: middle;
  display: block;
  width: 231px;
  height: 22px;
  line-height: 22px;
  font-size: 11px;
  color: #CD671D;
  font-weight: bold;
  text-decoration: none;
  background-color: #CDCAAF;
}

.logo{
  font-family: Helvetica;
  font-size: 18px;
  font-weight: bold;
  color: #CCCCCC;
}
.slogan{
  font-family: Helvetica;
  font-size: 20px;
  font-weight: bold;
  color: #CCCCCC;
}


#bg { 
position: absolute;
width: 100%; 
height: 200px;
background-color: #000000;
}

#overlay {
position: absolute; 
width: 532px;
height: 200px;
top: 0px;
left: 10px;
}

#main {
position: absolute;
width: 100%;
top: 200px;
left: 0px;
}

div.nav {
height: 63px;
width: 333px;
margin:0;
padding:0;
background-image:url("/images/remote-support-hover.png");
} 

div.nav a, div.nav a:link, div.nav a:visited {
display:block;
}

div.nav img {
width: 100%;
height: 100%;
border:0;
}

div.nav a:hover img {
visibility:hidden;
}

fieldset
{
border: 2px solid #000000;
width: 600px;
}

legend
{
color: #FFFFFF;
background: #000000;
border: 2px solid #000000;
padding: 2px 6px;
font-weight: bold;
} 

label
{
width: 4em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block
}

.input {
    border: 1px solid #006;
    background: #FFFFCC;
}
.input:hover {
    border: 1px solid #f00;
    background: #CCFFFF;
}
.input:focus {
    border: 1px solid #f00;
    background: #FFFFFF;
}
.button {
    border: 1px solid #cccccc;
    color: #ffffff;
    background: #000000;
    font-weight: bold;
}
.button:hover {
    border: 1px solid #CCFFFF;
    color: #CCFFFF;
    background: #000000;
    font-weight: bold;
}

br { clear: left; }

ul.Horizontal li {
  text-decoration: bold;
  text-align: center;
  display: inline;
  list-style-type:none;
  padding-left: .8em;
  padding-right: .8em
}
