﻿body {
  margin:0; 
  padding:0; 
  background-color:white; 
  font:12px/14px tahoma, arial, helvetica, sans-serif; 
  color:#444444; 
  vertical-align:top; 
  text-align:left;
}

#facetube
{
  float: right ;
  width: 1px ;
  height: 25px ;
  margin-top: 21px ;
}

#top-background {
  width: 100% ;
  height: 221px ;
  top: 0px ;
  background-image:url('/images/top-background.jpg') ;
  margin-left: auto ;
  margin-right: auto ;
}

#navigation {
  width: 766px ;
  height: 221px ;
  top: 0px ;
  margin-left: auto ;
  margin-right: auto ;
}


#navigation-buttons {
  width: 766px ;
  top: 106px ;
  position: absolute ;
  margin-left: auto ;
  margin-right: auto ;
}

#fixedmenu {
  position: fixed;
  right: 10px;
  top: 90%;
  width: 8em;
  margin-top: -2.5em;
}

.navigation-logo { border-width: 0; margin: 30px 30px;}
.navigation-contact { border-width: 0; margin: 23px 30px; float:right; text-align:right;}
.about-us{ background-image:url(images/about-us.jpg); background-repeat:no-repeat;}
.about-us-hover{ background-image:url(images/about-us-hover.jpg); background-repeat:no-repeat;}
.tech-services{ background-image:url(images/computer-services.jpg); background-repeat:no-repeat;}
.tech-services-hover{ background-image:url(images/computer-services-hover.jpg); background-repeat:no-repeat;}
.computer-repair{ background-image:url(images/computer-repair.jpg); background-repeat:no-repeat;}
.computer-repair-hover{ background-image:url(images/computer-repair-hover.jpg); background-repeat:no-repeat;}
.tech-solutions{ background-image:url(images/computer-solutions.jpg); background-repeat:no-repeat;}
.tech-solutions-hover{ background-image:url(images/computer-solutions-hover.jpg); background-repeat:no-repeat;}
.contact-us{ background-image:url(images/contact-us.jpg); background-repeat:no-repeat;}
.contact-us-hover{ background-image:url(images/contact-us-hover.jpg); background-repeat:no-repeat;}
.image { border-width: 0; margin: 5px 5px;}
.imager  { border-width: 0; margin: 0px 0px; text-align:right;}

#content-body {
  width: 766px ;
  height: auto ;
  top: inherit ;
  margin-left: auto ;
  margin-right: auto ;
}

#content-body-left {
  width: 350px ;
  float: left ;
}

#content-body-right {
  width: 350px ;
  float: right ;
}

.clear { clear: both;}
.standard-text { color:#444444; text-decoration:none; font-size:11px;}
.standard-text a{color:#33A7FF; text-decoration:underline; font-size:11px}
.standard-text a:hover{text-decoration:none; color:#33A7FF; font-size:11px;}
.standard-text ul { margin:0; padding:0; list-style:none;}
.standard-text li { background:url(images/li.gif) center left no-repeat; margin:0 0 0 0; padding:1px 0 0 11.5px;}
.standard-text li a {color:#33A7FF; text-decoration:underline; font-size:11px;  font-weight:900;}
.standard-text li a:hover { text-decoration:none; color:#33A7FF; font-size:11px;  font-weight:900;}

#content-footer {
  width: 766px ;
  height: 100px ;
  top: inherit ;
  margin-left: auto ;
  margin-right: auto ;
}

.footer-text{ color:#444444; text-decoration:none; text-align:center; font-size:9px;}
.footer-text a{ color:#444444; text-decoration:none; font-size:9px;}
.footer-text a:hover{ color:#444444; text-decoration:underline; font-size:9px;}

#bottom-background {
  width: 100% ;
  height: 100px ;
  top: inherit ;
  background-color:#FFFFFF ;
  margin-left: auto ;
  margin-right: auto ;
}
