@charset "UTF-8";
* {
	margin:0;
}
body, html  {
	height:100%;
	min-width:1280px; 
	text-align: center;
	
	background-repeat: repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	
}
#wrapper {           /* --> wrapper that goes with header <-- */
    width:1280px;
    text-align: left;
    min-height: 100%;
    height: auto !important;
    height: 100%;
    margin: 0 auto -200px;

}
#header {
	height: 60px;
	width: 1000px;
	margin:0 auto;
	padding-top: 3px;
}
#phone {
	background-image: url(../images/phone_icon.jpg); /* --> telephone icon on header contact <-- */
	float: left;
	margin-left: 8px;
	margin-top: -14px;
	height: 51px;
	width: 50px;
	background-repeat: no-repeat;
}
#logo {                   
    background-image: url(../images/logo-5.gif); /* --> logo at top of all pages <-- */
	background-repeat: no-repeat;
    font-family: Arial,Helvetica,sans-serif;
    font-size: 14px;
    height: 136px;
    letter-spacing: 6px;
    margin: 0 auto -50px 170px;
    padding-top: 20px;
    text-align: left;
    text-indent: 328px;
    width: 1095px;

}
#logo p {
    color: grey;
    font-weight: bold;
    margin-left: -120px;
    margin-top: 20px;
}
#body_copy {          /* --> used under content wrapper <-- */
	width: 450px;
	margin-top: -98px;
	margin-left: 25px;
	position: absolute;
}
#pricelist {
	position: relative;
	left: 475px;
	top: 0px;
	margin-bottom: -78px;
	background-color: #0A1C55;
	width: 450px;
}	
.boxPrice {
    font:normal 1.6em/1 Arial, Helvetica, sans-serif;
    color: #FFFFFF;
    background-color: #0A1C55;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-bottom-color: #FFFFFF;
    margin-right: -5px;
    margin-left: -5px;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    padding-left: 5px;
}
#contentwrapper {      /* --> content wrapper for index page <-- */
	width: 950px;
	text-align: left;
	margin: 0 auto;
}
.push    {              /* --> standard push at bootom of all pages <-- */
	height: 200px;
	clear: both;
}
.service_push    {      /*services page extra push at bottom of page*/
	height: 100px;
	clear: both;
}
#footer    {            /* --> start of footer <-- */
	height: 200px;
	width: 100%;
	color: #FFFFFF;
	background-color: #000000;
}
#footerheader {
	height: 78px;
	background-image: url(../images/footer-shadow.jpg);
	background-repeat: repeat-x;
}
#foot_info    {
	background-color: #003399;
	height: 50px;
	text-align: center;
}
#foot_info     p {
	font-size: 20px;
	width: 950px;
	margin:0 auto;
	padding-left: 20px;
	padding-top: 10px;
}
#footbase {
	margin:0 auto;
	padding-left: 20px;
	padding-top: 5px;
	width: 940px;
	position: absolute;
	text-align: left;
	font-size: 12px;
	height: 25px;
}
#footbase2 {
	margin:0 auto;
	padding-left: 0px;
	padding-top: 8px;
	width: 928px;
	position: absolute;
	text-align: left;
	font-size: 12px;
	height: 0px;
}
#footerd {
	width: 950px;
	margin: 0 auto;   /* --> end of footer <-- */
}
#affiliate {
	width: 475px;
	float: right;
	margin-top: 5px;
} 
#copyscape { 
	background-image:url(/images/cs-wh-120x60.jpg); /*--> copyright image at bottom of all pages <-- */
    background-repeat: no-repeat;
    display: block;
    float: right;
    height: 20px;
    margin-right: 495px;
    margin-top: 3px;
    width: 238px;

}
#copyscape span {
   display:none;
}                              /* --> end of copyscape <-- */
.tick_text {
   font-size: 16px;
   margin-left: 75px;         /* --> green tick on service area pages <-- */
   margin-top: -30px;

}
#contentwrapper2 {
   width: 900px;
   text-align: left;          /* --> wrapper used on feedback pages / FAQ & service area pages <-- */
   margin: 0 auto;
}
#contentwrapper3 {
    clear:both;
	width: 900px;
	text-align: left;
	margin-top: 180px;

}
#contentwrapper4 {
   width: 100%;
   text-align: center;
   margin: 0 auto;
}
#contact {
    bottom: 0px;
	margin-bottom: -78px;
	position: relative;
	right: 0px;
	left: 338px;
	width: 612px;
}
#content {
    margin-left:auto;
    margin-right:auto;
    width:900px;
}
#pricelist2 {
	width: 450px;
	position: absolute;
	margin-left: 25px;
	margin-bottom: -78px;
}
#computerimage1 {
	background-image: url(../images/computer_man.jpg); /* --> image with orange border @ top of page <-- */
	float: left;
	margin-right: 10px;
	height: 148px;
	width: 141px;
	background-repeat: no-repeat;
}
#computerimage2 {
	background-image: url(../images/power_on.jpg);  /* --> image with orange border ' top of page <-- */
	float: left;
	height: 148px;
	width: 141px;
	background-repeat: no-repeat;
}
#computerimage3 {
	background-image: url(../images/pc_help.jpg); /* --> image with orange border @ top of page <-- */
	float: left;
	margin-left: 10px;
	height: 148px;
	width: 141px;
	position: relative;
	background-repeat: no-repeat;
}
ul#news /* Listen */ 

 img {
	border: 1px solid #ccc;
	padding: 4px;
	margin-left: 30px;
}
ul#news  li  {
	list-style-type: none;
	margin-left: -72px;
}
#bestseller {
	background-image: url(../images/bestseller-stamp.png); /* --> best seller logo on prices box <-- */
	height: 115px;
	width: 115px;
	background-color: #1039C4;
	border: 0px;
}	
#feedback_text { 
    background-image: url(../images/feedback_text.jpg); /*feedback image on feedback page*/
    background-repeat: no-repeat;
    height:30px; 
    width:155px;
    margin-left: 0px;
    
}	
#contact_us { 
    background-image: url(../images/contact_us.jpg);  /*contact us image on contact page*/
    height:35px; 
    width:167px;
    background-repeat: no-repeat;
   
}
#computerimage2 a  {
	background-image: url(../images/power_on.jpg);  /* --> power on image at top of service area page <-- */
	width: 141px;
	height: 148px;
	float: left;
	margin-right: 10px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#computerimage2 a:hover {
	background-image: url(../images/power_on.jpg);
	background-position: 0px -148px;
	background-repeat: no-repeat;                 /* --> end of power on image / hover <-- */
    
}
#facebook a  {
	background-image: url(../images/facebook_logo.jpg);  /*social media images / links on index page*/
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 0px;
	margin-right: 10px;
	margin-top: 5px;
	display: block;
	background-position: 0 0;
	background-repeat: no-repeat;
}
#facebook a:hover {
	background-image: url(../images/facebook_logo.jpg);
	background-position: 0px -32px;
	background-repeat: no-repeat;
}
.fb-like {
    margin-right: 10px;  /*facebook like button on index page*/
	margin-bottom: 10px;
                      
}
#twitter a {
	background-image: url(../images/twitter_logo.jpg);  /* --> social media icons on index page <-- */
	width: 32px;
	height: 32px;
	float: left;
	margin-top: 5px;
	background-position: 0 0;
}
#twitter a:hover {
	background-image: url(../images/twitter_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	background-position: 0 -32px;
}
#skype a {
	background-image: url(../images/skype_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	background-position: 0 0;
}
#skype a:hover {
	background-image: url(../images/skype_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	background-position: 0 -32px;
}	
#lastfm a {
	background-image: url(../images/lastfm_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	background-position: 0 0;
}
#lastfm a:hover {
	background-image: url(../images/lastfm_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	background-position: 0 -32px;
}
#linkedin a {
	background-image: url(../images/linkedin_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	background-position: 0 0;
}
#linkedin a:hover {
	background-image: url(../images/linkedin_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	background-position: 0 -32px;
}
#delicious a {
	background-image: url(../images/delicious_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	background-position: 0 0;
}
#delicious a:hover {
	background-image: url(../images/delicious_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	background-position: 0 -32px;
}
#blogger a {
	background-image: url(../images/blogger_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	margin-left: 10px;
	margin-top: 5px;
	background-position: 0 0;
}
#blogger a:hover {
	background-image: url(../images/blogger_logo.jpg);
	width: 32px;
	height: 32px;
	float: left;
	background-position: 0 -32px;
}
#YouTube a {
	background-image: url(../images/YouTube.png);
	width: 48px;
	height: 48px;
	float: left;
	margin-left: 10px;
	margin-top: 2px;
	background-position: 0 0;   /* --> end of social media icons on index page <-- */
}
.plus1 {
    float: right;
	margin-right:300px;
	margin-bottom:30px;
}
#service_area  {
	background-image: url(../images/service-area.jpg);  /*service area map on index page*/
	width: 275px;
	height: 275px;
	float: left;
	margin-left: 0px;
	margin-top: 20px;
	background-position: 0 0;
}
#contact_copy {
	width: 300px;
	line-height: normal;
	position: absolute;
    float: left;
	margin-left: 25px;
	margin-top: 3px;
}
#contact_copy ul {
	line-height: 1.5;
	padding-bottom: 10px;
	font-size: 14px;
	list-style-type: circle;
	padding-left: 15px;
}
#contact_copy  h4 {
	line-height: 1;
	padding: 10px 0;
}
a{               
   text-decoration: none;  /* --> text decoration for links - add underline for links on html pages if needed <-- */
   outline: 0;

   
}
a.scroller:link{                /*turns a: links from black to orange*/
   text-decoration: none;
   color:#000000; 
   
}
a.scroller:visited{
   text-decoration: none;
   color:#000000; 
   
}
a.scroller:hover{
   text-decoration: none;
   color: #FF8040;
   
}
a.scroller:active{            
   text-decoration: none;
   color: #000000;
   
}
a.scroller2:link{                /*turns remote support link on index page from orange to white*/
   text-decoration: none;
   color:#FF8040; 
   
}
a.scroller2:visited{
   text-decoration: none;
   color:#FF8040; 
   
}
a.scroller2:hover{
   text-decoration: none;
   color: #FFFFFF;
   
}
a.scroller2:active{            
   text-decoration: none;
   color: #FF8040;
   
}
a.scroller3:link{                /*turns 'read our feedback' link on index page from orange to blue*/
   text-decoration: none;
   color:#0B34C7; 
   
}
a.scroller3:visited{
   text-decoration: none;
   color:#0B34C7; 
   
}
a.scroller3:hover{
   text-decoration: none;
   color: #FF8040;
   
}
a.scroller3:active{            
   text-decoration: none;
   color: #0B34C7;
   
}
#newpage p {
   margin-top:200px;
   width:900px;

}
#newpage2 p {
   
   margin-top: -80px;
   width:900px;

}
#newpage3 p {
   float: left;
   margin-left: 20px;
   margin-top:20px;
   width:900px;

}
.w3c{                /*remove W3C from bottom of page*/
display:none;
}

