/***************************************/
/***************************************/
/***** CSS3 STYLESHEET -WRITTEN BY *****/
/******** COTTINGLEY COMPUTERS *********/
/***************************************/
/***************************************/



/***************************************/
/************* SOCIAL ICONS ************/
/***************************************/
.fa {
	padding: 20px;
	font-size: 30px;
	width: 28px;
	margin-top:10px;
	margin-left:2.3px;
	text-align: center;
	text-decoration: none;
}
												
.fa:hover {
	opacity: 0.7;
}
												
/* Facebook */
.fa-facebook {
	background: #3B5998;
	color: white;
	border-radius:50%;
}
															
/* Map Marker */
.fa-map-marker {
	background: #F00;
	color: white;
	border-radius:50%;
}
												
/* Whatsapp */
.fa-whatsapp {
	background: #0C0;
	color: white;
	border-radius:50%;
}
/* INSTAGRAM */
.fa-skype {
	color: #ffffff;
	background-color:#09F;
	border-radius:50%;
}							

/*****************************/
/******** PAGE BODY **********/
/*****************************/
body{
	width:100%;
	height:100%;
	margin:0px auto;
	font-family:Arsenal;
	background-color:#e9e9e9;
}
/*****************************/
/******* PAGE WRAPPER ********/
/*****************************/
#page-wrapper{
	width:1000px;
	height:auto;
	overflow:hidden;
	margin:0px auto;
	background-color:#ffffff;
}
/*****************************/
/******* PAGE HEADER *********/
/*****************************/
#page-wrapper > #page-header{
	width:100%;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
}
			
#page-wrapper > #page-header > .logo{
	width:250px;
	height:85px;
	float:left;
	margin:1.5px 0px 0px 0px;
}
			
#page-wrapper > #page-header > .logo img{
	width:100%;
	height:85px;
	float:left;
	margin:1.5px 0px 0px 0px;
}
			
#page-wrapper > #page-header > .google-advert-top{
	width:290px;
	height:85px;
	float:left;
	margin:1.5px 0px 0px 2px;
	border:1px solid #cccccc;
}
			
#page-wrapper > #page-header > .social-icons{
	width:295px;
	height:85px;
	float:left;
	margin:1.5px 0px 0px 2px;
}
			
#page-wrapper > #page-header > .technical-support{
	width:151px;
	height:85px;
	float:left;
	margin:1.5px 0px 0px 2px;
	border:1px solid #cccccc;
}
			
#page-wrapper > #page-header > .technical-support img{
	width:100%;
	height:85px;
	float:left;
}
/*****************************/
/***** PAGE NAVIGATION *******/
/*****************************/
#page-wrapper > #navigation{
	width:100%;
	height:40px;
	float:left;
	margin:2px 0px 0px 0px;
	background-image: linear-gradient(to right, red , black);
}

#page-wrapper > #navigation ul{
	list-style-type:none;
}
						
#page-wrapper > #navigation li{
	float:left;
	width:100px;
	height:40px;
	text-align:center;
	color:#000000;
}
					
#page-wrapper > #navigation li a{
	float:left;
	width:100px;
	height:40px;
	line-height:40px;
	color:#ffffff;
	text-decoration:none;
	text-shadow:1px 1px 1px #000000;
}
						
#page-wrapper > #navigation li a:hover{
	background-color:#cccccc;
	color:#000000;
	text-shadow:1px 1px 1px #ffffff;
}
/*****************************/
/***** PAGE IMAGE STRIP ******/
/*****************************/
#page-wrapper > #image-strip{
	width:100%;
	height:auto;
	float:left;
	margin:2px 0px 0px 0px;
}
			
#page-wrapper > #image-strip img{
	width:100%;
	height:200px;
	float:left;
	margin:0px 0px 0px 0px;
}
/*****************************/
/******* PAGE SIDEBAR ********/
/*****************************/
#page-wrapper > #page-sidebar{
	width:27%;
	height:auto;
	float:left;
	margin:0px 0px 0px 0px;
}
			
#page-wrapper > #page-sidebar > .page-sidebar-inner{
	width:99%;
	height:auto;
	float:left;
	margin:2px 0px 0px 0px;
	border:1px solid #cccccc;
}
			
#page-wrapper > #page-sidebar > .page-sidebar-inner h3{
	width:100%;
	height:40px;
	line-height:40px;
	margin:0px auto;
	text-indent:5px;
	border-bottom:1px solid #cccccc;
}
			
			
#page-wrapper > #page-sidebar > .page-sidebar-inner img{
	width:100%;
	height:70px;
	float:left;
	margin:0px auto;
}
			
#page-wrapper > #page-sidebar > .page-sidebar-inner p{
	width:100%;
	font-size:14.3px;
	text-align:center;
	margin:3px 0px 3px 0px;
}
			
#page-wrapper > #page-sidebar > .page-sidebar-inner a{
	color:#000000;
	text-decoration:none;
}
			
#page-wrapper > #page-sidebar > .page-sidebar-inner a:hover{
	text-decoration:underline;
	color:#666666;
}
/*****************************/
/**** PAGE ADVERT BOTTOM *****/
/*****************************/
#page-wrapper > #page-middle > #google-advert-btm{
	width:99.2%;
	height:99px;
	float:left;
	margin:0px 0px 0px 2px;
	border:1px solid #cccccc;
}
/*****************************/
/******* PAGE FOOTER *********/
/*****************************/
#page-wrapper > #page-footer{
	clear:both;
	width:100%;
	height:40px;
	float:left;
	margin:2px 0px 0px 0px;
	background-image: linear-gradient(to right, red , black);
}
			
#page-wrapper > #page-footer p{
	text-align:center;
	line-height:40px;
	color:#ffffff;
}
			
#page-wrapper > #page-footer a{
	color:#ffffff;
	text-decoration:none;
}
			
#page-wrapper > #page-footer a:hover{
	text-decoration:underline;
	color:#999999;
}