/* Sticky Toffee Style Sheet */
body {
  text-align: center;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  margin: 0;
  padding: 0;
}

h1 {
  font-size: large;
}

h3 {
  font-size: 0.8em;
  font-variant: small-caps;
  color: #006699;
}

p {
  font-size: 9pt;
  color: #777777;
}

.stickytoffee {
  font-size: 1.1em;
  font-weight: bold;
  font-variant: small-caps;
  color: #006699;
}

.aboutsticky {
  clear:both;
  cursor:hand;
  cursor: pointer;
  font-size: 0.8em;
  font-variant: small-caps;
  font-weight: bold;
  color: #006699;
  text-decoration: underline;
}

.frame {
  width: 760px;
  margin-top: 10px;
  margin-right: auto;
  margin-left: auto;
  text-align: left;
}

.navmenu {
  float: right;
  width: 100px;
  padding: 10px;
  margin: 5px 25px 0 0;
}

.navmenu ul {
  width: 90px;
  text-align: center;
  list-style-type: none;
  margin: 0;
  padding: 5px;
  background-color: #F7F7F7;
  border: 1px outset #006699;
}

.navmenu li {
  width: 80px;
  text-align: left;
  background: #E7E7E7;
  border: 1px solid #006699;
  margin: 3px 0 0 0;
  padding: 2px;
}

.navmenu li a:link, .navmenu li a:visited, .navmenu li a:active {
  display: block;
  font-size: 10px;
  font-weight: bold;
  font-variant: small-caps;
  text-decoration: none;
  color: #006699;
  border-right: 10px solid #006699;
  background-color: #D0D0D0;
  padding: 3px;
}

.navmenu li a:hover {
  color: #FFFFFF;
  background: #006699;
  border-right: 10px solid #D0D0D0;
}

.main {
  float: left;
  width: 595px;
  height: 475px;
  margin: 5px;
  padding: 0;
}

#index_img {
  background-image: url(images/logo_red.jpg);
  background-repeat: no-repeat;
}

#about_img {
  background-image: url(images/logo_purple.jpg);
  background-repeat: no-repeat;
}

#contact_img {
  background-image: url(images/logo_spider.jpg);
  background-repeat: no-repeat;
}

#clients {
  float: left;
  width: 595px;
  height: 475px;
  background-image: url(images/logo_client.jpg);
  background-repeat: no-repeat;
  margin-bottom: 135px;
  padding-top: 10px;
  padding-left: 20px;
}

#clients img {
  width: 140px;
  height: 80px;
  margin: 0px;
  padding: 4px;
  border: 1px solid #006699;
}

#clients img:hover {
  width: 142px;
  height: 82px;
  margin: 1px;
  padding: 0px;
  border: 3px solid #006699;
}

.text {
  clear: both;
  float: left;
  width: 500px;
  margin: -50px 0 0 225px;
}

.text a:link, .text a:visited, .text a:active {
  color: #999999;
  text-decoration: underline;
}

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

.text li {
  font-size: 9pt;
  color: #777777;
}
/* ------------INVOICE PAYMENTS ---------------------- */
.invoice {
  clear: both;
  float: left;
  width: 500px;
  margin: -130px 0 0 100px;
}

.invoice, invoice p  {
  font-size: small;
}


.invoice a:link, .invoice a:visited, .invoice a:active {
  color: #999999;
  text-decoration: underline;
}

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

.invoice li {
  font-size: 9pt;
  color: #777777;
}
/* --------------END INVOICE PAYMENTS ----------------- */

#about {
  float: left;
  width: 500px;
  margin: -50px 0 0 225px;
}

#AboutContent {
  padding: 0 10px 0 0;
  width: 500px;
  height: 250px;
  overflow: auto;
}

form {
  text-align: left;
}

input.txt {
  color: #006699;
  background-color: #F7F7F7;
  border: 1px outset #006699;
  width: 200px;
  margin-bottom: 2px;
}

input.btn {
  color: #336699;
  background-color: #E7E7E7;
  border: 1px solid #006699;
  margin-top: 10px;
}

form label {
  float: left;
  width: 40%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: small;
  font-weight: normal;
  color: #777777;
}

form textarea {
  color: #006699;
  background-color: #F7F7F7;
  border: 1px outset #006699;
}

fieldset {
  border: 1px solid #006699;
  margin-top: 15px;
  margin-left: 5px;
  padding: 10px;
}

legend {
  font: bold 0.8em Verdana, Arial, Helvetica, sans-serif;
  font-variant: small-caps;
  color: #006699;
  padding-top: 10px;
  padding-bottom: 10px;
}

#address {
  float: right;
  width: 230px;
  margin: -200px 25px 35px 25px;
}
#address a:link, a:visited, a:active {
  color: #006699;
  text-decoration: none;
}

#address a:hover {
  text-decoration: underline;
}
/* Hide skype */
#address p.sky:after { content: "StickyToffeeInternetDesign"; }

.footer {
  clear: both;
  width: 95%;
  margin: 15px 0 5px 0;
  padding: 0;
}

.footer p {
  float: left;
  margin-left: 30px;
}

.footer img {
  float: left;
  margin-left: 20px;
}
/* ----- footer for invoice page ----------- */
#paypal_invoice {
  text-align: center;
}

.invoice_footer {
  clear: both;
  width: 95%;
  margin: 15px 0 5px 0;
  padding: 0;
}

.invoice_footer p {
  float: left;
  margin-left: 60px;
}

.invoice_footer img {
  float: left;
  margin-left: 100px;
}
/*  --------- end invoice footer ------------ */

#expand {
  cursor: hand;
  cursor: pointer;
  font: bold;
  font-size: 12px;
  color: #006699;
  margin: 5px 50px 45px 20px;
  text-align: right;
}

#expand a:link,#expand  a:visited,#expand  a:active {
  color: #006699;
  text-decoration: none;
}

#expand a:hover {
  text-decoration: underline;
}

.extratext {
  clear: both;
  float: left;
  width: 90%;
}

.extratext a:link,.extratext  a:visited,.extratext  a:active {
  color: #006699;
  text-decoration: none;
}

.extratext a:hover {
  text-decoration: underline;
}

.sitemap a:link, a:visited, a:active {
  color: #006699;
  text-decoration: none;
}

.sitemap a:hover {
  text-decoration: underline;
}