/*
	
	
	Style code for Pumphouse Creamery
	copyright 2009
	Kelley A Meister
	
	
	*/

	/* ------------  redefined elements ------------- */
	
	body{
			background-color: #D8BF83;
		}
		
	
		
		
	/* ------------  divs and such ------------- */	
		
	 
	
	#title{
			font-family: Garamond, Times new roman, serif;
			width: 990px;
			font-size: 72px;
			color: #611E07;
			margin-top: 20px;
			margin-left: 50px;
	
	}
	
	#bar{	
			background-color: #C1E38B;
			width: 710px;
			}
	
	#menu{
			font-family: Garamond, Times new roman, serif;
			font-size: 30px;
			color: #611E07;
			font-weight: semi-bold;
			margin-left: 15px;
			
			}
	
	#cone{
			position: absolute;
			right: 1px;
			top: 15px;
			width: 33%;
			z-index:-1;
	
			}
	
	#photo{
			top: 175px;
			left: 20px;
			color: #611E07;
			width: 300px;
			border: 2px;
			border-color: #611E07;
			border-style: solid;
			position: absolute;
			}
	
	#photoCaption{
			top: 395px;
			left: 20px;
			color: #611E07;
			width: 300px;
			
			position: absolute;
			font-family: Garamond, Times new roman, serif;
			font-size: 10px;
			}
		
	#photoPress{
			top: 175px;
			left: 20px;
			color: #611E07;
			width: 250px;
			border: 2px;
			border-color: #611E07;
			border-style: solid;
			position: absolute;
			}
			
	#photoCaptionPress{
			top: 382px;
			left: 20px;
			color: #611E07;
			width: 300px;
			
			position: absolute;
			font-family: Garamond, Times new roman, serif;
			font-size: 10px;
			}
	
	#hours{
			
			font-family: Times new roman, serif;
			color: #611E07;
			line-height: 5px;
			margin: 0px 300px 0px 350px;
			width: 250px;
			}
	
	#announcement{
			font-family: Times new roman, serif;
			color: #611E07;
			
			}
	
	
	#press{
			
			font-family: Times new roman, serif;
			color: #611E07;
			line-height: 5px;
			margin: 0px 300px 0px 300px;
			width: 400px;
			}
	
	#contact{
			
			font-family: Times new roman, serif;
			color: #611E07;
			line-height: 3px;
			margin: 0px 300px 0px 350px;
			width: 360px;
		
			}
			
	
	
	#address{
			font-family: Times new roman, serif;
			color: #611E07;
			font-size: 16px;
			margin: 90px 350px 0px 250px;
			text-align: center;
			position: absolute;
			
			}
			
	
	#addressMenu{
			font-family: Times new roman, serif;
			color: #611E07;
			font-size: 16px;
			margin: 80px 350px 0px 250px;
			text-align: center;
			position: relative;
			
			}
					
			
			
	#menuInfo{
			font-family: Times new roman, serif;
			color: #611E07;
			
			margin: 3px 0px 0px 5px;
			width: 750px;
			font-size: 16px;
	
			}
	
	
	#flavorsHeader{
			font-family: Times new roman, serif;
			color: #611E07;
			position: absolute;
			margin: 25px 10px 10px 35px;
			width: 300px;
			font-size: 28px;
			text-align: center;
			
			}
	
	
	#flavors{
			font-family: Times new roman, serif;
			color: #611E07;
			position: absolute;
			margin:80px 10px 10px 35px;
			width: 300px;
			font-size: 14px;
			}
	
	#conesHeader{
			font-family: Times new roman, serif;
			color: #611E07;
			
			margin: 25px 300px 0px 400px;
			width: 300px;
			font-size: 26px;
			
			}
	
	
	
	#cones{
			font-family: Times new roman, serif;
			color: #611E07;
			font-size: 14px;
			
			margin: 10px 300px 0px 400px;
			width: 250px;
			}
			
	#coneImage{
			top: 500px;
			left: 300px;
			color: #611E07;
			width: 200px;
			border: 2px;
			border-color: #611E07;
			border-style: solid;
			
	
	}
	#photoCaptionMenu{
			top: 750px;
			left: 410px;
			color: #611E07;
			width: 200px;
			position: absolute;
			font-family: Garamond, Times new roman, serif;
			font-size: 10px;
			}
			
	#leftNav{
			font-family: Garamond, Times new roman, serif;
			font-size: 22px;
			color: #611E07;
			font-weight: semi-bold;
			margin-left: 15px;
			}
	
	#leftSubMenu{		
			font-family: Garamond, Times new roman, serif;
			font-size: 18px;
			color: #611E07;
			
			margin-left: 15px;
			}
	
	div.spacerLine{
		   width: 300px;
		   color: #611E07;
		   border-top: 2px solid;
		   margin: 0px 0px 0px 0px;
		   height: 0px;
				}
	
	#centerBox{
			top: 150px;
			left: 275px;
			width: 475px;
			border: 2px;
			background-color: #611E07;
			border-style: solid;
			position: absolute;
			margin: 0px 0px 0px 5px;
			font-family: Times new roman, serif;
			font-size: 14px;
			color: #D8BF83;
			border-color: #611E07;
			}		
			
			
	#centerImage{
			
			color: #D8BF83;
			width: 300px;
			border: 2px;
			border-color: #611E07;
			border-style: solid;
			
			}
			
	#centerText{
			font-family: Times new roman, serif;
			font-size: 14px;
			color: #D8BF83;
			border-color: #611E07;
			border-style: solid;
			border: 2px;
			}

	#centerBox2{
			top: 155px;
			left: 275px;
			width: 300px;
			border: 2px;
			background-color: #611E07;
			border-style: solid;
			position: absolute;
			margin: 0px 0px 0px 0px;
			font-family: Times new roman, serif;
			font-size: 14px;
			color: #D8BF83;
			border-color: #611E07;
			}		
			
	#photoCaptionOurStory{
			top: 230px;
			left: 0px;
			color: #611E07;
			width: 300px;
			
			position: absolute;
			font-family: Garamond, Times new roman, serif;
			font-size: 10px;
			}

	#map{
			float:left;
			margin-top: 10px;
	
	
			}
	#photoCaptionMap{
			top: 410px;
			left: 20px;
			color: #611E07;
			width: 300px;
			
			position: absolute;
			font-family: Garamond, Times new roman, serif;
			font-size: 15px;
			}		
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			
			

	
	
	/* ------------  spans and such ------------- */	
	
	
	a.menu{
			font-family: Garamond, Times new roman, serif;
			font-size: 30px;
			font-weight: bold;
			text-decoration: none;
			color: #611E07;
        	margin-right: 50px;

			
		}
	
	a.menu:hover{
			color: #C37358;
			}
	
	a.hours{
			text-align: center;
			font-family: Times new roman, serif;
			color: #611E07;
			float: right;
			}
			
	a.photoCaption{
			text-decoration: none;
			color:#611E07;
			}
	a.photoCaption:hover{
			color: #C37358;
			}
			
	
	a.address{
			text-decoration: none;
			color: #611E07;
			}
	
	a.address:hover{
			color: #C37358;
			}
	
	a.leftNav{
			font-family: Garamond, Times new roman, serif;
			font-size: 22px;
			font-weight: semi-bold;
			text-decoration: none;
			color: #611E07;
        	

			
		}
	
	a.leftNav:hover{
			color: #C37358;
			
			}	
	
	a.leftSubMenu{
			font-family: Garamond, Times new roman, serif;
			font-size: 18px;
			font-weight: semi-bold;
			text-decoration: none;
			color: #611E07;
        	

			
		}
	
	a.leftSubMenu:hover{
			color: #C37358;
			
			}	
	
	
	.imgLeft{
			float: left;
			margin: 2px;
			
		}
	
	a.pressLinks{
			
			text-decoration: none;
			color: #611E07;
        	
			
		}
	
	a.pressLinks:hover{
			color: #C37358;
			}
	
	
	
	
	/*  #titleLeft{
		
			font-size: 24px;
			font-weight: bold;
			width: 750px;
			float: left;
		
			}
	
	#titleRight{
				margin-top:10px;
				text-align: right;
				font-size: 14px;
				font-weight: bold;
				width: 545px;
				float: right;
				margin-right: 3px;
			
				}
	

	
	
	
	#sideNav{
			position: absolute;
			left: 10px;
			top: 100px;
			width: 150px;
			
			padding: 30px 0px 30px 0px;
			
	
			}
	
	div.spacerLine{
		   width: 175px;
		   border-top: 1px solid;
		   margin: 30px 0px 30px 0px;
		   height: 0px;
				}
	
	#centerImage {
			
		
			margin-top: 95px;
		
			position: absolute;
			margin-left: 201px;
			margin-right: 201px;
			margin-bottom: 400px;
	}

	
	#preload{
        	height: 0px;
        	overflow: hidden;
			}
		
		
			
	#pointer{
			
			position: absolute;
			right: 1px;
			top: 83px;
			width: 318px;
		
			}
			
	#shipwreck{
			position: absolute;
			right: 200px;
			left: 200px;
			width: 474px;
			margin-top: 500px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			
			}
			
	#shipwreckAbout{
			position: absolute;
			top: 0px;
			right: 200px;
			left: 200px;
			width: 474px;
			margin-top: 400px;
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			
			}
			
	#links{
			font-size: 18px; 
			font-weight: bold;
			
			}
	
	
	/*-----------interior pages--------------*/
	
	/* #cage{
			
			width: 990px;
			height: 750px;
			margin: 5px;
			background-image: url(images/cage_background.jpg);
			background-repeat: no-repeat;
			position: relative;
			
			
			/* ------------  spans and such ------------- */	
			
	
	
	
	/*
	a.sideNav{
			font-family: Helvetica, Arial, sans-serif;
			font-size: 16px;
			font-weight: bold;
			text-decoration: none;
			color: #010101;
        	

			
		}
	
	a.sideNav:hover{
			color: #41767F;
	}
		

	
	a.thumbNav{
			text-decoration: none;
			color: #010101;
      	
		}
	a.thumbNav:hover{
			color: #41767F;
	}
	
	a.links{
			font-size: 18px; 
			font-weight: bold;
			text-decoration: none;
			color: #F6CFBC;
			}
			
	a.links:hover{
			color:#41767F;
			}
	
	a.centerText{
		text-decoration: none;
			color: #010101;
        	}
      
    a.centerText:hover{
    		color: #41767F;
	}
	
	
			
				
	/*	MOO TOOLS
	
	#contentPortfolioPageImages{
			width: 460px; 
			padding: 5px;
			float: right;
			margin-top: 20px;
			/*border: 1px solid red;*/
			}
			
	/*#myGallery
			{
			width: 450px !important;
			height: 600px !important;
			}

		*/