*
	{
	font-family: Verdana, Arial, Helvetica, Sans-Serif;
	}

body
	{
	color:#FFFFFF;
	background-color:#000000;
	}


div#titleBar	{z-index: 3;}
div#Logo	{z-index: 3;}
div#TourControls	{z-index: 2;}
div#TourNavigation	{z-index: 5;}

div.contentBox	{z-index: 1;}
div#divMenuContainer	{z-index: 2;}



div#Logo
	{
	position: fixed;
	top: 0px;
	right: auto;
	bottom: auto;
	left:0;

	width:104px;
	height:80px;
	background-image: url("images/backgrounds/bgi_header.png");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top left;

	/* border:1px solid yellow; */
	}

div#titleBar
	{
	position: fixed;
	top: 0px;
	right: auto;
	bottom: auto;
	left:104px;
	
	width:1500px;
	height:32px;
	margin:0;

	padding-top:0px;
	padding-right:0;
	padding-bottom:0;
	padding-left:5px;
	
	background-image: url("images/backgrounds/bgi_header.png");
	background-attachment:fixed;
	background-repeat:no-repeat;
	background-position:top left;
	
	/* border:1px solid white; */
	}




div#TourControls
	{
	position: fixed;
	top: 30px;
	right:auto;
	bottom: auto;
	left:103px;

	margin: 0px 0px auto auto;

	padding-top:0px;
	padding-right:0px;
	padding-bottom:0px;
	padding-left:0px;

	/* border:1px solid yellow; */
	}
div#TourControls div
	{
	display:inline-block;
	vertical-align:top;
	height:28px;
	
	background-image: url("images/backgrounds/bgi_picture-details-h1.png");
	background-repeat:no-repeat;
	background-position:top left;
	margin-top:auto;
	margin-right:0;
	margin-bottom:auto;
	margin-left:0;
	
	/* border:1px solid red; */
	}

div#TourControls div.TourControlsPaddingLeft,
div#TourControls div.TourControlsPaddingRight
	{
	background-position:top left;
	width:14px;
	}

div#TourControls div.TourControlsPaddingRight	
	{
	background-position:top right;
	}


div#TourControls div#TourNavigation,
div#TourControls div#PageTitle
	{
	background-image: url("images/backgrounds/bgi_picture-details-h1.png");
	background-repeat:no-repeat;
	background-position:top center;
	
	}

div#TourControls div#TourNavigation
	{
	padding-top:3px;
	}
div#TourControls div#PageTitle h1
	{
	display:inline-block;

	margin-top:auto;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:auto;
	
;
	
	padding-top:4px;
	/*
	padding-right:18px;
	padding-bottom:12px;
	padding-left:8px;
	*/
	font-size:10px;
	font-weight:bold;
	line-height:12px;
	text-transform:uppercase;
	color:white;

	/* border:1px solid yellow; */
	}



/* --------------------- BACK AND FORWARD MENU --------------------- */

div#TourControls  div#TourNavigation
	{
	
	

	
	font-size:9px;

	text-transform:uppercase;
	font-weight:bold;
	text-align: left;

	color: #ffff00;
	/* border:1px solid green; */
	}






div#TourControls  div#TourNavigation span
	{
	margin:auto 5px auto 5px;
	color:#ff0000;
	}


div#TourControls  div#TourNavigation a
	{
	color:#cccccc;
	text-decoration:none;
	}
div#TourControls  div#TourNavigation a:link	{}
div#TourControls  div#TourNavigation a:visited	{}
div#TourControls  div#TourNavigation a:active	{}
div#TourControls  div#TourNavigation a:hover	{color:#ff0000;}








/*  ------------------- MENU LEFT MARGIN --------------------- */

