/*   Body */                
body {
text-align: center;  /*  Centering webpage   */ 
overflow: hidden;
}                                      
img { 
border: none;   /*  Fix to keep auto border coloring around images   */ 
max-width: 100%;
height: auto;
/*  Fix to make scale images right   */
image-rendering:optimizeSpeed;              /* Legal fallback                 */
image-rendering:-moz-crisp-edges;           /* Firefox                        */
image-rendering:-o-crisp-edges;             /* Opera                          */
image-rendering:-webkit-optimize-contrast;  /* Chrome (and eventually Safari) */
image-rendering:crisp-edges;                /* CSS3 Proposed                  */
-ms-interpolation-mode: bicubic;            /* IE8+                           */
} 
/*   Media Querie Area  */ 
/*       Page Wrapper                         
   width: 1425px; original size 
   0.65894 aspect ratio width max 
   height: 939px; original size 
   1.51757 aspect ratio height max  
   
   pixels to percentage formula:
   
   target / context = result  
                                       
   target (image or element size) / 
   context (original site size) = 
   result (in percentage)
*/                      
#wrapper {
z-index: 1;
position: relative;  
width: 889px;
height: 640px;
margin: 15px auto;
text-align: left;
} 
#bhcr-bakimg {
width: 889px;
height: 640px;
}
/*   Fonts  */ 
a.bottom { 
outline: none; 
text-decoration: underline; 
font-size: 14px;
font-weight: bold; 
color: #9f9e50;
}
a.top { 
outline: none; 
text-decoration: underline;
font-size: 14px; 
font-weight: bold; 
color: #9C364C;
} 
a.container1 { 
outline: none; 
text-decoration: underline;
font-size: 12px; 
font-weight: bold; 
color: #000000;
}
a.container1:hover {
color: #787878;
}
.paragraphsize1 { 
font-size: 13px; 
font-weight: bold;
color: #000000; 
}  
.paragraphsize2 { 
font-size: 12px; 
font-weight: bold; 
color: #000000; 
}
.infosize1 { 
font-size: 16px; 
font-weight: bold; 
color: #000000; 
}  
.infosize2 { 
font-size: 12px; 
font-weight: bold; 
color: #000000; 
} 
.title1 { 
font-size: 12px; 
font-weight: bold; 
color: #380000; 
}
.content {
font-family:Arial;
font-size: 10px;
color: #392e2a;      
}
/*   Fonts  */ 
/*   Media Querie Area  */     
#home {
position: absolute;
display: block;
z-index: 4;
top: 91.66986%;
left: 47.93865%;
width: 12%;
margin: 0 auto;
}   
/* Color changing transition effect */
#home a {
  position: absolute;
  left: 0; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/* Color changing transition effect */
#home a.top:hover {
  opacity: 0;
}
/*    Footer      */
.footerbar {
position: absolute;
display: block;
white-space: pre;
z-index: 1;
top: 92%;
left: 2%;
width: 53%;
height: 5%;
}
/*    Footer      */
/*    Copyright Bar      */
.copyrightbar {
position: absolute;
display: block;
z-index: 1;
top: 88%;
left: 2.5%;
width: 30%;
height: 5%;
}
/*    Copyright Bar      */

/*    Home Page      */
/* Nav Menu */              
#pcrepair {
position: absolute;
display: block;
z-index: 4;
top: 50%;
left: 28%;
width: 12%;
margin: 0 auto;
}
/* Color changing transition effect */
#pcrepair a {
  position:absolute;
  left: 0; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/* Color changing transition effect */
#pcrepair a.top:hover {
  opacity: 0;
}
#about {
position: absolute;
display: block;
z-index: 4;
top: 56%;
left: 28%;
width: 20%;
margin: 0 auto;
}
/* Color changing transition effect */
#about a {
  position: absolute;
  left: 0; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/* Color changing transition effect */
#about a.top:hover {
  opacity: 0;
}
#contact {
position: absolute;
display: block;
z-index: 4;
top: 62%;
left: 28%; 
width: 20%; 
margin: 0 auto;        
}
/* Color changing transition effect */
#contact a {
  position: absolute;
  left: 0; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/* Color changing transition effect */
#contact a.top:hover {
  opacity: 0;
}
#links {
position: absolute;
display: block;
z-index: 4;
top:67%;
left:28%;
width: 12%;
margin: 0 auto;
}   
/* Color changing transition effect */
#links a {
  position: absolute;
  left: 0; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/* Color changing transition effect */
