html{
  background:#2cafe3 url(../images/back.gif) center 30px no-repeat;
  font-family:Helvetica,sans-serif; /*Verdana, Arial, Helvetica, sans-serif;*/
  color:#ffffff;
}
h1{
  font-weight:bold;
  font-size:26px;
  font-weight:bold;
  text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
  padding-bottom:7px;
}
h2{
  font-size:24px;
  font-weight:bold;
  text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
}
h3{
  font-size:18px;
  font-weight:bold;
  text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
}
a{
  color:#ffffff;
}
.clear{clear:both}
#main{
  margin:0 auto;
  position:relative;
  top:-30px;
  padding-bottom:10px;
  width:900px;
}

/************
 ** header **
 ************/

#top-bar{
  background:#343434;
  height:30px;
}
#hd{
  height:30px;
}
#logo{
  float:left;
  margin-right:10px;
}
#logo img{
  padding:9px 5px 6px 5px;
}
#nav{
  display:inline;
}
#nav li{
  float:left;
  padding-right:12px;
  background:transparent url(../images/nav-separator.gif) 6px right no-repeat;
}
#nav a{
  display:block;
  padding:7px 0 3px 0;
}
#nav .last{
  padding-right:0;
  background:none;
}

/**********
 ** body **
 **********/

#bd{
  font-size:13px;
}

/***********
 ** intro **
 ***********/

/*margin:34px 0 0 25px;*/
#intro{
  position:relative;
  margin-top:34px;
  width:544px;
  height:240px;
  float:left;
  color:#000000;
  padding:6px 8px;
  font-size:20px;
  font-weight:bold;
  border:1px solid #3091b9;
  border-right:none;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.4);
  background:#ffffff url(../images/intro-back.jpg) bottom right no-repeat;
}
#intro h1{
  font-size:20px;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.4);
  padding-bottom:2px;
}
#intro h2{
  font-size:16px;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.4);
}
#intro b{
  background:#f8f19f;
}
#intro ul{
  font-size:13px;
  color:#111111;
  font-weight:normal;
}
#intro .tl{
  position:absolute;
  top:-1px;
  left:-1px;
}
#intro .bl{
  position:absolute;
  bottom:-1px;
  left:-1px;
}
#intro .first{
  width:200px;
  padding-top:15px;
}
#intro .second{
  padding-top:25px;
}
#intro .third{
  padding-top:25px;
}

/************
 ** signup **
 ************/

#signup{
  position:relative;
  margin-top:34px;
  background:#f8f19f;
  padding:8px 10px;
  width:318px;
  height:236px;
  float:left;
  border:1px solid #3091b9;
  border-left:none;
}
#signup .tr{
  position:absolute;
  top:-1px;
  right:-1px;
}
#signup .br{
  position:absolute;
  bottom:-1px;
  right:-1px;
}
#signup h3{
  color:#333333;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.8);
  text-align:center;
  margin-bottom:10px;
}
#signup dt{
  width:110px;
  padding:5px 5px 0 0;
  float:left;
  text-align:right;
  font-size:18px;
  font-weight:bold;
  color:#333333;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.8);
}
#signup dd{
  margin-bottom:2px;
}
#signup input.text{
  border:1px solid #c9c481;
  background:#ffffff url(../images/input.gif) repeat-x;
  height:29px;
  width:186px;
  font-size:14px;
  font-weight:bold;
  color:#555555;
  padding-left:5px;
  text-shadow:0 1px 1px rgba(255, 255, 255, 0.4);
}
#signup-submit{
  background:#000000 url(../images/submit.gif) repeat-x;
  border:none;
  width:193px;
  height:30px;
  margin:1px 0 0 115px;
  color:#ffffff;
  font-size:16px;
  font-weight:bold;
  text-shadow:0 1px 1px rgba(0, 0, 0, 0.4);
}

/**************
 ** packages **
 **************/

#packages{
  margin-top:15px;
  float:left;
  width:640px;
}
#packages .inner{
  position:relative;
  border:1px solid #2b93bd;
}
#packages .corner{
  position:absolute;
  display:block;
  z-index:100;
  background:transparent url(../images/packages-corners.png) no-repeat;
  width:8px;
  height:8px;
  _display:none;
}
#packages .tl{top:-1px;left:-1px;}
#packages .tr{top:-1px;right:-1px;background-position:-8px;}
#packages .br{bottom:-1px;right:-1px;background-position:-24px;}
#packages .bl{bottom:-1px;left:-1px;background-position:-16px;}
#packages h1{
  text-align:center;
}
#packages .package{
  float:left;
  background:#ffffff url(../images/package-right.gif) bottom right no-repeat;
  width:160px;
  height:210px;
}
#packages .package.last{
  width:158px;
  margin-right:0;
  background-image:none;
}
#packages .title{
  background:#021218;
  padding:2px 5px;
  color:#ffffff;
  text-align:center;
}
#packages .price{
}
#packages .description{
  background:#f8f19f;
  padding:3px 3px;
  color:#333333;
}
#packages .features{
  color:#333333;
  padding-left:3px;
  font-size:15px;
}
#packages .features dt{
  float:left;
  clear:left;
  width:25px;
  height:30px;
  margin:4px 5px 0 4px;
}
#packages .features dd{
  height:30px;
  padding-top:10px;
}
#packages .pages{
  background:#ffffff url(../images/page-counts.gif) no-repeat;
  text-indent:-9999px;
}
#value-package .pages{
  background-position:-25px;
}
#business-package .pages{
  background-position:-50px;
}
#executive-package .pages{
  background-position:-75px;
}

/***********
 ** plans **
 ***********/

#plans{
  margin:15px 0 0 37px;
  width:200px;
  float:left;
  display:none;
}
#plans .plan{
  padding:30px 0 0 20px;
  height:76px;
  background:#dedede;
  border-bottom:1px solid #d0d0d0;
}
#plans .price{
  font-size:16px;
}

/**************
 ** services **
 **************/

#services{
  margin:15px 0 0 37px;
  width:200px;
  float:left;
}
#services li{
  padding:10px 7px;
  margin-bottom:3px;
  background:#021218;
  border-bottom:3px solid #2b93bd;
}

/**************
 ** featured **
 **************/

#featured{
  position:relative;
  margin-top:20px;
  background:#ffffff;
  border:1px solid #3091b9;
  padding-right:7px;
  color:#000000;
}
#featured a{
  color:#0000ff;
}
#featured .image{
  float:left;
  position:relative;
  z-index:100;
  *margin-top:-1px;
}
#featured .info{
  padding:10px 5px 5px 400px;
}
#featured .logo{
  margin-bottom:10px;
}
#featured .label{
  position:absolute;
  right:0px;
  top:0px;
  display:inline;
  background:#000000;
  color:#ffffff;
  height:15px;
  font-size:11px;
  margin-right:7px;
  padding:3px 3px 0 5px;
}

#hosting sup{
  font-size:10px;
}
#regular-hosting,
#ecommerce-hosting{
  width:120px;
  margin:0 auto;
}