div#divMenuContainer	{
	position: fixed;
	top: 78px;
	right: auto;
	bottom: auto;
	left: 0px;
	
	/* width: 100px;*/
	height:80px;

	
	padding-top:2px;
	padding-right:18px;
	padding-bottom:2px;
	padding-left:2px;
	
	
	background:url("images/backgrounds/bgi_menu-local.png") top right no-repeat;

	/*border:1px solid #ffff00;*/
	}

div#divMenuContainer div.menuSub
	{
	padding-top:0;
	margin-left:0;
	}



div#divMenuContainer div.menuSub dl
	{
	padding-top:0;
	margin-top:5px;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:2px;

	font-weight:bold;
	text-transform:uppercase;
	}


div#divMenuContainer div.menuSub dl dd
	{
	padding-left:0;
	margin-left:0;

	}

div#divMenuContainer div.menuSub dl dt
	{
	font-size:10px;

	}




div#divMenuContainer div.menuSub dl dd a	{
	display:block;
	margin:0px;
	padding:2px 0px 2px 3px;
	font-size:8px;
	
	line-height:9px;
	text-align:left;

	text-decoration:none;
	color: #b0b0b0;



	}




div#divMenuContainer div.menuSub dl dd  a:visited	{}
div#divMenuContainer div.menuSub dl dd a:link	{}
div#divMenuContainer div.menuSub dl dd a:active	{}
div#divMenuContainer div.menuSub dl dd a:hover	{
	color: #ffffff;
	}




/*    ------------------ POSITIONING BOXES -----------------------   */


div.contentBox	{
	position: absolute;
	top: 60px;
	right:auto;
	bottom: auto;
	left: 110px;
	width: 100%;
	height: 100%;
	text-align: left;
	margin: auto;
	padding: 0px 0px 0px 0px;
	/* border:1px solid #ffffff; */
	}

div#Artists	{
	top: 56px;
	left: 110px;
	}

div#Pictures	{
	top: 20px;
	left: 0;
	}

div#Welcome	{
	top: 24px;
	left: 0;
	}

div#Contacts	{
	top: 56px;
	left: 110px;
	}

div#Webcam	{
	top: 20px;
	left: 0;
	}




div.contentBox p	{
	font-size: 12px;
	line-height: 130%;
	text-align: left;
	margin: 0px 0px 10px 10px;
	color:#cacaca;
	}



div.contentBox img	{
	font-size:8px;
	text-transform:uppercase;
	}


div.contentBox a	{
	color:#bbbbbb;
	text-decoration:none;
	}
div.contentBox a:link	{}
div.contentBox a:visited	{}
div.contentBox a:active	{}
div.contentBox a:hover	{
	color: #ffffff;
	}

	
div#contentNarrow	{
	width: 600px;
	}
	
div#contentBoxLinks	{
	position: absolute;
	top: 20px;
	right:auto;
	bottom: auto;
	left: 110px;
	width: 100%;
	height: 100%;
	text-align: left;
	margin: auto;
	padding: 0px 0px 0px 3px;
	border-left: 1px solid #aaaaaa;
	}


/*  +*+*+*+*+*+*+  PICTUE INDEX  +*+*+*+*+*+*+  */


div#Artists div.IndexElement,
div#PictureIndex div.IndexElement
	{
	
	margin-bottom:10px;
	
	/* border:1px solid yellow; */
	}

div#Artists div.IndexElement div.IndexElementTitle,
div#PictureIndex div.IndexElement div.IndexElementTitle
	{
	position:absolute;
	margin-top:5px;
	margin-right:auto;
	margin-bottom:auto;
	margin-left:2px;
	}

div#Artists div.IndexElement div.IndexElementTitle div,
div#PictureIndex div.IndexElement div.IndexElementTitle div
	{
	display:inline-block;
	vertical-align:top;
	height:28px;
	
	background-image: url("images/backgrounds/bgi_IndexElementTitle.png");
	background-repeat:no-repeat;
	background-position:top center;
	margin-top:auto;
	margin-right:0;
	margin-bottom:auto;
	margin-left:0;

	padding-top:1px;
	padding-right:0px;
	padding-bottom:5px;
	padding-left:0px;

	/* border:1px solid red; */
	}