#links a.top:hover {
  opacity: 0;
}
 /* CompTia Icons */ 
 #a-plus {
  position: absolute;
  display: block;
  z-index: 5;
  top: 78.80772%;
  left: 41.56441%;
  width: 9.05263%;
  height: 6.92225%;
  margin: 0 auto;
}
 #sec-plus {
  position: absolute;
  display: block;
  z-index: 5;
  top: 78.80772%;
  left: 52.91411%;
  width: 12.07017%;
  height: 5.43130%;
  margin: 0 auto;
}                                            
/* Nav Icons */                 
 #email {
  position: absolute;
  display: block;
  z-index: 2;
  top: 89.66986%;
  left: 44.93865%;
  width: 3.29754%;
  height: 3.29754%;
  margin: 0 auto;
  background:rgba(255,255,255,0.001);
}
/* Color changing transition effect */
#email img {
  position: absolute;
  left: 0; 
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/* Color changing transition effect */
#email img.top:hover {
  opacity: 0;
}                        
#fb {
  position: absolute;
  display: block;
  z-index: 2;
  top: 89.66986%;
  left: 48.93865%;
  width: 3.29754%;
  height: 4.68583%;
  margin: 0 auto;
}
/* Color changing transition effect */
#fb img {
  position: absolute;
  left: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/* Color changing transition effect */
#fb img.top:hover {
  opacity: 0;
}
#ti {
  position: absolute;
  display: block;
  z-index: 2;
  top: 89.66986%;
  left: 52.93865%;
  width: 6.05828%;
  height: 3.14417%;
  margin: 0 auto;
}
/* Color changing transition effect */
#ti img {
  position: absolute;
  left: 0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}
/* Color changing transition effect */
#ti img.top:hover {
  opacity: 0;
}
/*    Home Page      */

/*    About Page      */
#titlecontainer {
display: block;
position: absolute;
z-index: 3;
top: 39.0635%;
left: 36.62109%;
width: 48.82812%;
margin: 0 auto;
}         
#textcontainer {
display: block;
position: absolute;
z-index: 3;
top: 44.27083%;
left: 27.83203%;
width: 48.82812%;
height: 39.0625%;
margin: 0 auto;
}
/*    About Page      */

/*    Contact Page      */
#titlecontainer  {
position: absolute;
display: block;
z-index: 3;
top: 38%;
left: 37%;
width: 30.67484%;
}         
#phone1container  {
position: absolute;
display: block;
z-index: 3;
top: 45%;
left: 37%;
width: 30.67484%;
}   
#phone2container  {
position: absolute;
display: block;
z-index: 3;
top: 48%;
left: 37%;
width: 30.67484%;
} 
#email1container  {
position: absolute;                
display: block;
z-index: 3;
top: 53%;
left: 37%;
width: 30.67484%;
}                         
#email2container  {
position: absolute;
display: block;
z-index: 3;
top: 58%;
left: 37%;
width: 30.67484%;
}
#email3container  {
position: absolute;
display: block;
z-index: 3;
top: 62%;
left: 37%;
width: 27%;
}
/*    Contact Page      */

/*    Links Page      */
#techtitlecontainer {
position: absolute;
display: block;
z-index: 3;
top: 41%;
left: 25%;
width: 30.67484%;
}         
#techlink1container {
position: absolute;
display: block;
z-index: 3;
top: 48%;
left: 25%;
width: 30.67484%;
}                   
#techinfo1container {
position: absolute;
display: block;
z-index: 3;
top: 47%;
left: 33.5%;
width: 29%;
} 
#techlink2container {
position: absolute;
display: block;
z-index: 3;
top: 52%;
left: 25%;     
width: 30.67484%;
}
#techinfo2container {
position: absolute;
display: block;
z-index: 3;
top: 51%;
left: 37.5%;
width: 40%;
}
#sharewaretitlecontainer {
position: absolute;
display: block;
z-index: 3;
top: 54%;
left: 25%;
width: 30.67484%;
}         
#sharewarelink1container {
position: absolute;
display: block;
z-index: 3;
top: 60%;
left: 25%;
width: 30.67484%;
}
#sharewareinfo1container {
position: absolute;
display: block;
z-index: 3;
top: 59%;
left: 32.8%;
width: 50%;
}						
#sharewarelink2container {
position: absolute;
display: block;
z-index: 3;
top: 64%;
left: 25%;
width: 30.67484%;
}
#sharewareinfo2container {
position: absolute;
display: block;
z-index: 3;
top: 63%;
left: 31.3%;
width: 45%;
}                        
#othersitestitlecontainer {
position: absolute;
display: block;
z-index: 3;
top: 66%;
left: 25%;
width: 30.67484%;
}         
#othersiteslink1container {
position: absolute;
display: block;
z-index: 3;
top: 72%;
left: 25%;
width: 30.67484%;
}
#othersitesinfo1container {
position: absolute;
display: block;
z-index: 3;
top: 71%;
left: 38.5%;
width: 40%;
} 
#othersiteslink2container {
position: absolute;
display: block;
z-index: 3;
top: 76%;
left: 25%;
width: 30.67484%;
}
#othersitesinfo2container {
position: absolute;
display: block;
z-index: 3;
top: 75%;
left: 39%;
width: 40%;
}
/*    Links Page      */