@charset "utf-8";
/* CSS Document */

/*Menu Styling Begins*/

#menu h2{
	background-color:#5D6929;
	margin-top: 0px;
	color: #FFBC01;
	font-size: 1.7em;
	font-variant: small-caps;
	padding: 5px 10px 5px 10px;
	font-weight: normal;
}

#menu h3{
	color: #630000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	padding-left: 2em;
	margin: 10px 0 2px 0;
}

#menu-content {
	padding: 2em 0 0 0;
	font-size: 0.8em;
	background-color: #E4DD83;
}


.dots {background:url(images/dots.gif) left center repeat-x;}

.description {
	float:left;
	margin:0;
	padding:0 4px 0 50px;
	background:#E7DB84;
	}
	
/*description_1 is used for a first line of text that doesn't lead to a price, not dots. It keeps the text to a maximum of 475 px width and avoids the need for line breaks*/
.description_1 {
	float:left;
	margin:0;
	padding:0 4px 0 50px;
	background:#E7DB84;
	width:475px;
	clear:both;
	}

.price	{
	float:right;
	margin:0;
	padding:0 75px 0 4px;
	background:#E7DB84;
	}
.menulink a:link, .menulink a:visited {
	color: #630000;
	padding: 0;
	text-decoration: underline;
}
.menulink a:hover {
	color: #5D6929;
}

/*Menu Styling Ends*/

/*Menu Navigation Tabs Styling Begins*/

#menu-nav
{
	margin: 0;
	padding: 10px 0 15px 0;
	border-bottom: 2px solid #5D6929;
	background-color: #5D6929;
}
#menu-nav  ul, #menu-nav  li
{
	margin: 0;
	padding: 0;
	display: inline;
	list-style-type: none;
	background-color: #630000;
}
#menu-nav  a:link, #menu-nav  a:visited
{
	float: left;
	font-weight: bold;
	margin: 0 0 4px 2px;
	text-decoration: none;
	height: 30px;
	padding: 5px 5px 5px 5px;
	font-size: .7em;
	background-color: #630000;
	color: #FFC000;
	border : 1px solid #FFC000;
	font-family: Arial, Helvetica, sans-serif;
}
#menu-nav  a:link#current, #menu-nav  a:visited#current, #menu-nav  a:hover
{
	background-color: #FFC000;
	color: #630000;
	border: 1px solid #630000;
}


/*Menu Navigation Tabs Styling Ends*/



/*---------------------------------------Photo CSS---------------------------------------------*/

#galleryimage {
position: relative;
z-index:0;

}

/*-----This is supposed to keep the image from breaking up in Opera. But it is only supposed to be visible to Opera. It is also visible to Safari 3.0 so it's not being used.

@media screen and (min-width: 0px){
   .thumbnail {display:block;}
}*/

@media screen and (min-width: 0px){
  .thumbnail {display:block;} 
  }
   
.thumbnail {
	color:#FFBC01;
	width: 2.5em;
	background:#626E2C;
	font-weight:normal;
	font-size:0.8em;
	text-decoration:none;
	border: 2px solid #630000;
	padding: 0 2px 0 2px;
	white-space:nowrap;
	/*display:block;*/
}



.thumbnail:visited {
	color:#ffbc01;
}

.thumbnail:active {
	color:#630000;
}


.thumbnail:hover{
	position:relative;
	background-color:#FFBC01; 
	color:#630000;
	/*background-color: transparent;*/
	z-index: 50;
 
}



.thumbnail span{ /*CSS for enlarged image*/
	position: absolute;
	color:#FFBC01;
	background: #626E2C;
	font-size:1.2em;
	font-weight:bold;
	padding:5px;
	left: -1000px;
	border:solid 3px #630000;
	display:none;
}

.thumbnail span img{ /*CSS for enlarged image*/
	padding:2px;
	border: 0;
}

.thumbnail:hover span{ /*CSS for enlarged image on hover*/
	display:block;
	top:0px;
	z-index: 150;
	left: 50px;
	
}