body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	height:auto;
	width:100%;
	background-image:url(../images/mainBG.jpg);
	background-repeat:repeat-y;
	background-position:center;
	background-color:#F6F6F6;
	}
body, p, td, div, ul, li {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height:140%;
	color:#333333;
	}
div.main {
	width:770px;
	margin-left: -385px;
	left: 50%;
	background:none;
	height:100%;
	position:absolute;
	z-index:2;
}
.info {
	width: 180px;
	padding:10px;
	vertical-align:top;
}
.desc {
	background-color:#EAECEB;
	width: 380px;
	padding:10px;
	vertical-align:top;
}
div#background {
	background:#EAECEB none repeat scroll 0%;
	min-height:100%;
	left:50%;
	margin-left:-185px;
	position:absolute;
	top:0px;
	width:400px;
	z-index:2;
	overflow:visible;
}

#background p{
color:#8E928D;
padding-left: 10px;
width: 380px;
}

div#thumbs {
	position:absolute;
	width:160px;
	right:0px;
	top:0px;
	padding:5px;
}
div#thumbs img{
	border:1px solid #ffffff;
	margin:1px;
	margin-left: 4px;
}
div#thumbs img:hover{
	border:1px solid #000000;
}
div#thumbs a{
	outline: none;
}
div#thumbs #subMenuTitle{
	color: #A8B2AA;
	margin-bottom: 5px;
	margin-left: 4px;
	text-transform:uppercase;
}
.content {
	width: 600px;
	text-align:right;
	padding:0px;
	vertical-align:bottom;
}
div#submenu {
	position:absolute;
  bottom: auto;
  top: expression( ( 0 - submenu.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 600px;
	height: 85px;
	left:50%;
	margin-left: -385px;
	background:url(../images/submenuBG.jpg);
	z-index:3;
}
div#menuMainWord, div#menuSubMenu, div#SectionDesc {
	position:absolute;
	top: 0px;
	padding: 2px;
	height:14px;
	font-size:10px;
}
div#SectionDesc {
	width: 188px;
	left:0px;
	background:none;
	text-align:right;
	padding-right: 5px;
	padding-left: 5px;
	height:63px;
	top:18px;
}
div#menuMainWord {
	width: 193px;
	left:0px;
	/*background-color:#FF6600;*/
	color:#FFFFFF;
	text-align:right;
	padding-right: 5px;
	text-transform:uppercase;
}
div#menuSubMenu {
	width: 395px;
	left:200px;
	padding-left: 5px;
	background-color:#AEB8B0;
	text-align:left;
	text-transform:uppercase;
}
div#menuSubMenu a{
	color:#000000;
	text-decoration:none;
	padding-right: 9px;
}
div#menuSubMenu a.selected{
	text-decoration:underline;
}
div#menuSubMenu a:hover {
	text-decoration:underline;
}
div#menu {
	position:absolute;
  bottom: auto;
  top: expression( ( 0 - menu.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 170px;
	height: 237px;
	left: 50%;
	margin-left: 215px;
	background:none;
	display:block;
	z-index:2;
}
div#contact {
	z-index:3;
	width:770px;
	height:18px;
	left: 50%;
	margin-left:-385px;
	position:absolute;
	bottom:0px;
}
div#footer {
	position:absolute;
  bottom: auto;
  top: expression( ( 0 - footer.offsetHeight + ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight ) + ( ignoreMe = document.documentElement.scrollTop ? document.documentElement.scrollTop : document.body.scrollTop ) ) + 'px' );
	width: 100%;
	height: 260px;
	background:url(../images/footerBG.jpg);
	background-position:center;
	z-index:1;
}
body>div#footer {
	position:fixed;
	bottom:0px;
}
body>div#menu {
	position:fixed;
	bottom:0px;
}
body>div#submenu {
	position:fixed;
	bottom: 0px;
}
body>div#contact {
	position:fixed;
}
body>div.menutext{
	position:fixed;
}
body>div.menutext_static {
	position:fixed;
}
div#window {
	height: 100%;
	width:600px;
	z-index:3;
}
div#loading {
	height: 100%;
	width:600px;
	z-index:0;
	text-align:center;
	vertical-align:middle;
}
div#windowPhotos {
  overflow:hidden;
  width:600px;
  height:400px;
  z-index:3;
/*  position:relative;*/
}
div.navigation_next {
	position: absolute;
	top: 333px;
	left: 725px;
	width: 50px;
	padding: 7px;
	text-transform:uppercase;
}
div.navigation_prev {
	position: absolute;
	top: 333px;
	left: 602px;
	width: 160px;
	padding: 7px;
	text-transform:uppercase;
}
a.navigation {
	text-decoration: none;
	color: #A8B2AA;
	}
