@charset "utf-8";
/* CSS Document */
body, html {
	margin: 0;
	padding: 0;
	background: #000000;
	height: 100%;
	width: 100%;
	color: #FFFFFF;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	line-height: 13px;
	font-size: 11px;
}
div, p {
	padding: 0;
	margin: 0;
}
.clear {
	clear: both;
	height: 0;
	font-size: 0;
	line-height: 0;
}
.left {
	float: left;
}
.right {
	float: right;
}
a,
a:hover,
a:active,
a:visited,
a:link {
	color: #FFFFFF;
	text-decoration: none;
	outline: none;
}
table#tableLayout {
	position: relative;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	border-collapse: collapse;
}
#tableLayout tr,
#tableLayout td {
	position: relative;
	vertical-align:middle;
	margin: 0;
	padding: 0;
}
#flashContainer {
	overflow:hidden;
	z-index: 5000;
	position: absolute;
	top: 0;
	left: 0;
	background-color: #000000;
	width: 880px;
	height: 740px;
	padding: 5px;

}
#flash {
	background-color: #000000;
	width:880px;
	height: 740px;
	margin: 0;
	padding: 0;
}
#pageLayout {
	z-index: 1;
	position: relative;
	margin: 0 auto 0 auto;
	padding: 5px;
	width: 880px;
	height: 740px;
	overflow:hidden;
}
#logoContainer {
	cursor: pointer;
	z-index: 1000;
	position: absolute;
	top: 30px;
	left: 10px;
}
#navigation {
	z-index: 500;
	width: 575px;
	position: absolute;
	right: 5px;
	top: 5px;
}
#navigationTopLinksContainer {
	top: -25px;
	background-color: #000000;
	z-index: 800;
	width: 100%;
	position: relative;
	border-bottom: 1px solid #4D4D4D;
	line-height: 5px;
	height: 5px;
	padding: 0 0 12px 0;
}
#navigationTopLinks {
	position: relative;
	width: 550px;
	margin: auto;
}
.topLink {
	position: absolute;
}
#allPortfolios {
	top: 0;
	left: 450.5px;
	cursor: pointer;
	width: 112px;
	height: 11px;
	background: url(http://www.johnmuellerphoto.com/images/allPortfolios.png) no-repeat;
}
#footer {
	z-index: 500;
	position: absolute;
	bottom: -30px;
	width: 880px;
	border-top: 1px solid #4D4D4D;
	height: 25px;
}
#footerText {
	padding: 10px 0 0 3px;
}
.footerItem {
	float: left;
	padding-left: 8px;
}
#siteByNichez {
	float: right;
	padding-right: 12px;
}
#newestAdditionsMask {
	position: absolute;
	top: 309px;
	left: 5px;
	height: 410px;
	z-index: 1500;
	width: 880px;
	overflow:hidden;
}
#newestAdditions {
	position: absolute;
	top: 430px;
	left: 0px;
	border-top: 1px solid #4D4D4D;
	height: 382px;
	padding: 12px 12px 0 12px;
	width: 100%;
	background-color: #000000;
	z-index: 1500;
}
#newestAdditionsTag {
	position: absolute;
	top: -18px;
	left: 12px;
}
.newestAdditionItem {
	position: relative;
	float: left;
	width: 271px;
	height: 367px;
	background: url(http://www.johnmuellerphoto.com/images/mediumImageBackground.png) no-repeat;
}
.middleNewestAddition {
	margin: 0 21.5px 0 21.5px;
}
#portfolioHeaderContainer {
	width: 100%;
	position: relative;
	top: 0;
	left: 0;
}
#portfolioTitle {
	position: relative;
	margin: auto;
	width: 550px;
	opacity: .3;
	height: 48px;
	overflow:hidden;
}
#portfolioNavigationContainer {
	position: relative;
	overflow:hidden;
	margin: auto;
	height: 603px;
	padding: 10px 0;
	width: 550px;
	z-index: 500;
}
ul#portfolioNavigations {
	position: absolute;
	top: 0px;
	left: 0;
	list-style-type: none;
	margin: 13px 0;
	padding: 0;
	width: 550px;
}
li.portfolioNavItem {
	margin: 0;
	padding: 0;
	list-style-type: none;
	width: 550px;
	opacity: .12;
	height: 48px;
	padding-top: 11px;
	position: relative;
}
#portfolioTitle img,
.portfolioNavItem img {
	position: absolute;
	top: 0;
	left: 0;
}
#portfoliosNavigationLinks {
	height: 11px;
	position: absolute;
	bottom: -63px;
	z-index: 700;
	width: 575px;
}
#morePhotos, 
#morePortfolios {
	position: absolute;
	right: 15px;
	cursor: pointer;
	display: none;
}
#previousPhotos,
#previousPortfolios {
	position: absolute;
	left: 7px;
	display: none;
	cursor: pointer;
}
#previousPhotos {
	left: 4px;	
}
.featuredImage {
	padding: 25px 0 0 27px;
}
#portfolio {
	display: none;
}
#backToPortfolios {
	display: none;
	top: 0;
	right: -12.5px;
	cursor: pointer;
}
#pageContent,
#portfolioImages {
	position: absolute;
	top: 0;
	left: 0;
}
#pageContent {
	z-index: 10000;
}
#pageContentContainer,
#portfolioContainer {
	overflow:hidden;
	height: 650px;
	z-index: 700;
	position: absolute;
	display: none;
	right: 5px;
	top: 37px;
	width: 575px;
}
#pageContentContainer {
	z-index:10000;
}
#portfolioImagesContainer {
	position: relative;
	top: 2px;
	left: 14px;
	width: 603px;
	height: 570px;
	overflow:hidden;
}
.portfolioImage {
	position: relative;
	width: 172px;
	height: 234px;
	background: url(http://www.johnmuellerphoto.com/images/smallImageBackground.png) no-repeat;
	float: left;
	padding: 0 14px 10px 0;
}
.smallImage {
	cursor: pointer;
	position: absolute;
	top: 19px;
	left: 17px;
}
.caption {
}
#seePhotosInAction {
	position: relative;
	left: 14px;
	padding-bottom: 8px;
}
#progressBarContainer {
	position: absolute;
	overflow:hidden;
	background: url(http://www.johnmuellerphoto.com/images/loadingBar.png) repeat-x;
	height: 10px;
	width: 1px;
	top: 167px;
	left: 165px;
	z-index: 990;
}
#largeImageContainer {
	position: absolute;
	display:none;
	right: 8px;
	top: 36px;
	width: 680px;
	height: 660px;
	overflow: hidden;
}
#portfolioLargeImage {
	position: absolute;
	top: 0px;
	right: 10px;
	display: none;
}
.photoVerticalContainer {
	height: 634px;
	width: 446px;
	padding: 21px 0 0 21px;
	background: url(http://www.johnmuellerphoto.com/images/largeImageBackgroundVertical.png) no-repeat;
}
.photoHorizontalContainer {
	height: 446px;
	width: 634px;
	padding: 21px 0 0 21px;
	background: url(http://www.johnmuellerphoto.com/images/largeImageBackgroundHorizontal.png) no-repeat;
}
#photoNavigationContainer {
	position: absolute;
	right: -10px;
	top: 0px;
	width: 159px;
	display: none;
}
.photoNavigation {
	width: 43px;
	height: 21px;
	cursor: pointer;
	float: left;
	padding-right: 10px;
}
#loadingLargeImage {
	background: url(http://www.johnmuellerphoto.com/images/ajax-loader.gif) no-repeat;
	width: 50px;
	height: 50px;
	position: absolute;
	top: 20px;
	right: 60px;
	opacity: .3;
}
#messageContainer {
	color: #FFFFFF;
	font-size:13px;
	margin-top: 10px;
}
#contactContainer {
	z-index: 10000;
	position: relative;
	width: 572px;
	height: 318px;
	width: 458px;
	height: 262px;
	padding: 58px 0 0 114px;
	background: url(http://www.johnmuellerphoto.com/images/contacBackground.png) no-repeat;
}
.fieldInput {
	margin-bottom:14px;
	opacity: .3;
}
#contactContainer input {
	width: 434px;
	height: 16px;
	padding: 3px;
	background-color: black;
	color: #FFFFFF;	
	border: 0;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size: 13px;
}
#contactContainer textarea {
	width: 434px;
	height: 115px;
	padding: 3px;
	background-color: black;
	color: #FFFFFF;	
	border: 0;
	font-family: Arial Narrow, Arial, Helvetica, sans-serif;
	line-height: 15px;
	font-size: 13px;
}
#submitButton {
	z-index: 10000;
	display: block;
	position: absolute;
	top: 280px;
	left: 112px;
	cursor: pointer;
	width: 60px;
	height: 15px;
}