﻿html
{
	background-color: #161616;
	color: #a4a6a5;
	text-align:center;
}
body 
{
	background-color: #161616;
	color: #a4a6a5;
	text-align:center;
    font-family: Georgia, serif, Verdana, Tahoma, Trebuchet MS;
    font-size:100%;
    font-weight: lighter;
    font-style: normal;
    /*font-kerning: ;*/
    overflow:auto; /*hidden; to make my sliders work, I THINK*/
}

div#main_content a:link{ color:White; }
div#main_content a:visited{ color:#D0D0D0;}

div#branding
{
	display:block;		/*switch this off for now*/
	position:fixed;
	top:24px;
	left:32px;
	width:80%;
	height:7%;
	background-color:transparent;
	/*color:White;*/
	font-size:180%;
    font-weight: 100;
	/*background-image:url(Images/IMG_1142Branding2.png); FoxyPaper2.jpg);
	background-position:left;
	background-repeat:repeat-x;
	border-style:none;
	border-color:Blue;
	border-width:medium;*/
	text-align:left;
	z-index:400;
}
div#branding a:hover
{
    /*display:block;*/
    color:White;
    /*left:0;*/
    /*float:right;*/
}
div#branding img
{
	display:block;
    top:36px;
    left:32px;
	 width:50%;
	 height:100%;
}
div#branding h3
{
	display:none;
	visibility:hidden;
}

div#Content
{
	position:absolute;
	top:0px;
	left:0.2%;
	width:99.6%;
	/*text-align:center;*/
	/*overflow:hidden; - if used, hides default scrollbar*/
}
div#nav_main
{
	position:fixed;
	top:75px;
	left:12px;
    margin-left: -10px;
	background-color:transparent;
	height:34px;
	min-height:30px;
	border-style:none;
	border-width:medium;
	border-color:Black;
	z-index:150;
	text-align:left;
	padding-top:0px;
	width:100%; /*880px;*/
}
*html div#nav_main { left:0px; }

ul#nav_features li a /*, li#nav_website a, li#nav_design a, li#nav_contact a, li#nav_intro a, #nav_galleries a, li#nav_talk a*/
{
	/*list-style-position:inside;
	list-style-image:none;
	list-style-type:none;
	none of these work. ONLY THE z-index TRICK ON THE INDIVIDUAL ENTRIES HIDES THE INFERNAL LIST BLOBS
	The blobs actually belong to the entry to their right, so declining z-indices as we move right hides them.
	TURNS OUT IT SHOULD BE DONE ON THE li ENTRIES.*/
	display:block;
	padding-top:6px;
	height:18px;
	width:114px;
	margin-top:1px;
	background-color: transparent; /*:#202020;*/
	color:White; /*:Yellow;*/
	font-size:90%;
	font-weight:bold;	
	text-align:center;
	border-color:Black;
	border-style:none;
	border-width:thin;
	text-decoration:none;
}

ul#nav_features
{	
	position:absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}

ul#nav_features li
{
	position:absolute;
	top:1px;
	height:34px;
	background-color:transparent;	/*#202020;*/
	color:White;	/*:#ffff00;*/
	margin-top:1px;
	list-style-type:none;
	list-style-image:none;
}
ul#nav_features li a:hover{ color:#FFFF70; } /*background-color:#303070;}*/
li#nav_home
{
	left:0px;
	z-index:20;
}
li#nav_buy
{
	left:500px;
	z-index:19;
}
li#nav_fashion
{
	left:120px;
	z-index:18;
}
li#nav_music { left:240px;}
li#nav_reportage
{
	left:360px; /*360px;*/
	z-index:17;
}

li#nav_me2
{
	left:640px; /*480px;*/
	z-index:16;
}
li#nav_contact2
{
	left:760px; /*600px;*/
	z-index:15;
}

div#BottomMenu
{
	display:none;
	width:300px;
	left:50px;
	background-color:transparent;
	color:White;
	position:fixed;
}
ul#BottomMenuList li { position:absolute; list-style-type:none; list-style-image:none; height:18px;	width:114px;}
ul#BottomMenuList li a { color:White; font-size:70%; text-decoration:none;	height:18px;	width:114px;}

li#nav_me
{
	left:0px; /*480px;*/
	z-index:16;
}
li#nav_contact
{
	left:120px; /*600px;*/
	z-index:15;
}
.highlight { background-color:Black; color:White;  }

div#WaitBox
{
	display:none;
	position:absolute;
	top:160px;
	left:39%;
	text-align:center;
	width:22%;
	background-color:Gray;
	border-style:solid;
	border-color:Blue;
	border-width:1px;
	z-index:10000;
	padding-top:10px;
	padding-bottom:10px;
}

