/* 
    Document   : main.css
    Created on : 13/02/2010, 14:34:19
    Author     : georget
    Description:
        Purpose of the stylesheet follows.
*/

body, html {
  background: #fff url(/images/backgrad.png) repeat-x 165px 0;
  color: #000060;
  padding: 0;
  margin: 0;
  font-family: Verdana, "Verdana Ref", sans-serif;
  text-align: center;
}

a img {
  border: none;
}

#head {
  background: #000060 url(/images/titlegrad.png) repeat-x;
  color: #fff;
  height: 165px;
}
#head img.logo {
  position: absolute;
  top: 40px;
  left: 40px;
}
#head #title {
  margin: 0 auto;
  width: 800px;
  text-align: center;
}
#head #title img.title {
  margin-top: 68px;
}

#title h1 {
  display: none;
}

#menutop {
  background: #000060 url(/images/gradv_60_a0.png) repeat-x bottom;
  height: 30px;
  color: #fff;
  text-align: center;
  border-top: 2px groove #5070a0;
  font-size: 14px;
  line-height: 18px;
}
#menutop a {
  color: #fff;
  padding: 0 1em;
  margin: 0;
  text-decoration: none;
  border-right: 2px ridge #6060c0;
}
#menutop a.home {
  border-left: 2px ridge #6060c0;
}
#menutop a:hover {
  background-color: #6060f0;
}
#menutop.home a.home,
#menutop.services a.services,
#menutop.products a.products,
#menutop.portfolio a.portfolio,
#menutop.hosting a.hosting,
#menutop.support a.support,
#menutop.contact a.contact,
#menutop.about a.about
{ background-color: #4040c0; }

ul#errors {
  color: #f00;
  margin: 1em;
  border: 1px solid #f00;
  padding: 0.5em;
  width: 500px;
}
ul#errors li {
  margin-left: 1em;
}

ul#messages {
  color: #00f;
  margin: 1em;
  border: 1px solid #00f;
  padding: 0.5em;
  width: 500px;
}
ul#messages li {
  margin-left: 1em;
}

#content {
  position: relative;
  top: 0;
  background: #fff;
  margin: 0 auto;
  width: 800px;
  border: groove;
  border-width: 0 thin thin;
  padding: 1em;
  text-align: left;
}
#content .vspacer {
  width: 1px;
  height: 500px;
  float: left;
}
#content p {
  width: 600px;
  margin-bottom: 2em;
  padding-left: 1em;
  clear: right;
}
#content p.cb {
  clear: both;
}
#content p img {
  width: 100px;
  margin: 0 0 0 1em;
  float: right;
}
#content a,
#content a:visited
{
  color: blue;
  text-decoration: none;
}

#google_translate_element {
  position: absolute;
  right: 4px;
  top: 0;
  z-index: 1;
}

h1 {
  position: relative;
  z-index: 0;
  margin: 0 0 1em;
  color: #000080;
  font-size: 32px;
}

/*h1 span {
  background: url(/images/textgrad16.png) repeat-x;
  position: absolute;
  bottom: 18px;
  display: block;
  width: 100%;
  height: 16px;
}
*/
#foot {
  margin: 0 auto;
  width: 800px;
  text-align: center;
  font-size: smaller;
  font-style: italic;
  color: #888;
}
#foot a {
  color: #888;
  text-decoration: none;
}

#logos {
  padding-top: 5px;
}
#logos img {
  float: left;
  margin-right: 1em;
}
#logos .fss {
  float: right;
  width: 30px;
}
#logos .jquery {
  width: 100px;
  padding-top: 20px;
}
#logos .mysql {
  width: 100px;
}

/** Pages **/

#contact table {
  margin: 2em auto;
  font-size: 12px;
}
#contact table th {
  vertical-align: top;
  padding-right: 2em;
  background-color: #ddf;
  padding: 0.5em;
}
#contact table td {
  padding: 0.5em 0 2em 1em;
  text-align: left;
}

#captcha {
  border: 1px solid #aaa;
}

#captcha.error, .error {
  border: 2px solid red;
}

#map {
  border: 1px solid #000060;
  margin: 1em;
}

#about img.flag {
  float: right;
}

#hosting-plans {
}
#hosting-plans table {
  margin: 0 auto;
  border-spacing: 0;
}
#hosting-plans table tr.even td {
  background-color: #eef;
}
#hosting-plans table th {
  vertical-align: bottom;
  font-variant: small-caps;
  font-size: 14pt;
  padding: 0.5em 1em;
  color: #00c;
}
#hosting-plans table td {
  text-align: center;
  padding: 5px;
}
#hosting-plans table td.title {
  font-variant: small-caps;
  font-size: 12pt;
  color: #00a;
}
#hosting-plans table tr sup {
  font-size: 10pt;
}

span.tick {
  display: inline-block;
  background-image: url(/images/tick.png);
  width: 16px;
  height: 16px;
}
span.cross {
  display: inline-block;
  background-image: url(/images/cross.png);
  width: 16px;
  height: 16px;
}