/***************************
This CSS was compiled by Raynold Nyiko Nghala
nghalanyiko@gmail.com
0715402971
DO NOT REMOVE THIS <<--
****************************/


@charset="utf-8";

body
{
	/*background-color:#e0e0e0;*/
	background:url(images/bg.jpg) ;
	
	width:100%;
	height:100%;
	margin: 0px;
	font-family: 'Arimo', Sans-serif;
}
#select
{

	border-radius: 25px;
	background-color:#f7f6f6;
	border: 1px solid #000;

}
h2
{

	color:#e0e0e0;

}
h1
{

	color:#fff;

}
#vc
{


	border-bottom: 3px solid #; 
	background-color:#; 
	width: 90%;
	text-align: center;
	background-color:#202020;
	color:#fff;
}

#vd
{

	 
	background-color:#; 
	font-size: 16px; 
	font-family: arial; 
	padding: 10px; 
	text-align: just;
	color:#e0e0e0;
}
#blue a
{

	color:#4cb9d0;

}
#white a
{
	
	color:#ffffff;

}
.form-submit
{

	width: 100px;
	height: 40px;
	background-color:#000;
	color:#f0f0f0;
	border: 0px;

}
.form-text
{
	width: 100%;
	height: 35px;
	color: #da251c;
	background-color:#ffffff;	
	border: 1px solid #e0e0e0; 
	border-radius: 0px;
	padding-left: 10px;

}
.form-text-area
{
	width: 100%;
	height: 80px;
	background-color:#ffffff;	
	border: 1px solid #e0e0e0; 
	border-radius: 5px;
	padding-left: 10px;

}

/************************************************

MENU

************************************************/
#menu-
{


	background-color: #;

}
.menus_
{


	height: 55px;
	width: 100%;
	background-color: #;
	

}

.menus_ a
{


	color: #fff;

}
.menus_ a:hover
{


	color: #;
	text-decoration: none;

}
#menu-css:hover
{


	background-color:#00aced;
	width: 60px;
	text-align: center;

}
#menu-css
{


	background-color:#181f3c;
	width: 60px;
	text-align: center;
	height: 30px;
	font-size: 7pt;

}
#menu-css a
{


	color:#2a6ba3;  
	
}
.nb
{


	height: 200px;
	width: 100%;
	background-color:#f0f0f0;
	/*background:url(images/newB5.jpg);*/

}


.tmo
{


	height: 270px;
	width: 100%;
	background-color:#ffffff;
	/*background:url(images/newB5.jpg);*/

}
#next_
{

	background-color: #505050;
	color: #969818;
	border: 1px solid #282828;
	text-align: center;

}

#next_:hover
{

	background-color: #282828;
	color: #969818;
	border: 1px solid #282828;
	text-align: center;

}


#read_more
{

	color: #002157;
	height: 37px;
	width: 200px;
	text-align: left;
	padding-top: 13px;

}

#read_more a
{

	color: #002157;

}
#read_more:hover
{

	/*background:url(images/button.jpg);*/
	height: 37px;
	width: 200px;
	text-align: left;
	padding-top: 13px;
	padding-left: 10px;

}

#xala
{

	background:url(images/read3.jpg);
	height: 30px;
	width: 190px;
	text-align: center;
	padding-top: 10px;

}
#xala:hover
{

	background:url(images/read3.jpg);
	height: 40px;
	width: 190px;
	text-align: center;
	padding-top: 0px;
	/*padding-left: 10px;*/

}

#maxaka_menu
{

	
	background:url(images/newB1.jpg);
	
	font-size: 10pt;
	/*font-family: 'Roboto', sans-serif;*/
	font-weight: 400;
	color: #f0f0f0;
	/*border-right: 1px solid #e0e0e0;*/
	width: 70px;
	height: 40px;
	text-align: center;
	/*padding-left: 25px;
	padding-right: 25px;*/
	

}
#maxaka_menu:hover
{

	
	background:url(images/newb2.jpg);
	
	font-size: 10pt;
	/*font-family: 'Roboto', sans-serif;*/
	font-weight: 400;
	color: #f0f0f0;
	/*border-right: 1px solid #e0e0e0;*/
	width: 70px;
	height: 40px;
	text-align: center;
	/*padding-left: 25px;
	padding-right: 25px;*/
	

}

