/* CSS Document */
  	body { 
			background-image: url(../images/background.jpg);
			background-repeat: no-repeat;
			
			
			margin: 26px 0 0 35px;
			font-family: 'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif;
			font-size: 9pt;
	}
	
	p { margin: 0 0 1em 0; }
	
	h1, h2, h3 { margin: 0; }
	
	/* IE PNG Hack */
	img { behavior:	url("../scripts/pngbehavior.htc"); }
	
	/* Common Clases */
	.bugFix { clear: both; }
	.hide { display: none; }
	
	.indent { margin-left: 10px; }
	
	.cart { vertical-align: bottom; padding: 0 0 2px 5px; }
	
	.green { color: #993; }
	.blue { color: #7686a5; }	
	
	.button { padding: 3px 5px; font-size: 8pt; font-weight: bold; background-color: #b9b950; border: none; }
	a.button:link { color: #000; text-decoration: none; }
	a.button:visited { color: #000; text-decoration: none; }
	
	/* Paging */
	#paging { font-size: 10pt; font-weight: bold; text-align: left;/* margin-right: 67px;*/ }
	#paging a { background-color: #fff; color: #b9b950;  padding: 1px 3px; }
	#paging a.hover { color: #fff; text-decoration: none; background-color: #b9b950; border: 2px solid #b9b950; padding: 1px 3px; cursor: pointer; display:block; }
	#paging a.active { color: #fff; text-decoration: none; background-color: #b9b950; border: 2px solid #b9b950; padding: 1px 3px; cursor: pointer; }
	#paging a:hover{color:#7686a5; text-decoration: underline; padding: 1px 3px;}
	
	#content { 
			width: 800px;
	}
	
		
		
		#navigation { 
			height: 60px;
			padding: 0;
			margin: 0 0 30px 0;
			opacity:0.9;
			
			background-color: #fff;
			background-image: url(../images/emilyamey_logo.jpg);
			background-repeat: no-repeat;
			background-position: top left;
		}
		
		#navigation a { margin: 0 7px; }
		
		#navigation a:link { text-decoration: none; color: #000; }
		#navigation a:visited { text-decoration: none; color: #000; }
		#navigation a:hover { text-decoration: none; color: #993; }
		
		#navigation a.selected:link { text-decoration: none; color: #993; }
		#navigation a.selected:visited { text-decoration: none; color: #993; }
		#navigation a.selected:hover { text-decoration: underline; color: #993; }
		
		.row { margin: 30px 0 30px 0; }
			
			.row .left { float: left; width: 50%; }
			.row .right { float: left; width: 50%; color: #993; }
				
				.row .right h3 { color: #000; font-size: 9pt; }
							
				.row .item .right { padding-top: 30px; line-height: 1.5em; }
				.row .item .right img { }
		
		#footer { color: #993; margin-bottom: 20px; }
				
			#footer .left { float: left; width: 75%; }
			#footer .right { float: left; width: 25%; }
			

	.imagedropshadow {
						padding: 5px;
						border: solid 10px #EFEFEF;
					}
     
				img.imagedropshadow {

						border: solid 1px #CCC;
						-moz-box-shadow: 1px 1px 5px #999;
						-webkit-box-shadow: 1px 1px 5px #999;
					        box-shadow: 4px 4px 8px #999;
					}
			
			
					#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; cursor:url(/images/Cursor-moz_zoom_in.png), -moz-zoom-in, auto; }
					#lightbox img{ width: auto; height: auto;}
					#lightbox a img{ border: none; cursor:url(../images/Cursor-moz_zoom_in.png), -moz-zoom-in, auto; }

					#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
					#imageContainer{ padding: 10px; }

					#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
					#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
					#imageContainer>#hoverNav{ left: 0;}
					#hoverNav a{ outline: none;}

					#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
					#prevLink { left: 0; float: left;}
					#nextLink { right: 0; float: right;}
					#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
					#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

					#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

					#imageData{	padding:0 10px; color: #666; }
					#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
					#imageData #caption{ font-weight: bold;	}
					#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
					#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

					#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
			
			
	        .drop-shadow {
	            position:relative;
	            float:left;
	            width:20%; 
				padding:1em; 
	            margin:1em 10px 4em; 
	            background:#fff;
	            -webkit-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	               -moz-box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	                    box-shadow:0 1px 4px rgba(0, 0, 0, 0.3), 0 0 40px rgba(0, 0, 0, 0.1) inset;
	        }