/*Name	   : Woju Worabo
  File name: index.html
*/

*{
	margin: 0;
	padding: 0;
}

/* Starting are the specifications for formating the top of the webpage*/
#top
{
	width:760px;
	height:100px;
	border-style:solid;
	border-color:black;
	border:1px;
	background-image:url(../images/logo.jpg);
	background-repeat:repeat;
	position: absolute;
	top: 0px;
	z-index: 1;
	
}
/* Starting are the specifications for formating the nav of the webpage*/
#nav
{
	width: 760px;
	height: 25px;
	border-style: solid;
	border-color: black;
	border: 1px;
	background-color: Silver;
	position: absolute;
	top: 100px;
	z-index: 2;
}
/* Starting are the specifications for formating the main of the webpage*/
#main
{	
	width: 760px;
	height:295px;
	background-image:url(../images/wojubg.jpg);
	background-repeat:no-repeat;
	border-style:solid;
	border-color:black;
	border:1px;
	background-color:#FFFFFF;
	position: absolute;
	top: 125px;
	z-index: 3;
	overflow:auto;
		
}
/* Starting are the specifications for formating the footer of the webpage*/
#footer
{
	width: 760px;
	height: 25px;
	border-style: solid;
	border-color: black;
	border: 1px;
	text-align:center;
	font-size:small;
	position: absolute;
	top: 421px;
	z-index: 4;
}

/* Starting are the specifications for basic typography*/
p {
	line-height: 1.5em;
	padding: 5px;
	}
a {
	color:#704426;
	}

h2 {
	padding-top:5px;
	}
h4	{
	padding-top:20px;
	text-align:center;
	
	}
h5 {
	padding-top:30px;
	text-align:center;
	font-size:small;	
	}


#mainNav li{
	text-decoration:none;
	float:right;
	padding:5px 20px 5px 20px;
	display:inline;
}
#mainNav a{
	text-decoration:none;
	font-weight:bold;
	padding:3px;

}
#mainNav a:hover
{
	background-color: White;
}


#logo
{
	border:0;
	padding:10px;

}
#mainPic
{
	float:left;
	margin:25px;
}
#bestSell
{
	float:left;
}