#maxaka_menu a
{

	color: #ffffff;
	text-decoration: none;

}

#maxaka_menu a:hover
{

	color: #ffffff;
	text-decoration: none;

}


#maxaka_menu1
{

	font-size: 15pt;
	/*font-family: 'Roboto', sans-serif;*/
	font-weight: 400;
	color: #f0f0f0;
	

}

a
{


	color: #202020;
	text-decoration: none;

}

a:hover
{


	color: #e0e0e0;
	text-decoration: none;

}

img
{

	/*border: 1px solid #666666;*/

}

td img
{

	background-color: #ffffff;

}

td
{

	padding-left: 2%;
	padding-right: 2%;
	padding-top: 5px;
	text-align: justify;
	/*color: #eba53d;*/
	
	
	font-size: 9pt;
	font-weight: 400;
	color: #505050;

}
/*
#td_headers
{


	/*background-color: #ff0066;*/
        background: url(images/btns_td.jpg);
	width: 32%;
	height: 10px;
	color: #f0f0f0;

}
*/
#td_headers:hover
{


	background-color: #ffffff;

}

#td_ads
{

	width: 100%; 
	height: 10px; 
	/*background-color: #ff0066;*/
        background: url(images/btns_td.jpg);
	color: #f0f0f0;

}


#texts_td
{

	/*background: url(images/text_td.jpg);*/
	/*background: url(images/button4.jpg);*/
	/*background-color: #f0f0f0;*/
	font-family: 'Raleway', sans-serif;
	/*border: 6px solid #333333;*/

}


#sub_menu
{


	background-color: #ff9900;
	/*background: url(images/menu_g5.jpg);*/
	color: #333333;
	width: 48%;
	height: 30px;
	text-align: left;
	font-size: 20px;
	

}

/****************************************

@Important changes

*****************************************/


.container
{

	/*width:70%;
	padding-left:15%;
	padding-right:15%;
	position: relative;*/

}

.wrap
{


	/*width:100%;
	height:100%;
	/*background-color: #ffffff;*/
	/*box-shadow: -15px 0 15px -15px black, 15px 0 15px -15px black;*/
	text-align: center;*/

}

/***************************************

		Header

****************************************/

.cover
{

	width:1000px;
	/*padding-left:5%;
	padding-right:5%;*/
	text-align: center;
	box-shadow: 0 0 15px #000;

}
.coverh
{

	width:1000px;
	/*padding-left:5%;
	padding-right:5%;*/
	text-align: center;
	/*box-shadow: 0 0 4px #cac8c8;*/

}




#td_menu
{

	/*background-color: #ff0066;*/
	/*opacity: 0.5;*/
	width: 10%;
	

}

#td_menu:hover
{

	background-color: #ff9900;

}

#td_menu a
{

	color: #f0f0f0;

	font-size: 12px;

}

.magic
{

	background-color: #ff9900;

}

.ft
{

	width: 100%;
	height: 10px;
	background-color: #f0f0f0;
	/*opacity: 0.6;*/
	/*background: url(images/bar_menu1.jpg);*/
	/*background-color: #f0f0f0;*/
	/*border: 2px solid #000000;*/
	
}

/***************************************

		Contents

****************************************/

