html, body, div, p {
	font-family: Verdana, Arial, sans-serif;
	text-align:left; 
	color: #333333;
}

body { 
	background: url(images/bg-tile.gif) ;
	text-align:center;
	padding:0;
	margin:0;	
}
a:link { color: #660066; text-decoration: none;}
a:visited { color: #660066; text-decoration: none;}
a:active { color: #660066; text-decoration: none;}
a:hover { color: #660066; text-decoration: underline;}

}

a img {
	border-width: 0; 
	border-style: none;
}

/* the overall container for the page */
#container {
	width:779px;
	height:2050px;
	margin: auto;
	padding:0px;
	position:relative;
	border-bottom:0px; 
	border-left:0px; /* Draws a line on the top edge of the Div */
	border-right:0px;
	background: #fff;
	}
#container1 {
	width:779px;
	height:800px;
	margin: auto;
	padding:0px;
	position:relative;
	border-bottom:0px; 
	border-left:0px; /* Draws a line on the top edge of the Div */
	border-right:0px;
	background: none;
	}
#container3 {
	width:779px;
	height:400px;
	margin: auto;
	padding:0px;
	position:relative;
	border-bottom:0px; 
	border-left:0px; /* Draws a line on the top edge of the Div */
	border-right:0px;
	background: none;
	}

#masthead {
	position: absolute;
	top:0px;
	left:0px; 
	height: 321px;
	width:779px;
	text-align:left;
	background:url(images/header-tile.jpg) repeat ;
	z-index:1
}
#masthead #etiquette {
	position: absolute;
	top:18px;
	left:17px; 
	height: 89px;
	width:458px;
	z-index:3
}

#masthead #pattern {
	position: absolute;
	top:0px;
	left:462px;
	background: url(images/shell-header.jpg) no-repeat;
	height: 321px;
	width:317px;
	z-index:2;
}
#gradient{
  
	position: absolute;
	top:321px;
	left:0px;
	background: url(images/main-tile.jpg) repeat;
	height: 1500px;
	width:779px;
	z-index:1;
	}
	#gradient1{
  
	position: absolute;
	top:321px;
	left:0px;
	background: url(images/main-tile.jpg) repeat;
	height: 580px;
	width:779px;
	z-index:1;
	}
	
#gradient3{
  
	position: absolute;
	top:321px;
	left:0px;
	background: url(images/main-tile.jpg) repeat;
	height: 450px;
	width:779px;
	z-index:1;
	}

#content {
	position: absolute;
	top: 140px;
	left: 0px;
	z-index: 3;
	width: 779px; 
	height: 1000px; 
	}
#content1{
	position: absolute;
	top: 140px;
	left: 0px;
	z-index: 3;
	width: 725px; 
	height: 760px; 
	}
#content3{
	position: absolute;
	top: 140px;
	left: 25px;
	z-index: 4;
	width: 700px; 
	height: 600px; 
	}

#content #prices {
	position: absolute;
	top: 140px;
	left: 0px;
	z-index: 3;
	width: 725px; 
	height: 760px; 
	}
#content1 #box{
    position: absolute; 
	top: 150px;
	left:183px;
	z-index: 8;
	width: 520px;
	height: 479px;
	}
#content #box1{
    position: absolute; 
	top: 25px;
	left:50px;
	z-index: 8;
	width: 650px;
	height: 1580px;
	}
#content #box2{
    position: absolute; 
	top: 25px;
	left:50px;
	z-index: 8;
	width: 550px;
	height: 580px;
	}

#content1 #pristine{
    position: absolute; 
	top: 75px;
	left:178px;
	z-index: 8;
	width: 514px;
	height: 55px;
	}	
	
#vertical-pics{
    position: absolute; 
	top: 150px;
	left:25px;
	z-index: 8;
	width: 150px;
	height: 750px;
	}
#vertical-pics #plates{
    position: absolute; 
	top: 60px;
	left:0px;
	z-index: 10;
	width: 150px;
	height: 143px;
	
	}
#vertical-pics #glasses{
    position: absolute; 
	top: 223px;
	left:0px;
	z-index: 8;
	width: 150px;
	height: 159px;
	
	}
#vertical-pics #coffee{
    position: absolute; 
	top: 402px;
	left:0px;
	z-index: 8;
	width: 150px;
	height: 143px;
	
	}
#vertical-pics #cutlery{
    position: absolute; 
	top: 565px;
	left:0px;
	z-index: 8;
	width: 150px;
	height: 148px;
	
	}