/* ----------------- INVISIBILITY ---------------- */

h4 {display: none;}
	





/* ------------------- LAYOUTS ------------------- */

html {min-width: 600px;} /* mozilla fix */

body 
{
	background:#000;
	color:#FFF;

	font-size: 16px;
	font-family: Optima, Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-weight:normal;	
}
	
a
{
	text-decoration: none;
	color: #fff;	
}

img
{
	border: 0px;
}
	
#container
{
/*	border: 1px dotted red;  	*/
/*	background:#000 url("/background.jpg") top center no-repeat; */
	width:800px;
	height: 750px;
	margin-left: auto;
	margin-right: auto;
}

#content
{
/*	border: 1px solid transparent;   */
	height: 530px;
}

#charlene
{
	position: relative;
	top: 4px;
	border: 0px;
}
  
#menu
{
/*	border: 1px dotted purple;  */
	height: 60px;
	text-align: center;
}

#menu a
{
	padding: 27px 16px 0px 16px;
	line-height: 50pt;
}

#menu a:hover
{
	text-decoration: underline;
}



/* ------------------- PHOTOGRAPHY ------------------- */

#photomenu
{
/*	background: transparent url("/gray50-trans.png") top left repeat;   */
	background: black;
	position:relative;
	width: 150px;
	top: 10%;
	left: 80px;
	list-style: none;
	padding: 15px 20px 15px 20px;
	text-transform: uppercase;
}


#photomenu a
{
	color: #DDD;	
}

#photomenu a:hover
{
	text-decoration: underline;
}

#photomenu li
{
	padding: 8px 0px 8px 0px;
}

#viewphotographs
{
/*	border: 1px dotted red;  */
	background: transparent;
	position: relative;
	top: 0px;
	width: 100%;
	height: 480px;
}

#multibox
{
	clear: both;
	position: absolute;
	top: 45px;
	width: 500px;
	height: 450px;
}







/* ------------------- FILMOGRAPHY ------------------- */

#filmmenu
{
/*	background: transparent url("/gray5.png") top left repeat;   */
/*	background: #4975A6;    */
	text-align: right;
	position:relative;
	width: 350px;
	top: 7%;
	left: 330px;
	list-style: none;
	padding: 15px 20px 15px 20px;
	text-transform: uppercase;
}

#filmmenu a
{
	color: #FFF;	
}

#filmmenu a:hover
{
	text-decoration: underline;
}

#filmmenu li
{
	padding: 12px 0px 12px 0px;
	line-height: .8;
}

#filmmenu li i
{
	color: #B0C5D8;
	font-size: .7em;
	text-transform: none;
}

#filmview li
{

}


/*   ??? UNUSED ???

#viewfilms
{
	border: 1px dotted red;  
	position: relative;
	top: 0px;
	left:0px;
	width: 300px;
	height: 400px;
}

*/



/* Exhibitions 
------------------------------------------------*/

#exhibitions_left
{
	padding-left: 25px;
	float: left;
}

#exhibitions_right 
{
	float: right;
	width: 400px;
} 

#exhibitions
	{
	text-align: left;
	padding-top: 10px;
	padding-left: 25px;
	padding-right: 25px;
	padding-bottom: 25px;
	margin: 10px 0px;
	list-style: none;
	text-align: left;
	line-height: 120%;
	font-size: 13px;
	}
	
#exhibitions heading
	{
	text-transform: uppercase;
	text-decoration: underline;
	font-weight: bold;  
	margin: 0px;
	}	
	
	
#exhibitions p
	{
	text-transform: uppercase;
/*	font-weight: bold;  */
	margin: 0px;
	}	

#exhibitions qualifier
	{
	font-weight: normal;
	margin: 0px;
	}
	
#exhibitions li
	{
	margin: 0;
	padding: 5px 0px;
	}

#exhibitions a
	{
	color:#FFF;
	}
	
#exhibitions a:hover
	{
	text-decoration: underline;
	}







/* ------------------- ABOUT ------------------- */

#charlene_about
{
	position: relative;
	top: 50px;
	left: 40px;
	border: 0px;
}

#about_text
{
	position: relative;
	top: 145px;
	left: 90px;
	width: 250px;
	height: 300px;
	color:#000;
	font-size: 12px;
}






/* ------------------- CONTACT ------------------- */

form
{
	padding-right: 30px;
	padding-top: 30px;
	text-align: right;

}

form textarea
{
	background: transparent url("/white50.png") top left repeat;
	font-size: 12px;
}

form input
{
	background: transparent url("/white50.png") top left repeat;
	font-size: 12px;
}