.contents
{

	width: 100%;
	height: 500px;
	background-color: #f0f0f0;
	/*background: url(images/huh.jpg);*/
	/*opacity:0.9;*/
	/*background: url(images/wall.jpg);*/
	/*float: left;*/
	padding-top: 0px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	

}
.contents_home
{

	width: 1000px;
	height:900px;
	background-color:#202020;
	
	opacity: 0.7;
	padding-top: 0px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	box-shadow: 0 0 15px #000;

}
.contents_portfolio
{

	width: 1000px;
	height:1000px;
	background-color:#202020;
	
	opacity: 0.7;
	padding-top: 0px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	box-shadow: 0 0 4px #cac8c8;

}
.contents_hosting
{

	width: 1000px;
	height:1350px;
	background-color: #f0f0f0;
	
	padding-top: 0px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	box-shadow: 0 0 4px #cac8c8;

}
.contents_graphic
{

	width: 1000px;
	height: 1000px;
	background-color: #ffffff;
	
	padding-top: 0px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	box-shadow: 0 0 4px #cac8c8;

}
.contents_social
{

	width: 1000px;
	height: 1500px;
	background-color: #f0f0f0;
	
	padding-top: 0px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	box-shadow: 0 0 4px #cac8c8;

}
.contents_about
{

	width: 1000px;
	height: 1700px;
	background-color:#202020;
	
	opacity: 0.7;
	
	padding-top: 0px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	

}
.contents_pt
{

	width: 1000px;
	height: 2500px;
	background-color:#202020;
	
	opacity: 0.7;
	
	padding-top: 0px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	

}
.contents_contacts
{

	width: 1000px;
	height: 500px;
	background-color:#202020;
	
	opacity: 0.7;
	/*background: url(images/d6.jpg);*/
	/*opacity:0.9;*/
	/*background: url(images/wall.jpg);*/
	/*float: left;*/
	padding-top: 10px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;

}
.contents_contacts
{

	width: 100%;
	height: 650px;
	background-color:#202020;
	
	opacity: 0.7;
	/*background: url(images/d6.jpg);*/
	/*opacity:0.9;*/
	/*background: url(images/wall.jpg);*/
	/*float: left;*/
	padding-top: 10px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	

}
.contents_z
{

	width: 100%;
	height: 650px;
	background-color:#202020;
	
	opacity: 0.7;
	/*background: url(images/d6.jpg);*/
	/*opacity:0.9;*/
	/*background: url(images/wall.jpg);*/
	/*float: left;*/
	padding-top: 10px;
	/*box-shadow: -15px 0 15px -15px black/*, 15px 0 15px -15px black*/;*/
	text-align: center;
	

}


.slide
{

	width: 100%;
	height: 300px; 
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 5px;

}

.contents_menu
{

	

	width: 100%;
	/*height: 2400px;*/
	
	
	padding-top: 0px;
	text-align: center;	

}
/*
.ads
{


	width: 30%;
	height: 800px;
	background-color: #e0e0e0;
	/*opacity:0.9;*/
	float: right;
	padding-top: 20px;
	

}
*/
.right_column
{

	padding-top: 3px;
	/*box-shadow: -15px 0 15px -15px black;	*/

}



/***************************************

		Contents for other pages

****************************************/

#contents
{

	width: 100%;
	height: 550px;
	background-color: #ffffff;
	/*float: left;*/
	padding-top: 5px;
	

}

.slide
{

	width: 100%;
	height: 300px; 
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 5px;

}

#contents_menu
{

	width: 100%;
	/*height: 2400px;*/
	padding-left: 2%;
	padding-right: 2%;
	padding-top: 5px;	

}

/*
#ads
{


	width: 30%;
	height: 550px;
	background-color: #282828;
	float: right;
	padding-top: 5px;
	
	

}
*/
/***************************************

		Footer

****************************************/