.mapList{           /*sitemap html page*/
clear:both;
margin-top: 180px;
}

.c2{                /*sitemap html page*/
list-style:none;
}

.areaTitles{
font-size:16px;
}

.sitemap{         /*sitemap html page - makes sitemap text 16px*/
font-size:16px;
}

h1.faqtext{         /*h1 class for faq page*/
font-size:16px;
color: #0B34C7;
}

h1.servareas{       /*h1 class for service area pages*/
font-size:16px;
}

.feedback_align {        /*text align at top of feedback page*/
width: 900px;
text-align: left;
margin: 0 auto;
}

.feedbackh{       /*h1 class for feedback page*/
font-size:14px;
margin-left: -10px;
}

h2.subareas{       /*h2 class for sub headings on service area pages*/
font-size: 18px;
color: #0B34C7;
}

h2.scroll{       /*h2 class for smoothscroll on faq page*/
font-size:18px;
color: #0B34C7;
font-weight: bold;
padding-bottom: 20px;
}

h2.subh{       /*h2 class heading for all pages*/
color: #0B34C7;
font-size: 18px;
}

h3.innertxt{       /*h3 class for normal text which can be used on any page under h2*/
color: #000000;
font-size: 16px;
font-weight: normal;

}

.smooth{            /*faq smoothscroll paragraph header align*/
float: left;
margin-left: 10px;
text-decoration: none;
color: #0B34C7;
font-weight: bold;
outline: 0;
}

