/*css toffeehosta  */

body {
  margin: 0;
  padding: 0;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  font-size: 8pt;
  text-align: center;
 }

 .frame {
 text-align: left;
 width: 760px;
 margin-top: 0px;
 margin-right: auto;
 margin-left: auto;
 padding: 0;
 border-right: 1px solid #DCDCDC;
 border-left: 1px solid #DCDCDC;
}

 .header {
 height: 60px;
 background-color: #999966;
 font-family: Georgia, "Times New Roman", serif;
 color: #333300;
 letter-spacing:.4em;
 font-weight:bold;;
 border-bottom: 1px solid #FFFFFF;
 background-image: url(images/bg1.gif);
 background-position: top;
 background-repeat: repeat-x;
}

/*toffee host header */
.header h1 {
 font-size: 28px;
 color: #FFFFFF;
 padding: 20px 0 0 20px;
}

.navigation {
 height: 25px;
 background-color: #A4C2C2;
 padding: 6px;
 border-bottom: 2px solid #FFFFFF;
 background-image: url(images/bgnav.gif);
 background-repeat: repeat-x;
 background-position: bottom;
}

.navigation a:link, .navigation a:visited, .navigation a:active {
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 12px;
 line-height:2;
 text-decoration: none;
 color: #FFFFFF;
 margin: 15px;
}
.navigation a:hover {
 color: #666633;
 text-decoration: none;
}

.date {
  float: right;
  font-size: small;
  color: #FFFFFF;
  margin-top: -20px;
}
/* index page */

h1 {
  font-size: 18px;
  color: #666633;
}

h2 {
  font-size:large;
  color: #666633;
}

h3 {
  font-size: medium;
  color: #003399;
}

p {
   text-align: left;
   line-height: 14px;
}
ul {
  text-align: left;
}

.maincontent {
  padding: 0 10px 10px 10px;
}

.maincontent a:link, .maincontent a:visited, .maincontent a:active {
  color: #333300;
  font-variant: small-caps;
  text-decoration: underline;
  letter-spacing:.1em;
  margin: 0;
}

.maincontent a:hover {
  text-decoration: none;
  color: #006699;
}

.buy_now a:link, .buy_now a:visited, .buy_now a:active {
  float: right;
  width: 132px;
  height: 35px;
  background-image: url(images/buynow_a.gif);
  background-position: top;
  background-repeat: no-repeat;
}
.buy_now a:hover  {
  background-image: url(images/buynow_b.gif);
  background-position: top;
  background-repeat: no-repeat;
}

#smallimages {
 margin-left: 50px;
}

/* domain section */
#domain {
 float: left;
 width: 330px;
 height: 290px;
 margin: 20px 0 10px 5px;
 padding: 10px;
 text-align: center;
 border: 1px solid #BBBBBB;
 }

#hosting {
  float: right;
  width: 330px;
  height: 290px;
  margin: 20px 5px 10px 0;
  padding: 10px;
  text-align: center;
  border: 1px solid #BBBBBB;
}

#design {
 float: left;
 width: 330px;
 height: 330px;
 margin: 10px 0 10px 5px;
 padding: 10px;
 text-align: center;
 border: 1px solid #BBBBBB;
}

#marketing {
 float: right;
 width: 330px;
 height: 330px;
 margin: 10px 5px 10px 0;
 padding: 10px;
 text-align: center;
 border: 1px solid #BBBBBB;
}
 /* end of domain */

#bronze {
 float: left;
 width: 230px;
 height: 300px;
 background-image: url(images/pc_bronze.jpg);
 background-position: top;
 background-repeat: no-repeat;
 border: 1px solid #DCDCDC;
 margin: 10px 0 10px 15px;
 padding: 0;
}

#silver {
  float: left;
  width: 230px;
  height: 300px;
  border: 1px solid #DCDCDC;
  background-image: url(images/pc_silver.jpg);
  background-position: top;
  background-repeat: no-repeat;
  margin: 10px 0 10px 12px;
  padding: 0;
}

#gold {
  float: right;
  width: 230px;
  height: 300px;
  border: 1px solid #DCDCDC;
  margin: 10px 15px 10px 0;
  background-image: url(images/pc_gold.jpg);
  background-position: top;
  background-repeat: no-repeat;
  padding: 0;
}

.hostbox p {
 margin-top: 245px;
 margin-left: 15px;
}

.hostbox a:link , .hostbox a:visited ,.hostbox a:active {
 color: #333300;
 line-height: 0;
 text-decoration: underline;
 margin: 0;
}

.hostbox a:hover {
 color: #333300;
 text-decoration: none;
}
/* index finishes */

/* Gold page */
.hostimage {
  float: right;
  margin: 0 50px 0 0;
}

/* for login pages */
#frame2 {
  position: relative;
  text-align: left;
  width: 760px;
  margin-right: auto;
  margin-left: auto;
  padding: 0;
}

#logindomain {
 float: left;
 width: 300px;
 height: 200px;
 margin: 20px 0 10px 35px;
 padding: 10px;
 text-align: center;
 border: 1px solid #BBBBBB;
  }

#loginhosting {
  float: right;
  width: 300px;
  height: 200px;
  margin: 20px 35px 10px 0;
  padding: 10px;
  text-align: center;
  border: 1px solid #BBBBBB;
}

/* logos */
.adbox {
  text-align: center;
}

#paypal {
  float: right;
}
/* logos finish */
/* footer */
.footer {
  /*width: 760px;*/
  clear: both;
  height: 50px;
  background-color: #999966;
  background-image: url(images/bg2.gif);
  background-position: top;
  background-repeat: repeat-x;
  margin-top: 10px;
}
.footer p {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  text-align: center;
  color: #333300;
  padding-top: 10px;
}
.footer a:link, .footer a:visited, .footer a:active {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 10px;
  color: #333300;
  text-decoration: none;
  margin: 10px;
}
.footer a:hover {
  color: #FFFFCC;
}