/* CSS Document */

body
{
margin:0px;
}


#container
{
	width:1024px;
	height:768;
	border:1px solid black;
	margin:auto;

	 
	
}

#header
{
	width:1024px;
	height:230px;
	background-image:url(../image/header.jpg);
	top:auto;
	}
	
	 
#main
{
	width:1024px;
	height:475px;
	float:right;
	overflow:auto;
	background-image:url(../image/main.jpg);
	
}

#footer

{
	width:1024px;
	height:50px;
	clear:both;
	background-image:url(../image/footer.jpg);
	
	
}


.products
{
    width:219px;
	height:190px;
	float:left;
	background-color:#666666;
    border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	}
	
.name
{
    width:219px;
	height:20px;
	float:left;
	background-color:#666666;
    border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
}	

.name:hover
{
background-color:#333333;
cursor:pointer;
color:#CCCCCC;
}

#main
{
	width:902px;
	height:420px;
	float:right;
	overflow:auto;
	
}

#footer

{
	width:1024px;
	height:50px;
	border-top:1px solid black;
	clear:both;
	
	
}


.products
{
    width:200px;
	height:150px;
	float:left;
	background-color:#666666;
    border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
	}
	
.name
{
    width:200px;
	height:20px;
	float:left;
	background-color:#666666;
    border-bottom:1px solid black;
	border-left:1px solid black;
	border-right:1px solid black;
	border-top:1px solid black;
}	

.name:hover
{
background-color:#333333;
cursor:pointer;
color:#CCCCCC;
}