a.smooth:hover{
text-decoration: underline;
outline: 0;
   
}

a.smooth:visited{
text-decoration: none;
outline: 0;
   
}

.smooth2{            /*faq smoothscroll paragraph header align*/
float: left;
margin-left: 10px;
text-decoration: none;
color: #0B34C7;
font-weight: bold;
outline: 0;
}

a.smooth2:hover{
text-decoration: underline;
outline: 0;
   
}

a.smooth2:visited{
text-decoration: none;
outline: 0;
   
}

#slider {
    position:relative;
    width:900px; /* Change this to your images width */
    height:230px; /* Change this to your images height */
    background:url(..images/loading.gif) no-repeat 50% 50%;
}
#slider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
#slider a {
    border:0;
    display:block;
}
#repairbutton a {
	background-image: url(../images/repair_button.jpg); /* --> book a repair button <-- */
	outline: 0;
	width: 220px;
	height: 34px;
	float: left;
	margin-top: 3px;
	background-position: 0 0;
}
#repairbutton a:hover {
	background-image: url(../images/repair_button.jpg);
	width: 220px;
	height: 34px;
	float: left;
	background-position: 0 -34px; /* --> end of book a repair button <-- */
}
.findex {                 /* Freeindex image on index page */
    margin-top: 310px;
	
}

