body{
	background:green;
	}
	
#wrapper{
		position:relative;
		background-color:white;
		top: 0;
		padding: 0  0  0 0;
		
/* problem with the header- extending to the length of the page- to solve  */

#header{
	position: relative;
	display:block;
	margin-top: 0px;
	margin-left: 0px;	
	padding: 1px 1px  1px 1px;
	color: green;		
	background-color:white;
	}




#logo {
	position: absolute;
	background: url('../images/logo.jpeg') no-repeat top left;
	left: 0%;
	display:block;
	top: 0;
	width: 130px;
	height:140px;
	padding-left: 10px;
	border:1px solid white;
	z-index: 3;
	color: white;
	padding: 1px;
}
	
	


#top-banner{
		position: relative;
		display: block;
		margin-left:200px;
		margin-right:205px;
		top:0;	
		height:130px;
		width:500px;
		padding: 1px 1px 1px 1px;
		border:1px solid white;
		background-color:white;		
		}
		
#top-banner p h1{
			text-align:right;
			}


#top-ecommerce{
	position: absolute;
	left: 80%;
	display:block;
	top: 0;
	width: 160px;
	height:130px;
	border:0px solid white;
	background-color:white;
	z-index: 2;
	color: blue;
	padding: 1px;
}
	
	

#horizontal-menu{
	position:relative;
	display:block;
	background-color:green;
	clear:left;
	top:1px;
}

#nav-menu ul{
	position:relative;
	float:left;
	display:block;
	list-style: none;
	padding: 0;
	top:1px;
	margin-left:0;
	clear:left;
}

#nav-menu li {
	float: left;
	margin: 0  0.15em;
}



#nav-menu li a {
	background:  url('../images/link.jpg')    no-repeat;
	float: left;
	width:6em;
	height:2em;
	border: 0.1em solid #dedee9;
	display: block;
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	}



#tagline {
	font-weight: bold;
	background-color: green;
	color: white;
	font-style:italic;
	text-align: left;	
	height: 2em;
	margin: 0;
	padding: 0 0 0 0;
	width:160px;
	float: left; 
	
}
	
	
/* no wrapping please*/
#nav-menu{
	width: 50em;
	}
	
	
	
#leftnavigation{
	position: absolute;
	left: 0;
	width: 160px;
	margin-left: 10px;
	margin-top: 20px;
	color: #000000;
	padding: 3px;
	list-style:none;
}

#leftnavigation  ul{
	position:relative;
	float:centre;
	display:block;
	list-style: none;
	padding: 0;
	top:1px;
	margin-left:5;
	clear:left;
}




#rightnavigation{
	position: absolute;
	left: 80%;
	margin-top: 20px;
	width: 140px;
	padding-left: 10px;
	z-index: 3;
	color: #CCCCFF;
	padding: 3px;
}


#healthfocus{
		position:relative;
		background:white;
		border:0px solid green ;
		padding:1px, 1px, 5px, 1px;
		width:140;
		}
		
#businessfocus{
		position:relative;
		background:white;
		border:0px solid green;
		padding:5px 1px, 5px, 1px;
		}
		

#checkout{
		position:relative;
		background:white;
		border:0px solid green;
		padding:5px, 1px, 1px, 1px;
	
#rightnavigation h4{
	background-color:white;
	color:#ccccff;	
	font: 12px bold Arial, geneva, helvetica;

}



#content-previous{
	top: 0;
	margin: 0px 25% 0 165px;
	padding: 3px;
	color: #000000;
}

#content{
	top: 0;
	padding: 3px;
	color: #000000;
	background-image: url('../images/photo.jpg');
	
	background-repeat: no-repeat;
	background-position: right;
	clear:top;
	margin-left:165px; margin-right:25%; margin-top:0px; margin-bottom:0
}





#content h1, #content h2{
	color: green;
}

 #content h2{
	color: #ccccff;
}



h3 {
	color: #ccccff;
}


body {
	margin: 0;
	padding: 0;
	border-color: #ffffff;
	color: #000000;
}


h1 {
	font: 30px Arial, geneva, helvetica;
}


	


	#footer{
	position:bottom;
	background-color:green;
	color:white;
	height:25px;
	width:100%;
}