/**************** menu coding *****************/


#menu {
width: 100%;
background: #5f5f5f;
float: left;
}

#menu ul {
list-style: none;
margin: 0;
padding: 0;
width: 100px;
float: left;
text-align: center;
}

#menu a {
font: bold 12px arial, helvetica, sans-serif;
display: block;
border-right: 1px solid #a3ad94;
margin: 0;
padding: 4px 5px;

}

#menu h2 {
color: #ffffe6;
background: #5f5f5f;
}

#menu a {
color: #ffffe6;
background: #5f5f5f;
text-decoration: none;
}

#menu a:hover {
color: #ffffe6;
background: #a3ad94;
}

#menu li {position: relative;}

#menu ul ul {
position: absolute;
z-index: 500;
}

#menu ul ul ul {
position: absolute;
top: 0;
left: 100%;
}

div#menu ul ul,
div#menu ul li:hover ul ul,
div#menu ul ul li:hover ul ul {display: none;}

div#menu ul li:hover ul,
div#menu ul ul li:hover ul,
div#menu ul ul ul li:hover ul {display: block;}




			
  p {
  		word-spacing: 0px;
  		font-family:arial;
  		font-size: 12px;
		margin-left: .1in;
		margin-top: 0; 
		margin-bottom: 0;
		color: #5F5F5F;
		
		
	 }

  H1 {font-family: arial; font-size: 16px; color: #5F5F5F; margin-top: 0; margin-bottom: 0;}
  H2 {font-family: arial; font-size: 10px; font-weight: bold; color: #5F5F5F; margin-left: .1in; margin-top: 0; margin-bottom: 0;}
  
  a img {border: none; }
		
		
body {
text-align: center;
background: #5F5F5F;
}
	
#wrapper {
width:800px; 
		height:500px; 
		border: 2px solid #ffffe6;
		text-align: left;
		margin: 0 auto;
		margin-top: 35px;
		}

		
	#header {
		width:800px; 
		height:79px; 
	
		background-color: #E5E5CE;
		float: left;}
		
	#menubar {
		width:800px; 
		height:25px; 
		background-image: url(images/making.gif);
		float: left;}

		
	#content {
		width:800px; 
		height: 396px; 
		background-color: #FFFFE6; 
		clear: left;
		text-align: left;
		float: left;}
		
		#content-packages {
				width: 700px;
				height: 397px;
				float: left;
				background-color: #ffffe6;
				overflow-y: auto;
				overflow-x: hidden;
				}
				
				#content-packages-1 {
				width: 170px;
				padding-right: 0px;
				float: left;
				}	
				
				#content-packages-2 {
				width: 170px;
				padding-right: 0px;
				float: left;
				}		

				#content-packages-3 {
				width: 345px;
				padding-right: 0px;
				float: left;
				
				
				}
						
				
		#content-left {
				width: 314px; 
				height: 396px;
				float: left;
				background-color: #A3AD94;
				padding-right: 8px;
				padding-left: 0px;}

		#content-main {
				width: 370px; 
				height: 396px; 
				overflow: auto;
				float: left;
				padding-right: 0px;
				padding-left: 4px;
				padding-bottom: 0px;}
		
		    				
		/* Removing the list bullets and indentation */
		#container ul {
    			padding:0; 
    			margin:0; 
    			list-style-type:none; 
    			}	
    	/* Remove the images and text from sight */
		
		#container a.gallery span {
    			position: absolute; 
    			width:1px; 
    			height:1px; 
    			top:5px; 
    			left:5px; 
    			overflow:hidden;

    			}	
    			
    	/* Adding the thumbnail images */
		#container a.gallery, #container a.gallery:visited {
    			display:block; 
    			color:#000; 
    			text-decoration:none; 
    			border:0px solid #000; 
    			margin:1px 1px 1px 1px; 
    			text-align:left; 
    			cursor:default;
    			}
    			
		
    	
    	/* set the size of the unordered list to neatly house the thumbnails */
		#container ul {
   				 width:350px; 
    			 height:300px;
    			 padding: 0;
    			}
		#container li {
    			float:right;
    			padding: 0;
    		}
    	
    	/* move the thumbnails into the correct position */
		#container ul {
    			float:right;
    			margin-top: 30px;
    		}
    	
    	/* change the thumbnail border color */
		#container a.gallery:hover {
    			border:0px solid #fff; 
    			}
    			
    	/* styling the :hover span */
		#container a.gallery:hover span {
    			position:absolute; 
    			width:290px; 
    			height:372px; 
    			margin-left: 0px;
    			padding-left: 50px;
    			padding-right: 30px;
    			padding-top: 10px;
    			color:#000; 
    			background: #ffffe6;
    			}
    			
    	#container a.gallery:hover img {
    			border:1px solid #fff; 
    			float:left; 
    			margin-right:0px;
    			}
    			
	   	 		
    			
		#content-right {
				width: 100px; 
				height: 396px;
				background-color: #A3AD94;
				float: right;}
					
			#pic1 {
				width: 96px; 
				height: 96px; 
				background-image: url(images/1.gif); 
				background-repeat: no-repeat;
				padding-top: 4px;
				padding-left: 0px;
				padding-bottom: 0px;
				padding-right:	0px;
				float: right;}

			#pic2 {
				width: 96px; 
				height: 96px; 
				background-image: url(images/2.gif); 
				background-repeat: no-repeat;
				padding-top: 4px;
				padding-left: 0px;
				padding-bottom: 0px;
				padding-right:	0px;
				float: right;}

			#pic3 {
				width: 96px; 
				height: 96px; 
				background-image: url(images/3.gif); 
				background-repeat: no-repeat;
				padding-top: 4px;
				padding-left: 0px;
				padding-bottom: 0px;
				padding-right:	0px;
				float: right;}

			#pic4 {
				width: 96px; 
				height: 96px; 
				background-image: url(images/4.gif); 
				background-repeat: no-repeat;
				padding-top: 4px;
				padding-left: 0px;
				padding-bottom: 0px;
				padding-right:	0px;
				float: right;}

	#bottom {
		height: 20px;
		width: 802px;
		background-color: #5f5f5f;
		margin: 0 auto;
		
		
				}