body 
{
	overflow-x:hidden;
}
/*.Opacity
{
	position:relative;
	width:100%;
	height:100%;
	background-color:Black;
}

.Overlay {
	z-index: 9000;
	/*position:fixed;
	width:100%; height:100%;
	display:none;/
	background-color:#000000;
	-ms-filter: alpha(opacity=60); /*older IE/
	-ms-filter:progid:DXImageTransform.Microsoft.gradient(startColorstr=#7F000000, endColorstr=#7F000000); /*Alpha(opacity=50); /* IE */
	/*But in fact nothing works in IE/
	-moz-opacity: .50; /*older Mozilla/
	-khtml-opacity: 0.5;   /*older Safari/
	opacity: 0.5;   /*supported by current Mozilla, Safari, and Opera/
	position:absolute; top:0px; left:0px; width:100%; height:100%; color:#FFFFFF; text-align:center; vertical-align:middle;
	-ms-zoom: 1;
}
*/
/* IE-6 overrule fixed */
* html #pane_page {
  position: absolute;
}
div#PhotoCaption { text-align:left;}

/*div#content{ z-index:100; text-align:center; position:absolute; top:70px; left:0; }*/
div#Info { text-align:left; font-size:90%; }

#BackButton
{
	position:absolute;
	margin-top:8px;
	left:0%;
	width:180px;
	height:24px;
	display:block;
	font-size:85%;
	background-color:#404040;
	color:Yellow;
	border-color:Black;
	border-style:ridge;
	border-width:4px;
}

div#PhotoCaption
{
    display: none;
	position:absolute;
	/*left:2%;*/
	width:25%;
    top:22%;
    left:5%;
	/*margin-top:50px;*/
	font-family:Georgia, serif, Verdana, Arial, Tahoma;
	color:#a4a6a5;
	font-size:150%;
	text-align:left;
}
div .Thumbnail
{
	position:relative;
	margin-top:5px;
	/*left:2%;*/
	min-height:100px;
	width:95%;
	border-color:#404040;
	border-style:none; /*ridge;*/
	border-width:8px;
	background-color: #161616; /*#606060;*/
	text-align:left;
}

div#FolderNavigator
{
    position:absolute;
    top:29%;
    left:5%;
    width:100%;
    background-color: #161616;
    overflow:auto;
}
div#ThumbsPopup
{
    position: absolute;
    left:0;
    top:0; /*defaults only*/
    width:330px;
    z-index: 5000;
}
div#Navigator
{
	position:absolute;
    top:160px;
	left:0;
	width:98%;
	background-color: #161616;
	overflow:hidden;
}
div#ScrollLeft
{
	display:none;
	position:absolute;
	margin-top:5px;
	/*margin-left:-10px;*/
	width: 70px;
    height: 180px;
	left:0px;
	/*text-align:center;
	vertical-align:middle;
	background-color:Gray; /*#A0A0D0;/
	color:Black;
	font-weight:bolder;
	font-size:1em;
	border-width:thick;  */
	z-index:2000;
}
div#ScrollRight
{
	display:none;
	position:absolute;
	margin-top:5px;
	width: 120px;
    height: 180px;
	top:0px;
	right:0px;
	/*text-align:center;
	vertical-align:middle;
	background-color:Gray; /*#A0A0D0;*
	color:Black;
	font-weight:bolder;
	font-size:1em;
	border-width:thick;               */
	z-index:2000;
}
img#ScrollLeftButton {display: none; position:absolute; top:50px; left:0px; height: 34px; width: 34px;}
img#ScrollRightButton {display:none; position:absolute; top:50px; right:54px; height: 44px; width: 44px;}

div#ThumbnailsPhoto
{
	/*top:100px;*/
	min-height:150px;
}
div#WebCaption{ display:none;}
div#ThumbnailsWebsite
{
	/*top:300px;*/
	display:none;
	min-height:100px;
}
div#ThumbnailsDesign
{
	/*top:500px;*/
	min-height:200px;
	/*width:80%;*/
}

div#ImageBox
{
	display:none;
	position:fixed;
	top:2px;
	left:1%;
	text-align:center;
	/*width:90%;*/
	background-color:white;/*#404040;*/
	border-style: outset; /*none; /*ridge;*/
	border-color:Black;
	border-width:2px;
	z-index:10000;
	padding-bottom:2px;
}

*html div#ImageBox {position:absolute;}