a.navigation:hover {
	text-decoration: none;
	color: #7C7C7C;
	}
a {
	text-decoration: none;
	color: #FF6600;
	}
a:hover {
	text-decoration: underline;
	}
.photoElement {
	z-index:2;
	/*width: 100%;
	height: 100%;
	background-color: #000;
	background-repeat: no-repeat;*/
}

.yellow {
background-color:#FCD106;
}

.green {
background-color:#59BA47;
}

/*----MOSTLY FOR HOMEPAGE -----*/
div.container {
width: 400px;
height: 505px;
position:absolute;
left: 50%;
margin-left: -230px;
top: 50%;
margin-top: -250px;
}
div.container img{
padding-left: 100px;

}
div.menutext, div.menutext_static {
position:absolute;
width: 400px;
height: 20px;
bottom: 0px;
left:200px;
text-align:center;
font-size: 90%;
color:#999999;
z-index:5;
}
div.menutext_static {
left:50%;
margin-left: -190px;
}
div.menutext a, div.menutext_static a {
color:#999999;
}
div.menutext a:hover, div.menutext_static a:hover {
text-decoration: underline;
}
a.y:hover {
color:#FCD106;
}
a.g:hover {
color:#59BA47;
}
a.pu:hover {
color:#8067AD;
}
a.pi:hover {
color:#CD4699;
}
a.o:hover {
color:#E97224;
}

/*----------DESC LAYOUT ------------*/
#landscapeDetails {
/*position:absolute;*/
z-index: 5;
/*top: 410px;*/
}


#photoTitlelandscape,
#shotDatelandscape,
#photoContentlandscape,
#photoDescriptionlandscape {
/*padding-left: 10px;
position:absolute;*/
z-index:5;
display:block;
}

#photoTitlelandscape {
/*top: 0px;*/
width: 173px;
}
#shotDatelandscape {
color:#D2D6D4;
width: 173px;
/*top: 20px;*/
}
#photoContentlandscape {
width: 173px;
/*top: 30px;*/
}
#photoContentlandscape p{
color:#7C7C7C;
margin-top: 5px;
margin-bottom: 5px;
}
#photoDetailslandscape {
float:left;
width:173px;
padding-left:10px;
padding-top:10px;
}
#photoDetailslandscape p{
margin-top: 5px;
margin-bottom: 5px;
}
#photoDescriptionlandscape {
width: 390px;
float:right;
/*left: 200px;
top: 0px;*/
padding-top:10px;
padding-left:10px;
padding-bottom:100px;
background-color:#EAECEB;
}
#photoDescriptionlandscape p{
color:#8E928D;
padding-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}


#portraitDetails {
position:absolute; 
z-index: 5;
}
#photoTitleportrait, #shotDateportrait, #photoContentportrait, #photoDescriptionportrait{
padding-left: 10px;
left: 0px;
width:180px;
}
#photoTitleportrait {
padding: 10px;
}
#shotDateportrait {
color:#D2D6D4;
}
#photoContentportrait p{
color:#7C7C7C;
margin-top: 5px;
margin-bottom: 5px;
}
#photoDescriptionportrait {
background:#EAECEB;
padding: 10px;
}
#photoDescriptionportrait p{
color:#8E928D;
padding-right: 10px;
margin-top: 5px;
margin-bottom: 5px;
}

#about_left {
width: 170px;
float: left;
padding-left: 10px;
padding-right: 10px;
}

/* Comments */
#commentContainer {
  clear:both;
  width:580px;
  padding-bottom:85px;
  padding-left:10px;
  padding-right:10px;
}
#commentFormContainer {
}
#commentFormContainer .formDetails {
  float:left;
}
#commentFormContainer .formDetails label{
  width:50px;
  display:block;
  float:left;
  clear:both;
  margin-top:15px;
}
#commentFormContainer .formDetails input{
  width:200px;
  display:block;
  float:left;
  margin-top:15px;
}
#commentFormContainer .formRecaptcha {
  float:right;
}
#commentFormContainer .formComment {
  clear:both;
}
#commentFormContainer .formComment textarea{
  width:580px;
  height:150px;
}
.commentItem {
  margin-top:15px;
  padding-bottom:10px;
  border-bottom:1px solid #EAECEB;
}
.commentDetails {
  float:left;
  margin-bottom:10px;
}
.commentDate {
  float:left;
  padding-left:20px;
}
.commentContent {
  margin-top:5px;
  clear:both;
}
.commentContent p{
  margin-top:5px;
  margin-bottom:5px;
}
#commentFormMessage, #commentFormError {
  width:570px;
  padding:5px;
  margin-top:5px;
}