.footer
{

	
	width: 100%;
	height: 50px;
	color: #e0e0e0;
	background-color: #;
	border-top: 0px solid #f58a1e;
	font-size: 12pt;
	font-weight: 400;
	font-family: 'Raleway', Sans-serif;
	padding: 0px;
	
	

}
.footer a
{

	color: #f0f0f0;
	text-decoration: none;

}
/***************************************************
Responsive
******************************************************/
img:hover
{

	opacity: 0.5;

}
.top
{


	width: 100%;
	height: 150px;
	background-color:#;
	
}
#socie
{

	text-align: center;
	height: 30px;
	background-color:#0278ca;

}
#socie:hover
{

	background-color:#deebeb;		

}
#socie a
{

	color:#ffffff;

}
.inTop
{

	
	width: 100%;
	height: 150px; 
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0px;
	/*background:url(images/top.jpg);*/
	background-color:#1c1c1c;
	
}
.inMenu
{


	width: 100%;
	height: 55px; 
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0px;
	background:url(images/menu2.jpg);
	border-top: 0px solid #202020;
	border-bottom: 0px solid #202020;
	background-color:#bd9a5b;
	border-bottom: 0px solid #e0e0e0;
	
}
#top--menu
{

	width: 130px;
	text-align: center;
	font-size: 16px;
	font-family: arial;

}
#top--menu:hover
{

	background-color:#005c7e;

}
#top--menu:hover a
{

	color:#fff;

}
.header
{

	width: 100%;
	height: 450px;
	

}

.inHeader
{


	width: 100%;
	height:450px; 
	background-color:#;
	
	
	
}
.inFooter
{


	width: 100%;
	color:#fff;
	height: 50px; 
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0px;
	background-color:#202020;
	border-top: 0px solid #f0f0f0;
	
}
.inContents
{


	width: 100%;
	
	height: 600px; 
	padding-left: 0%;
	padding-right: 0%;
	padding-top: 0px;
	text-align: center;
	
	
}
.logo
{


	float: left;
	width: 30%;
	padding-top: 10px;
	color:#000;	

}
.contacts-top
{


	float: right;
	width: 0%;


}
.contacts-q
{


	float: right;
	width:80%;
	text-align: left;
	padding-bottom: 150px;

}
.contacts-q a
{

	color:#014568;

}
.company-name
{

	float: left;	
	width: 40%;
	padding-top: 20px;
	text-align: left;

}
.head-office
{

	float: left;
	width: 20%;
	padding-top: 20px;

}
.social-net
{

	float: left;
	text-align: right;	
	padding-top: 20px;
	padding-left: 20px;

}
.small-menu
{

	width: 30%;
	float: right;
	backgound-color:#000;	
	
}
.large-menu
{


	float: left;
	width: 100%;
	

}
.large-menu ul
{


	list-style-type: none;	
	width: 80%;
	padding-top: 0px;

}
.large-menu ul li:hover
{

	background-color:#;
	

}
.large-menu ul li
{


	display: inline;
	height: 40px;
	
	padding-left: 30px;
	font-size: 14px;
	border-right: 1px solid #b08745;
	padding-right: 10px;
	
}
.large-menu ul li a
{

	color:#dc9729;


}
.large-menu ul li a:hover
{

	color:#fff;


}
.facebook
{


	width: 100%;
	float: left;
	text-align:justify;
	padding: 10px;
	
}
.web-dev
{


	width: 60%;
	float: left;
	text-align:justify;
	padding: 10px;
	
}
.web-dev a
{

	color:#202020;

}