div#images
{
	position:absolute;
	top:150px;
	left:32px;
	width:90%;
	/*margin-top:5px;*/
	padding:0;
}
/*
div#picSlider
{
    position:fixed;
    width:5px;
    height:120px;
    background-color:transparent;
    left:98%;
}
div#textSlider
{
    position:fixed;
    width:5px;
    height:120px;
    background-color:transparent;
    left:0%;
    margin-left:-8px;
    z-index:6;
}
*/
div#underlay
{
	display:none;		/*switch this off for now*/
	position:fixed;
	top:0px;
	left:0%;
	width:350px;
	min-height:840px;
	margin:1px;
	margin-top:1px;
	padding-left:1em;
	padding-right:0.7em;
	padding-top:1em;
	padding-bottom:1em;
	background-color:Black;
	z-index:3;
}
div#PDFContent
{
	display:none;		/*switch this off for now*/
	position:absolute;
	top:22%;
	left:80%;
	width:20%;
	/*overflow:hidden;*/
	font-family:Georgia,serif, Verdana, Trebuchet MS, Calibri;
	font-size:1.4em;
	color:White;
	text-align:left;
}
div#PDFContent ul li a
{
	font-family:Georgia,serif, Verdana, Trebuchet MS, Calibri;
	font-size:large;
	color:White;
}
ul#PDFList 
{
	position:absolute;
	left:0;
	/*
	list-style:none;
	list-style-image:none;
	list-style-type:none;*/
}
ul#PDFList li { list-style:none;  list-style-image:none; list-style-type:none; font-size:100%;}
ul#PDFList li a 
{
	font-family:Georgia,serif, Verdana, Trebuchet MS, Calibri;
	font-size:120%;
	color:white;
}
div#TextContent
{
	display:none;		/*switch this off for now*/
	position:absolute;
	top:380px;
    /*height:44%;
    margin-left:auto;
    margin-right: auto;*/
	left:20%;
	width:60%;
    background-color:#161616; /*f9f9e0;*/
    color: #a4a6a5; /*BLACK;*/
    text-align: left;
	/*overflow:*/
	/*height:840px;*/
	/*margin:1px;
	margin-top:1px;
	padding-top:0;
	padding-left:1em;
	padding-bottom:1em;
	padding-right:1em;
	text-align:left;*/
	/*background-color:transparent;
	background-position:center;
	background-repeat:no-repeat;
	color:White;*/
	/*font-size:75%;
	border-style:none; /*inset;
	border-color:DARKGRAY;
	border-width:thick;*/
	z-index:4;
	/*overflow:scroll;*/
}
/*div#TextContent h2 { text-align:left; font-size:1.48em;}*/

div#ActualText
{
    margin-left: auto;
    margin-right: auto;
    width:100%;
}

div#ActualText img
{
    margin-top: 15px;
    margin-bottom: 15px;
    margin-left: auto;
    margin-right: auto;
}

div#mouselefttest
{
	display:none;
	position:fixed;
	background-color:transparent;
	top:0px;
	width:350px;
	left:0%;
	height:100%;
	z-index:7;
}

div#mouserighttest
{
	display:none;
	position:fixed;
	background-color:transparent;
	top:0px;
	width:50%;
	left:50%;
	height:50%;
	z-index:7;
}
img#i1, img#i2
{
	position:absolute;
	left:0;
	top:0;
	border-style:double;
	border-color:Black;
	border-width:thin;
	height:inherit;
	width:100%;
	max-width:100%;
	overflow:hidden;
	z-index:1;
}


div#F11Notice
{
	display:none;
	background-color:transparent;
	color:Black;
	border-color:Gray;
	border-style:ridge;
	border-width:4px;
	padding:1%;
	font-size:110%;
}

ul#MainIntroList li
{
    text-align:left;
    margin-left:20px;
    /*/list-style-position:left;*/  
}
#MouseUpRightNotice {width:100%; text-align:left;}

div#EnterJoomla
{
    display:block;
    margin-top: 10px;
	text-align:left;
	font-size:1.4em;
	width:88%;
	height:16px;
	background-color:transparent;/*#F0E0A0;*/
	color:White;
	border-style:none;
	border-color:Blue;
	border-width:1px;
	z-index:10000;
	padding-top:10px;
	padding-bottom:10px;
}
div#EnterJoomla a:link, div #EnterJoomla a:visited {color:White;}

div#LeftSliderPanel
{
	position:fixed;
	left:0px;
	top:0px;
	background-color:#707070;
	width:12px;
	height:1100px;	
	z-index:10;
}
div#LeftSlider
{
	position:fixed;
	left:0px;
	top:0px;
	background-color:#8080c0;
	width:12px;
	height:80px;	
	z-index:11;
}
div#RightSliderPanel
{
	position:fixed;
	right:0px;
	top:0px;
	background-color:#707070;
	width:18px;
	height:1100px;	
	z-index:10;
}
div#RightSlider
{
	position:fixed;
	right:0px;
	top:0px;
	background-color:#8080c0;
	width:18px;
	height:80px;	
	z-index:11;
}


li.MenuItems a { font-style:normal; font-weight:bold; font-size:90%; color:White; }
li.MenuItems a:hover { color:#FFFF70; } /*background-color: #000060; }*/
ul#BottomMenuList li a:hover { color:#FFFF70;} /* background-color: #000060; } */