div#ImageNav
{
	position:absolute;
	top:0px;
	left:0px;
	background-color:#404040;
	height:20px;
	width:100%;
	border:none;
}
button#ExitButton
{
	position:absolute;
	top:2px;
	width:120px;
	background-color:#606060;
	color:White;
	display:block;
	border-style:inset;
	border-color:Gray;
	border-width:2px;
	text-align:center;
	font-size:80%;
}
button#LastButton
{
	position:absolute;
	top:2px;
	left:2px;
	width:100px;
	background-color:#606060;
	color:White;
	display:block;
	border-style:inset;
	border-color:Gray;
	border-width:2px;
	text-align:left;
	font-size:80%;
}
button#NextButton
{
	position:absolute;
	top:2px;
	right:2px;
	width:100px;
	background-color:#606060;
	color:White;
	display:block;
	border-style:inset;
	border-color:Gray;
	border-width:2px;
	text-align:right;
	font-size:80%;
}
img#ActualImage1, img#ActualImage2
{
	/*position:absolute; - catastrophic*/
	width:98%;
	margin-top:1px;
}
div#topTextArea
{
    position: absolute;
    top:0;
    width: 100%;
    text-align: center;
    overflow: visible;
    font-size: 75%;
    font-family: sans-serif, Arial;
    /*font-weight: bold;*/
    margin-top: 5px;
}
div#bottomTextArea
{
    position: absolute;
    width: 100%;
    text-align: center;
    font-size: 75%;
    margin-top: -12px;
}
div#bottomLeftText1 {position: absolute; top:0; left:0px;font-size:inherit; text-align: left;}
div#bottomLeftText2 {position: absolute; top:17px; left:0px;font-size:inherit; text-align: left;}
div#bottomRightText {position: absolute; top:0; right: 0px; font-size: inherit; text-align: right;}
div#LeftArrow {position: absolute; left:2px;}
div#RightArrow {position: absolute; right: 2px;}
div.Category { position:absolute; font-size:90%; }
/*
div#nav_main
{
	left:0%;
	width:100%;
}*/
ul#navlist
{
	width:100%;
	height:35px;
    left:0;
    top:0px;
	margin-left:-15px;
    /*border-left:1px solid #fff;	*/
    display:inline-block;
}
/* http://stackoverflow.com/questions/5060923/how-to-stretch-html-css-horizontal-navigation-items-evenly-and-fully-across-a  */
ul#navlist li
{
	list-style:none;
 	list-style-type:none;
	list-style-image:none;
	line-height: 33px;
    /*border-right: 1px solid #fff;*/
    background-color:transparent; /*#404070;*/
    white-space: nowrap;
  float: left;
  text-align: center;
  padding-left: 20px;
  padding-right:20px;
    font-size: 75%;
}
ul#navlist li a {color: #a4a6a5; text-decoration: none; } /*b0b070;}*/
ul#navlist li a:hover {color:#FFFFff;}
ul#navlist li:first-child {/*border-left: 1px solid #fff;*/}

div#Video
{
	position:absolute; top:400; width:90%; z-index:100;
}
div#underlay { position:fixed; top:0; left:0; height:100%; width:100%; background-color:Black;  display:none; z-index:3000;}

div#LastDiv {  position:absolute; left:0; width:40%; height:90%; top:10%; background-color:transparent; z-index:15000;} /*was Red*/
div#NextDiv { position:absolute; right:0; width:40%; height:90%; top:10%; background-color:transparent; z-index:15000;} /*was Blue*/

button#MovieButton
{
    display:none;
    position:fixed;
    left:32px;
    top:400px;
    height:40px;
    width:110px;
    color:white;
    background-color:black;
    z-index:70000;
}

div.CategoryImage {text-align: center;}

div#SingleImage
{
    position: absolute;
    top: 118px;
    width: 96%;
    left: 2%;
    overflow: auto;
    z-index: 0;
}
img#singleimg
{
    width: 100%;
    top:0;
}

div#ImageHighLight
{
    position:absolute;
    display: none;
    width:24px;
    height: 24px;
}
img#HighLightImage
{
    width: 100%; height: 100%;
}

div#ClickToShow
{
    display:none;
    position:absolute;
    top:360px;
    left:32px;
    font-size: 80%;
}
div#GoBack
{
    display:none;
    position: fixed;
    top:360px;
    right:32px;
    font-size:80%;
    z-index: 200;
}
div#GoBack a:hover {color: white;}

div#LastPage
{
    display:none;
    position: fixed;
    top:385px;
    right:32px;
    font-size:80%;
    z-index: 200;
}
div#LastPage a:hover {color: white;}
div#NextPage
{
  display:none;
  position: fixed;
  top:405px;
  right:32px;
  font-size:80%;
    z-index: 200;
}
div#NextPage a:hover {color: white;}

div#flashContent
{
    display: none;
    position: fixed;
    z-index: 30000;
}

div#zeugma
{
    display:none;
    position: fixed;
    top:80px;
    right:20px;
    z-index: 10000;
}