* { padding: 0; margin: 0; outline: none;}

html, body {
	height: 100%;         /* required */
}
body {
	height:100%;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:normal;
	font-size:12px;
	color:#CCC;			
	text-align: center;   /* horizontal centering hack for IE */
	padding: 0;           /* required to "hide" distance div */
	margin: 0;            /* required to "hide" distance div */			
	background-position: top center; 
	background-repeat: no-repeat; 
	background-color: #000;
	background-attachment: fixed;			
}

.wrapper {
	min-height: 100%;
	margin: 0 auto -40px; /* the bottom margin is the negative value of the footer's height */
}
.push {
	height: 40px; /* '.push' must be the same height as 'footer' */
	clear:both;
}

div#distance { 
	margin-bottom: -15em; /* half of content height */
	width: 1px;           /* required to "hide" distance div */
	height: 50%;          /* required */
	float: left;          /* required */

}
div#content {
	position: relative;   /* positions content on top of distance */
	text-align: left;     /* horizontal centering hack for IE */
	height: 400px;         /* required - desired height */
	max-width: 865px;          /* required - desired width */
	margin: 0 auto;       /* required */
	clear: left;          /* required */
	padding-top:6%
	
}

#leftcolumn {  
 margin: 40px 0px 0px 20px;
 padding: 0px;
 height: auto;
 width: 275px;
 float: left;
  background-image: url(computer_repair.png); 
 background-repeat: no-repeat; 
 line-height: 18px
}

.webservices a {
 color: #039;
 text-decoration: none;
 font-size: 12px;

}
.webservices a:hover {
 color: #000;
}

#rightcolumn { 
 float: left;
 margin: 40px 0px 0px 20px;
 padding: 5px;
 height: auto;
 max-width: 531px;
 background-image: url(computer_services.png); 
 background-repeat: no-repeat; 
 background-size:cover;
 font-family: Verdana, Helvetica, Arial;
 color:#333;
 font-size: 13px;
 line-height:1.5em;
 
}

#leftcolumn_hdr {
	max-width: 450px;
	padding-top: 12px;
	padding-left: 20px;
	float: left
}
#rightcolumn_hdr { width: 250px; padding-top:12px; float: right}
.clear { clear: both;}

	
#footer {
clear:both;	bottom:0;
	width:100%;
	height:40px;
	background-color:rgba(0, 0, 0, 0.7);
	letter-spacing:1px;
	font-weight:300;
	line-height:36px;
}	

	
p {
	font-family:Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:12px;
	margin-right:50px;
	letter-spacing:1.2px;
	color:#CCC;
}	
	
			
#header {
	background-color:rgba(0, 0, 0, 0.7);
		height:auto;
	margin-right:50px;
	padding:10px;
	text-align:left;
}
	
#header img {padding-right:30px;}
	
a {
 color: white;
 text-decoration: none;
 font-size: 12px;

}
a:hover {
 color: #069;
}	
			
/* fonts */
	
.lctitle {
 font-family: Verdana, Helvetica, Arial;
 color:#CCC;
 font-size: 24px;
 font-weight:bold;
}

.col1 {padding:15px}

.lctext {
 font-family: Verdana, Helvetica, Arial;
 color:#CCC;
 font-size: 14px;
 font-weight:bold;
 width:240px; line-height:25px
}


.compservices {
	float: left;
    line-height: 19px;
    margin-bottom: 0;
    margin-left: 19px;
    margin-right: 15px;
    margin-top: 42px;
    max-width: 490px;
	}

.webservices {
	float:left;
	 margin:45px 0px 0px 15px;
	 width:230px;
	 line-height:19px
}
#body-background {
	display: none
}

@media screen and (max-width:768px) {#footer {height:auto}}
@media screen and (max-width:600px) {#rightcolumn {margin:40px 20px 0}}
@media screen and (max-width:480px) {#rightcolumn {margin:40px 0 0 0}}