@charset "utf-8";
/* CSS Document */

/*Main Layout Parts*/
#bgRapper {
	background-color: #fff;
}
a {
color: #666;	
	}

ul {
margin: 0px;
padding: 0px 0 0 20px;
color:#222;
	}
	
ul li {
margin: 0px;
padding: 0px;
color:#222;
	}
ul li a {
color: #222;
	}
body 
{
	background-color: #000000;
	margin-right:0;
	margin-left:0;
	padding: 0;
	color: #222;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size:12px;
}
p {
	padding:0;
	margin:0;
	}

#rapper {
	/*this is for the full page templates this is the gray back ground and second white bg */ 
	width:950px;
	background: url(images/Background-MiniBlog.png) repeat-x #5d9be8;
	margin-right:auto;
	margin-left: auto;
	}
#rapper2 {
	width:950px;
	background:  #5d9be8;
	margin-right:auto;
	margin-left: auto;
	}
	
#rapper3 {
	width:950px;
/*	background: url(images/Background-MiniTopBlog.png) repeat-x #666;*/
background-color: #5d9be8;
	margin-right:auto;
	margin-left: auto;
	}
#rapper4 {
	width:950px;
	background: #FFF;
	margin-right:auto;
	margin-left: auto;
	}

	
#picRapper {
		/*this is for the full page templates this right side bar white */ 
	background: url(images/Background-mid-white-right.png) repeat-y;
	width: 950px;
}
#banner{
	width:950px;
	background: url(images/Background-top.png) repeat-x;
	padding: 0px;
	height: 325px;
	text-align:left;
}
#banner2{
	width:950px;
	background: url(images/Background-MiniTop.png) repeat-x;
	padding: 0px;
	height: 158px;
	text-align:left;
}

/*Stuff from the bannner*/
#navcontainer {
	position:absolute;
	font-family:Arial, Helvetica, sans-serif;
	width: 500px;
	margin-left: 290px;
	float: left;
	background: url(images/Navigation_Boxes.png) no-repeat;
	}
.logo {
	position:absolute;
	margin-left: 20px;
	float:left;
	}
.techguy {
	position:absolute;
	float: left;
	margin: 40px 0px 0px 150px;
	}
.heading {
	position:absolute;
	float: left;
	margin: 115px 0px 0px 290px;
	}	
	
.subhead {
	position:absolute;
	float: left;
	margin: 265px 0px 0px 290px;
	}
.backup{
position:absolute;
	float: left;
	margin: 80px 0px 0px 330px;
}
.managed{
position:absolute;
	float: left;
	margin: 80px 0px 0px 240px;
}
.network{
position:absolute;
	float: left;
	margin: 80px 0px 0px 270px;
}
.repairs{
position:absolute;
	float: left;
	margin: 80px 0px 0px 340px;
}
.businessMan {
	position:absolute;
	float: left;
	margin: 10px 0px 0px 170px;
	}
	
.businessHead {
	position:absolute;
	float: left;
	margin: 110px 0px 0px 330px;
	}

.businessSubHead {
	position:absolute;
	float: left;
	margin: 255px 0px 0px 325px;
	}
.schoolBoy {
	position:absolute;
	float: left;
	margin: 20px 0px 0px 115px;
	}
	
.SchoolHead {
	position:absolute;
	float: left;
	margin: 100px 0px 0px 330px;
	}
.phonePic {
	position:absolute;
	float: left;
	margin: 20px 0px 0px 115px;
	}
	
.phoneHead {
	position:absolute;
	float: left;
	margin: 100px 0px 0px 315px;
	}
.compuPic {
	position:absolute;
	float: left;
	margin: 90px 0px 0px 50px;
	}
	
.compuHead {
	position:absolute;
	float: left;
	margin: 100px 0px 0px 290px;
	}
	.electricPic {
	position:absolute;
	float: left;
	margin: 60px 0px 0px 20px;
	}
	
.electricHead {
	position:absolute;
	float: left;
	margin: 100px 0px 0px 290px;
	}
#TopRight{
	width:260px;
	position:absolute;
	margin: 0px 0px 0px 665px;
	padding-top: 20px;
}
.floatLFT{float:left;}

h4 {
color:#5d9be8;
font-style:normal;
font-weight: bold;
font-size:12px;
line-height: 14px;
margin-top: 2px;
	}
	
#TopRight h1 {
color:#333;
font-style:normal;
font-weight: bold;
font-size:12px;
line-height: 14px;
margin-top: 2px;
margin-left: 3px;
}

#TopRight p {
color:#333;
font-style:normal;
font-weight: normal;
font-size:10px;
line-height: 14px;
margin-top: 12px;
margin-left: 3px;
}
	


#mainContent {
	display: inline;
	width:625px;
	float:left;
	margin-top:1px;
}

#rightSidebar {
	width:260px;
	float:left;
	margin-left:40px;
}
#rightSidebar h5 {
	
}


#Special-Offer {
margin-bottom: 20px;		
}

.BigSale {
margin-left: auto;
margin-right: auto;
font-size:36px;
text-align:center;
}
#footer {
	clear:both;
	width:950px;
	background: url(images/Reflect_Footer.png) repeat-x #000;
    text-decoration:none;
	height: 220px;
	color:#666;
	font-size:9px;
	text-align:left;
	margin-top:80px;
	padding-top:100px;

}
#footer2{
	clear:both;
	width:950px;
	background:  url(images/Reflect_Footer_Products.png)  repeat-x #000;

	height: 220px;
	color:#666;
	font-size:9px;
	text-align:left;
	margin-top:80px;
	padding-top:100px
}
#footwrap{
margin-left:auto;
margin-right: auto;
background:#333;
width:500px;

}

#footer a{ color:#666;}
#footer2 a{ color:#666;}
#Blog{
	margin-top: 20px;
	background-color:#666;
	
}

#Blog p {
	color:#111;
	}

#Blog h1 {
	font-size:12px;
	margin: 0;
	padding-bottom:5px;
	color: #fff;	
	
}

#Blog.nospace{
	margin-top: 0px;

}
#ColOne{
float:left;
width:191px;
margin-left:20px;
margin-bottom: 20px;
}

#ColServ {
float:left;
width:605px;
margin-left:20px;
line-height: 20px;
margin-bottom: 20px;
}

#ColTwo{
float:left;
width:191px;
margin-left:16px;
margin-bottom: 20px;

}#ColThree{
float:left;	
width:191px;
margin-left:16px;
margin-bottom: 20px;
}

#ColOneComp{
float:left;
width:140px;
margin-left:15px;
margin-bottom: 20px;
}
#ColTwoComp{
float:left;
width:140px;
margin-left:15px;
margin-bottom: 20px;
}
#ColThreeComp{
float:left;	
width:140px;
margin-left:15px;
margin-bottom: 20px;
}
#ColFourComp{
float:left;	
width:140px;
margin-left:15px;
margin-bottom: 20px;
}