@charset "utf-8";
/* ==========reliable cheap host ==================*/
/*======coded by Chaz chinedu===============*/
/*================================since this is a site mostly to be viewed by Nigerians our goal is to make the page a light as possible==============================*/
body{
	background-image:url(images/bg.jpg);
	background-color:#060606;
	margin:0 auto;
	padding:0;
	font-family:Verdana, Geneva, sans-serif;
	color:white;
	}

a{
	color:white;
	font-size:0.9em;
	text-decoration:none;
	}
	a:hover{
		color:#00F;}






p.clear{ clear:both;
	}

/*==========focous on background design=======================*/
div#bit_flow{
	background-image:url(images/design_bg.png);
	background-repeat:no-repeat;
	height:736px;
	width:1024px;
}
div#top_decor{background-image:url(images/top_side-design.jpg);
width:338px;
height:213px;
	float:right;
	}
	div#logo_wave{margin-top:80px;
		background-image:url(images/signal_wave.jpg);
		background-repeat:no-repeat;
		float:right;
		width:219px;
		height:119px;}
		div#logo_rc{ float:right;
			background-image:url(images/relaible_host_logo.png);
			background-repeat:no-repeat;
			width:275px;
			height:201px;
			margin-right:100px;
			margin-top:-50px;
			}
			div#logo_99{
				
				margin-top:10px;margin-right:90px;
				float:right;
				background-image:url(images/99_uptime.jpg);
				background-repeat:no-repeat;
				width:209px;
				height:111px;
		}
		div#logo_rc p{
			text-align:center;
			font-size:1.2em;
			}
			div#logo_99 p{
			text-align:center;
			font-size:1.2em;
			}
			
			/*============ THE MENU BAR FLOATED TO THE RIGHT======================*/
			
			
			div#menu_bar{
				float:right;
				}
				div#menu_bar ul
				{
					list-style:none;
					}
					div#menu_bar ul li{ display:block;
						height:22px;
						width:171px;
		margin-top:0;
		margin-right:-34px;	
		padding-left:10px;
		padding-top:18px;			
					background-image:url(images/normal_btn.png);	
					background-repeat:no-repeat;}
					div#menu_bar ul li:hover{
						background-image:url(images/hover_btn.png);
						width:196px;
						
						}
						div#menu_bar ul li:focus{

						
						}
						div#menu_bar ul li#index_page{						background-image:url(images/hover_btn.png);
						width:196px;
							}
							div#menu_bar ul li#plan_page{						background-image:url(images/hover_btn.png);
						width:196px;
							}
							div#menu_bar ul li#quote_page{						background-image:url(images/hover_btn.png);
						width:196px;
							}
							div#menu_bar ul li#contact_page{						background-image:url(images/hover_btn.png);
						width:196px;
							}
					div#menu_bar ul li a{ font-family:Georgia, "Times New Roman", Times, serif;
					font-size:.8em;
						}
						div#menu_bar ul li a:visited{
							color:white;}
			/*=== this focus on the content presented by the page==================*/
			div#middle_content{padding-top:10px;
			padding-left:20px;
				float:right;
				width:650px;}
				div#middle_content p{
					
					background-image:url(images/top_bar.jpg);
					background-repeat:no-repeat;
					
					height:73px;
					font-size:1.em;
					font-style:italic;
					text-align:center;
					margin:0;
					z-index:10;
					}
					div#middle_content div{
						
						background-image:url(images/content_bg.png);
						background-repeat:repeat-y;
						width:650px;
						min-height:200px;
						
						z-index:1;}
		/* ==========format edittor for middle content on  the plan page========*/					
	div#middle_content div table{
		margin-left:40px;
		margin-bottom:0;
		
		}	
		/* ==========format edittor for middle content on  the quote page========*/	
		div#middle_content div  form table input,textarea{
			border-color:#F00;
			border: 2px;
			
			border-left-style:solid;
			background-color:#C1BDBD;
			}
					div#middle_content div  form table{
		margin-left:40px;
		margin-bottom:0;
		font-size:.78em;
					}
					div#middle_content div  form table tr{
						margin-top:5px;}
						/* ==========format edittor for middle content on  the credit  page========*/
						div#middle_content div img{
						margin-left:30px	}
						
	/* ==========format edittor for middle content on  the index page========*/					div#middle_content div ul{margin-top:0;
						
							list-style-image:url(images/bullet_image.png);
							}
							div#middle_content div ul li{
								padding:0;
								margin-left:20px;
								margin-top:0;
				
				margin-bottom:5px;				width:550px;
								
								font-size:.9em;
								
								}
							div#middle_content div 	p#bottom_bar{
								
									background-image:url(images/bottom_bar.jpg);
									background-repeat:no-repeat;
									
			height:137px;						
			}
			div#middle_content div 	p#bottom_bar a{
				float:right;
				margin-top:80px;
				margin-right:60px;
				font-size:1.4em;
		
			}
			/*===============footer editor ======================*/
			div#bottom{
				margin-top:5px;
				font-size:0.6em;
				height:20px;
				float:right;
				margin-right:10px;
				};