.about--p
{


	width: 63%;
	float: left;
	text-align:justify;
	padding: 10px;
	
}
.about--p a
{

	color:#202020;

}
.graphic-des
{


	 width: 35%;
	float: left;
	text-align:justify;
	padding: 10px;

	
	
}
side--m
{


	 width: 30%;
	float: left;
	text-align:justify;
	padding: 10px;
	
}
.online-mark
{


	width: 33%;
	float: left;
	text-align:justify;
	padding: 10px;
	
}
.about-id
{


	width: 60%;
	float: left;
	text-align:justify;
	padding: 20px;
	
}
.left-fo
{


	width: 0%;
	float: left;
	text-align:center;
	
	padding-left: 0px;
	font-size: 8px;
	padding-top: 0px;
	
}
.center-fo
{


	 width: 100%;
	float: left;
	text-align:center;
	padding-left: 00px;
	padding-top: 0px;
	color:#fff;
	font-size:12px; 
	
}
.center-fo a
{

	color:#b18846;

}
.right-fo
{


	width: 0%;
	float: right;
	text-align:left;
	padding-right: 0px;
	padding-top: 10px;
	
	
}
.Hform
{


	float: right;
	
	

}
.pics:hover
{


	opacity: 0.3;	

}
.large-slide
{

	
	
	width: 100%;
	height auto;
	background-color:#;
	
}
table.TbLe
{


	background:url(images/h5.jpg);
	width: 1000px;
	height: 150px;

}
/*
@media screen and (max-width: 800px)
{

table.TbLe
{

	display: none;

}
#mTop-min
{

	display: inline;

}
.top
{


	
	height: auto;
	
	
}
.inTop
{


	height: 100px; 
	
	
	
}
		.menus_
			{

				height:50px;

			}
		.inMenu
			{


				background-color:#000;


			}
		.contacts-top
{


	display: none;

}
.contacts-q
{


	display: none;


}
		.large-menu
			{


				display: none;

			}
		.small-menu
			{

				display:inline;
				float: left;
				width: 10%;
				padding-left: 20px;
				padding-top: 15px;
				background:url(images/menu5.jpg);
			}
		.large-slide
			{


				display: none;
				padding: 10px;

			}
		.small-slide
			{


				display: inline;
				font-size: 8px;
				background-color:#;
				padding: 20px;
				height: auto;

			}
		.cover
			{

				width: 100%;

			}
.web-dev
{


	width: 100%;
	float: left;
	text-align:left;
	padding: 0px;
	
	
}
		.graphic-des
			{


				width: 100%;
				float: left;
				text-align:justify;
				padding: 0px;

			}

.online-mark
{


	width: 100%;
	float: left;
	text-align:justify;
	padding: 0px;
	
}
.graphic-des
{


	 width: 100%;
	float: left;
	text-align:justify;
	padding: 0px;
	height: 
	
}
.about--p
{


	width: 100%;
	float: left;
	text-align:justify;
	padding: 0px;

}
.side--m
{


	 width: 100%;
	float: left;
	text-align:justify;
	padding: 0px;
	
}		.contents_home
			{

				width: 100%;
				height: 2000px;

			}
		.contents_home
			{

				width: 100%;
				height: 2200px;

			}
		.contents_hosting
			{
				width: 100%;
				height: 1750px;

			}
		.contents_about
			{

				width: 100%;
				height: 1700px;

			}
		.contents_contacts
			{

				width: 100%;
				height: 700px;
	
	

			}
		.contents_social
			{

				width: 100%;
				height: 2200px;
				text-align: center;

			}

		.header
			{

				height: 0px;
				background-color:#000000;
				
			}
		.inHeader
			{

				height: auto;
				padding-top: 5px;
				text-align: center;
				font-size: 7px;
			}

		.left-fo
{


	width: 100%;
	float: left;
	text-align:left;
	padding-left: 0px;
	padding: 10px;
	
	
}
.center-fo
{


	 width: 100%;
	float: left;
	text-align:left;
	padding-left: 0px;
	padding: 10px;
	
}
.right-fo
{


	width: 100%;
	float: left;
	text-align:left;
	padding-left: 0px;
	padding: 10px;
	
}
			.pics
				{

					width: 100%;
					height: auto;

				}
			
			.footer
				{

					height: 280px;

				}
			.inFooter
				{

					height: 280px;

				}

		.web-dev
			{


				display: inline;

			}



}
@media screen and (min-width: 800px)
{


	.small-menu
		{

			display:none;

		}
	.large-slide
		{


			display: inline;
			

		}
	.small-slide
		{


			display: none;

		}
	
	.web-dev1
		{


			display: none;

		}

#mTop-min
{

	display: none;

}


}
*/