.point {
background:url(../images/pointer.gif);  /* --> point arrow image on FAQ page <-- */
float: left;
margin-top: 0px;
width: 20px;
height: 20px;

}

.point2 {
background:url(../images/pointer.gif); /* --> positioning of point arrow image on FAQ page <-- */
float: left;
margin-left: 20px;
width: 20px;
height: 20px;

}

/* ///////////// @font-face fonts //////////// */

@font-face {
    font-family: 'Lobster13Regular';
    src: url('/fonts/Lobster_1.3-webfont.eot');
    src: url('/fonts/Lobster_1.3-webfont.eot?#iefix') format('embedded-opentype'),
    url('/fonts/Lobster_1.3-webfont.woff') format('woff'),
    url('/fonts/Lobster_1.3-webfont.ttf') format('truetype'),
    url('/fonts/Lobster_1.3-webfont.svg#Lobster13Regular') format('svg');
font-weight: normal;
font-style: normal;

}

h1.lobster {   /* h1 lobster @font-face text */
font-family:Lobster13Regular;
color: #505050;
margin-left: 5px;
}

.lobster {   /* text under h1 tag on feedback page */
font-family:Lobster13Regular;
color: #FF2100;
margin-left: -10px;
}

@font-face {
    font-family: 'BevanRegular';
    src: url('/fonts/Bevan-webfont.eot');
    src: url('/fonts/Bevan-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/Bevan-webfont.woff') format('woff'),
         url('/fonts/Bevan-webfont.ttf') format('truetype'),
         url('/fonts/Bevan-webfont.svg#BevanRegular') format('svg');
    font-weight: normal;
    font-style: normal;

}

#bevan {   /* h1 Bevan @font-face text */
font-family:BevanRegular;
color: #606060;
}

@font-face {
    font-family: 'AdelleBasicBold';
    src: url('/fonts/adellebasic_bold-webfont.eot');
    src: url('/fonts/adellebasic_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/adellebasic_bold-webfont.woff') format('woff'),
         url('/fonts/adellebasic_bold-webfont.ttf') format('truetype'),
         url('/fonts/adellebasic_bold-webfont.svg#AdelleBasicBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

.adelle {   /* h1 text on feedback pages // customer feedback page */
font-family:AdelleBasicBold;
color: #606060;
margin-left: -4px;
}

#adelle {
font-family:AdelleBasicBold;
color: #606060;
margin-left: 0px;
}

@font-face {
    font-family: 'OpificioRegular';
    src: url('/fonts/opificio-webfont.eot');
    src: url('/fonts/opificio-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opificio-webfont.woff') format('woff'),
         url('/fonts/opificio-webfont.ttf') format('truetype'),
         url('/fonts/opificio-webfont.svg#OpificioRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'OpificioBold';
    src: url('/fonts/opificio_bold-webfont.eot');
    src: url('/fonts/opificio_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/fonts/opificio_bold-webfont.woff') format('woff'),
         url('/fonts/opificio_bold-webfont.ttf') format('truetype'),
         url('fonts/opificio_bold-webfont.svg#OpificioBold') format('svg');
    font-weight: normal;
    font-style: normal;
}

h2.opificio {
font-family:OpificioArial;
color:#0B34C7;
margin-left: 0px;
font-size:1.25em;
}