/*CSS Created by Craig Erskine - solardreamstudios.com*/
body {
  margin: 0;
  border: 0 none;
  padding: 0;
  background: url(../_img/body-back.png) repeat-x top;
  background-color: #FFF;
  color: #666;
  font: 11px Verdana, Arial, Helvetica, sans-serif;
}

p,td,li,ul,ol,input,textarea,select {
  font-size: 11px;
}

p {
  margin: 15px 0;
  line-height: 1.5em;
}

ul,ol {
  margin: 15px 50px;
}

li {
  line-height: 1.5em;
}

a {
  color: #3385AD;
  font-weight: bold;
  text-decoration: none;
}

a:hover {
  color: #999;
  text-decoration: underline;
}

a.other {
  color: #3385AD;
  font-weight: bold;
  text-decoration: none;
  font-size: 11px;

}

a.other:hover {
  color: #999;
  text-decoration: underline;
  font-size: 11px;
}


h1 {
  margin: 15px 0;
  color: #888;
  font: bold 16px Arial, Helvetica, sans-serif;
}

h3 {
    font: bold 14px Arial, Helvetica, sans-serif;
}

img {
  border: 0 none;
}

form {
  margin: 0;
  padding: 0;
}

#page-container {
  text-align: center;
}

/*--------------------Head--------------------*/
#head-container {
  margin: 0 auto;
  width: 768px;
  background: url(../_img/mast-back.jpg) no-repeat bottom;
  text-align: left;
  height: 200px;
  position: relative;
}

#head-logo {
  position: relative;
  top: 5px;
}

#head-logo2 {
  position: relative;
  top: 5px;
  }

#head-mast {
  font-size: 10px;
  text-align: right;
  text-transform: uppercase;
  line-height: 1.5em;
  position: absolute;
  top: 10px;
  right: 20px;
}

#head-mast a {
  padding-right: 10px;
  display: block;
  background: url(../_img/li-mast.png) no-repeat right center;
}

#head-domain {
  background: url(../_img/domain-back.png) no-repeat;
  height: 31px;
}

#head-domain td {
  padding: 0 2px;
  font-size: 10px;
  font-weight: bold;
}

/*--------------------Nav--------------------*/
#nav-container {
  position: absolute;
  bottom: 0;
  right: 30px;
}

/*--------------------Content--------------------*/
#content-container {
  margin: 0 auto;
  width: 768px;
  background: url(../_img/page-back.png) repeat-y left;
  text-align: left;
  min-height: 400px;
  height: auto !important; /*IE Sucks*/
  height: 400px;
  position: relative;
}

#content-pri {
  width: 600px;
  background: url(../_img/cont-back.png) repeat-x top;
}

/*--------------------Subnav--------------------*/
#subnav-container {
  width: 168px;
  background: url(../_img/nav-back.png) no-repeat bottom;
}

#subnav {
  margin: 0;
  padding: 0 0 5px 0;
  width: 168px; /*IE Sucks*/
  list-style: none none;
  background: url(../_img/submenu-back.png) no-repeat bottom;
}

#subnav li {
  margin: 0;
  padding: 0;
  width: 168px; /*IE Sucks*/
  list-style: none none;
  background: url(../_img/subnav-back.png) no-repeat;
  font-weight: bold;
  font-size: 10px;
  line-height: 24px;
  text-indent: 8px;
}

#subnav ul {
  margin: 0;
  padding: 0;
  width: 168px; /*IE Sucks*/
  list-style: none none;
  background: url(../_img/submenu-back.png) no-repeat;
}

#subnav ul li {
  width: 168px; /*IE Sucks*/
  background: none;
  text-indent: 0;
  line-height: 1.8em;
}

#subnav a {
  width: 168px; /*IE Sucks*/
  display: block;
  color: #666;
}

#subnav ul a {
  color: #333;
  text-indent: 16px;
}

#subnav ul a:hover {
  color: #3385AD;
}

/*--------------------Foot--------------------*/
#foot-container {
  margin: 0 auto;
  width: 768px;
  background: url(../_img/foot-back.png) repeat-x;
  text-align: left;
  height: 50px;
  position: relative;
}

#foot-content {
  padding: 0 10px;
  color: #FFF;
  font-size: 9px;
}

#foot-content a {
  color: #FFF;
}

#foot-chat {
  padding: 0 10px;
  text-align: right;
}

/*--------------------Plans--------------------*/
#plans-container {
  width: 600px;
  background: url(../_img/plans-back.jpg) no-repeat;
  height: 140px;
}

#plans h3 {
  margin: 0;
  padding: 0;
  font-size: 1px;
  text-indent: -9999px;
}

#plans h3 a {
  width: 200px;
  display: block;
  line-height: 40px;
  height: 40px;
}

#plans p {
  margin: 0;
  padding: 15px;
  color: #FFF;
  font-size: 10px;
}

#plans a {
  color: #FFF;
}

#plan1,#plan2,#plan3 {
  width: 200px;
}

/*--------------------Home Layout--------------------*/
#home-columns-container {
  padding-top: 18px;
}

#home-columns h3 {
  margin: 0;
  padding: 0;
  font-size: 1px;
  text-indent: -9999px;
}

#home-columns h3 a {
  display: block;
  line-height: 30px;
  height: 30px;
}

#home-columns p {
  margin: 0;
  padding: 10px;
  font-size: 10px;
}

#home-news {
  width: 192px;
  background: url(../_img/heading-news.png) no-repeat;
}

#home-test {
  background: url(../_img/heading-test.png) no-repeat;
}

#home-feature {
  width: 176px;
  text-align: center;
}

/*--------------------Classes--------------------*/
.content {
  padding: 2px 20px; /*First number prevents collapse*/
}

.table-plan {
  background: #999;
}

.table-plan th {
  border-top: 1px solid #DDD;
  border-right: 1px solid #AAA;
  border-bottom: 1px solid #AAA;
  border-left: 1px solid #DDD;
  padding: 6px;
  background: #BBB;
  color: #FFF;
  font-weight: bold;
  font-size: 12px;
  text-align: center;
}

.table-plan td {
  border-top: 1px solid #FFF;
  border-right: 1px solid #DDD;
  border-bottom: 1px solid #DDD;
  border-left: 1px solid #FFF;
  padding: 3px;
  background: #EFEFEF;
  font-size: 10px;
}

.table-plan td.col {
  background: #DFDFDF;
  color: #333;
  font-weight: bold;
}

.hide {
  position: absolute;
  top: -9999px;
  left: -9999px;
}

/* set the image to use and establish the lower-right position */
 .cssbox, .cssbox_body, .cssbox_head, .cssbox_head h2{ background: transparent url(img.php.png) no-repeat bottom right}
 .cssbox{ /* intended total box width - padding-right(next) */ width:335px !important; /* IE Win = width - padding */ width: 320px; /* the gap on the right edge of the image (not content padding) */ padding-right:15px; /* use to position the box */ margin:20px auto} /* set the top-right image */
 .cssbox_head{background-position:top right; /* pull the right image over on top of border */ margin-right:-15px; /* right-image-gap + right-inside padding */ padding-right:40px} /* set the top-left image */
 .cssbox_head h2{ background-position:top left; margin:0; /* reset main site styles*/ border:0; /* ditto */ /* padding-left = image gap + interior padding ... no padding-right */ padding:25px 0 15px 40px; height:auto !important; height:1%} /* IE Holly Hack */ /* set the lower-left corner image */
 .cssbox_body{ background-position:bottom left; margin-right:25px; /* interior-padding right */ padding:15px 0 15px 40px} /* mirror .cssbox_head right/left */