/* Gallery-Specific CSS */

	/* Main Content */
		div.up15 {
			margin-bottom: -15px;
		}
			#landscapeCard {
				margin: -15px 0px -15px 0px;
				padding: 49px;
				position: relative;
				width: 661px;
			}
				#landscapePhotoShadow {
					background: url(landscapePhotoShadow.png) no-repeat;
					height: 434px;
					padding: 5px;
					width: 651px;
				}
					#landscapePhoto {
						height: 434px;
						width: 651px;
					}
			#portraitCard {
				margin: -15px 0px -15px 0px;
				padding: 49px;
				position: relative;
				width: 444px;
			}
				#portraitPhotoShadow {
					background: url(portraitPhotoShadow.png) no-repeat;
					height: 651px;
					padding: 5px;
					width: 434px;
				}
					#portraitPhoto {
						height: 651px;
						width: 434px;
					}
		div.categoryShadowWrapper {
			background: url(categoryShadowWrapper.png) no-repeat;
			height: 266px;
			padding: 15px;
			width: 372px;
			margin: 0px -15px -15px 0px;
		}
			div.categoryCard {
				height: 222px;
				padding: 22px;
				width: 328px;
			}
				div.categoryPhotoShadow {
					background: url(categoryPhotoShadow.png) no-repeat;
					height: 212px;
					padding: 5px;
					width: 318px;
				}
					span.categoryPhoto {
						display: block;
						height: 212px;
						width: 318px;
					}
					a #photo1 {
						background: url(photos/anbirds.jpg) no-repeat;
					}
					a:hover #photo1 {
						background-position: 0px -212px;
					}
					a #photo2 {
						background: url(photos/people.jpg) no-repeat;
					}
					a:hover #photo2 {
						background-position: 0px -212px;
					}
					a #photo3 {
						background: url(photos/thisthat.jpg) no-repeat;
					}
					a:hover #photo3 {
						background-position: 0px -212px;
					}
					a #photo4 {
						background: url(photos/flowersland.jpg) no-repeat;
					}
					a:hover #photo4 {
						background-position: 0px -212px;
					}
		#navBarShadowWrapper {
				width: 789px;
		}
			#navBarShadowLeft {
				background: url(../barShadowLeft.png) no-repeat;
				height: 30px;
				padding: 15px;
				width: 0px;
			}
			#navBarShadowCenter {
				background: url(../barShadowMiddle.png) repeat-x;
				height: 30px;
				padding: 15px 0px 15px 0px;
				width: 729px;
			}
			#navBarShadowRight {
				background: url(../barShadowRight.png) no-repeat;
				height: 30px;
				padding: 15px;
				width: 0px;
			}
				#navBar {
					background: #1A1A1A url(../subNavTile.jpg) repeat-x;
					border: 1px solid #000000;
					height: 28px;
					margin: 0px -15px 0px -15px;
					width: 757px;
				}
					#navBar div, #navBar a span {
						display: block;
						height: 28px;
					}
					a span {
						background: #1A1A1A url(../subNavTile.jpg) repeat-x;
					}
					a:hover span {
						background-color: #005191;
						background-position: 0px -28px;
					}
						#animals-birds {
							background: url(animals-birds.png) no-repeat;
							width: 126px;
						}
						#flowersland {
							background: url(flowersland.png) no-repeat;
							width: 125px;
						}
						#thisnthat {
							background: url(thisnthat.png) no-repeat;
							width: 115px;
						}
						#people {
							background: url(people.png) no-repeat;
							width: 125px;
						}
						#arrowRight {
							background: url(arrowRight.png) no-repeat;
						}
						#order {
							background: url(order.png) no-repeat;
						}
						#arrowLeft {
							background: url(arrowLeft.png) no-repeat;
						}
						#arrowRightDisabled {
							background: url(arrowRightDisabled.png) no-repeat;
						}
						#orderDisabled {
							background: url(orderDisabled.png) no-repeat;
						}
						#arrowLeftDisabled {
							background: url(arrowLeftDisabled.png) no-repeat;
						}
					div.devider {
						border-left: 1px solid #333333;
						border-right: 1px solid #000000;
						width: 0px;
					}
	/* Text */
		h3:before {
			content: 'Gallery';
		}

	/* Internet Explorer Bug Fixes */
		#landscapePhotoShadow, #portraitPhotoShadow, div.categoryPhotoShadow, div.categoryShadowWrapper, #navBarShadowLeft, #navBarShadowCenter, #navBarShadowRight {
			_background: none;
		}
		#navBarShadowCenter {
			_padding: 15px;
			_margin: 0px -15px 0px -15px;
		}
		#animals-birds {
			_background: url(animals-birds.gif) no-repeat;
		}
		#flowers-etc {
			_background: url(flowersland.gif) no-repeat;
		}
		#thisnthat {
			_background: url(thisnthat.gif) no-repeat;
		}
		#people {
			_background: url(people.gif) no-repeat;
		}
		#arrowRight {
			_background: url(arrowRight.gif) no-repeat;
		}
		#order {
			_background: url(order.gif) no-repeat;
		}
		#arrowLeft {
			_background: url(arrowLeft.gif) no-repeat;
		}
		#arrowRightDisabled {
			_background: url(arrowRightDisabled.gif) no-repeat;
		}
		#orderDisabled {
			_background: url(orderDisabled.gif) no-repeat;
		}
		#arrowLeftDisabled {
			_background: url(arrowLeftDisabled.gif) no-repeat;
		}