div#Artists div.IndexElement div.IndexElementTitle div.IndexElementTitlePaddingLeft,
div#Artists div.IndexElement div.IndexElementTitle div.IndexElementTitlePaddingRight,
div#PictureIndex div.IndexElement div.IndexElementTitle div.IndexElementTitlePaddingLeft,
div#PictureIndex div.IndexElement div.IndexElementTitle div.IndexElementTitlePaddingRight
	{
	background-position:top left;
	width:8px;
	/* border:1px solid green; */
	}

div#Artists div.IndexElement div.IndexElementTitle div.IndexElementTitlePaddingRight,
div#PictureIndex div.IndexElement div.IndexElementTitle div.IndexElementTitlePaddingRight
	{
	background-position:top right;
	}

div#Artists div.IndexElement div.IndexElementTitle div h2,
div#PictureIndex div.IndexElement div.IndexElementTitle div h2
	{
	display:inline;
	font-size: 12px;

	font-weight: normal;
	text-align: left;
	text-transform: none;
	color:black;

	padding-top:0px;
	padding-right:8px;
	padding-bottom:0px;
	padding-left:8px;

	}

div#Artists div.IndexElement div.IndexElementTitle div h2 a,
div#PictureIndex div.IndexElement div.IndexElementTitle div h2 a
	{
	color:black;
	}





/*    ------------------ INTRO TEXT BOX STYLES -----------------------   */

div#ArtistsIntro
	{
	position: absolute;
	top: 0px;
	right:auto;
	bottom: auto;
	left: 265px;
	
	text-align: left;
	margin: auto;
	padding: 0px 0px 0px 5px;
	border: 0px solid #ff0000;
	border-left: 1px solid #ffffff;
	}

div#ArtistsIntro p	{
	width: 275px;
	line-height: 150%;
	}

div#ArtistsIntro li	{
	width: 275px;
	line-height: 150%;
	margin-bottom:8px;
	font-size: 12px;
	color:#cacaca;
	}
div#ArtistsIntro li span.exhbDate	{}
div#ArtistsIntro li span.exhbLocation	{
	margin-left:10px;
	}
div#ArtistsIntro li span.exhbTitle	{
	margin-left:10px;font-style:italic;
	}

div#ArtistsIntro h2,h3,h4	{
	line-height: 120%;
	text-align: left;
	font-weight: bold;
	margin: 15px 0px 5px 0px;
	}

div#ArtistsIntro h2	{
	font-size: 13px;
	text-transform: uppercase;
	padding:3px 0px 0px 0px;
	}
div#ArtistsIntro h2:first-child	{
	margin-top:0px;
	}

div#ArtistsIntro h3	{
	font-size: 12px;
	margin-left: 5px;
	}

div#ArtistsIntro h4	{
	font-size: 11px;
	}

.smallLogoBox	{
	position: absolute;
	top:0px;
	right:0px;
	bottom: auto;
	left: auto;
	width: 90px;
	height: 60px;
	text-align: left;
	margin: auto auto auto auto;
	}


/*    ------------------ WELCOME PAGE STYLES -----------------------   */

table#tableArtistsWelcome td	{
	padding: 0px 5px 5px 0px;
	border:0px solid #ff0000;
	}



div#divWelcomeText	{
	position: absolute;
	top: 0px;
	right: auto;
	bottom: auto;
	left: 830px;
	width: 150px;
	padding-left:5px;
	border-left: 1px solid #aaaaaa;
	}
	
div#divWelcomeText h2	{
	font-size: 12px;
	margin: 8px auto 3px 0px;
	border: none;
	}
	
div#divWelcomeText p	{
	font-size: 10px;
	margin: 0px auto 3px 0px;
	}

