*, html{
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
}

	html
	{
		height: 100%;
	}

	body
	{
		height: 100%;
	}


h2, h3{
	color:#333333;
	font-size:20px;
}

a{
	margin:0;
	padding:0;
}

#mainBody{
		position: relative;
		min-height: 100%;
}

* html #mainBody{
		height: 100%;
}



#theContent{
	margin:auto;
	margin-top:20px;
	background-image:url(images/front_background.jpg);
	background-repeat:no-repeat;
	width:1033px;
	height:900px;	
}


/* ===================================================== TOP BAR ===================================== */

#topBar{
	height:478px;
	width:1000px;
	margin-left:28px;
	padding-top:28px;
}

#topBar #leftPic{
	/*background-image:url(images/art.jpg);
	background-repeat:no-repeat;*/
	width:303px;
	height:404px;
	float:left;
	overflow:hidden;
}

#topBar #leftPic img{
	border:none;
	text-decoration:none;
}

#topBar #leftPic a{
	border:none;
	text-decoration:none;
}

#topBar #centerLogo{
	width:363px;
	float:left;
}

#topBar #rightPic{
	/*background-image:url(images/photo.jpg);
	background-repeat:no-repeat;*/
	width:303px;
	height:404px;
	float:left;
	overflow:hidden;
}

#topBar #rightPic img{
	border:none;
	text-decoration:none;
}

#topBar #rightPic a{
	border:none;
	text-decoration:none;
}

#topBar #centerLogo #logo{
	text-align:center;
	padding-left:10px;
	margin-top:40px;
	margin-bottom:30px;
}

#topBar #art{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#999999;
	margin-left:85px;
}

#topBar #art a{
	text-decoration:none;
	color:#999999;	
}

#topBar #photo{
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:22px;
	font-weight:bold;
	color:#999999;	
	margin-left:50px;
}

#topBar #photo a{
	text-decoration:none;
	color:#999999;	
}


/*======================================= NAVIGATION =================================== */

#navigation{
	width:970px;
	height:43px;
	background-color:#000000;
	margin:0;
	padding:0;	
	float:left;
}

#navigation ul{
	margin:0;
	padding:0;
		
}

#navigation ul li{
	list-style-type:none;
	float:left;
	font-weight:bold;
	font-family:Arial, Helvetica, sans-serif;	
	text-align:center;
}

#navigation ul li a{
	height:31px;
	padding-top:12px;
	display:block;
	color:#FFFFFF;
	text-decoration:none;
}

#navigation ul li a:hover{
	background-color:#666666;
}

#navigation ul li.Home{
	display:none;
}

#navigation ul li.art{
	width:303px;
}

#navigation ul li.information{
	width:182px;
}

#navigation ul li.contact{
	width:182px;
}

#navigation ul li.photography{
	width:303px;
}




/* ========================================== BOTTOM BAR =========================== */

#bottomBar{
	margin:0;
	padding:0;
	padding-top:60px;
	width:975px;
	height:110px;
}

#bottomBar img{
	display:none;
}


#bottomBar #centerBox a.title{
	font-weight:bold;
	color:#333333;
	font-size:20px;
}


/* ============= for the title links for the three boxes =========== */
#bottomBar #centerBox a.title:hover, #bottomBar #centerBox a.title:link, #bottomBar #centerBox a.title:visited, #bottomBar #centerBox a.title:active, 
#bottomBar #rightBox a.title:hover, #bottomBar #rightBox a.title:link, #bottomBar #rightBox a.title:visited, #bottomBar #rightBox a.title:active,
#bottomBar #leftBox a.title:hover, #bottomBar #leftBox a.title:link, #bottomBar #leftBox a.title:visited, #bottomBar #leftBox a.title:active 
{
	font-weight:bold;
	color:#333333;
	font-size:20px;
}	


#bottomBar #leftBox{
	float:left;
	display:inline;
	width:320px;
	height:110px;	
	padding-top:15px;
	margin-left:20px;
}

#bottomBar #leftBox p strong {
	font-weight:normal;
	visibility:visible;
	padding-top:5px;
	font-size:14px;
}


#bottomBar #leftBox a{
	visibility:visible;
	font-size:12px;
}


#bottomBar #leftBox a:hover, #bottomBar #leftBox a:link, #bottomBar #leftBox a:visited, #bottomBar #leftBox a:active {
	visibility:visible;
	font-size:12px;
	text-decoration:none;
	color:#999999;
	padding:0;
	margin:0;
	position:relative;
	margin-top:-20px;
}

#bottomBar #leftBox hr{
	visibility:hidden;
}

#bottomBar #leftBox p{
	visibility:hidden;
	font-size:4px;
}

#bottomBar #centerBox{
	float:left;
	width:305px;
	height:110px;	
	margin-right:30px;
	padding-top:15px;
	font-size:12px;
}

#bottomBar #centerBox strong{
	font-size:14px;
	font-weight:normal;
}

#bottomBar #centerBox hr{
	visibility:hidden;
}

#bottomBar #centerBox a:hover, #bottomBar #centerBox a:link, #bottomBar #centerBox a:visited, #bottomBar #centerBox a:active {
	visibility:visible;
	font-size:12px;
	text-decoration:none;
	color:#999999;
	padding:0;
	margin:0;
	position:relative;
	margin-top:-20px;
}


#bottomBar #rightBox{
	float:left;
	width:265px;
	height:110px;	
	padding-top:15px;
	margin-left:20px;
}

#bottomBar #rightBox p strong {
	font-weight:normal;
	visibility:visible;
	padding-top:5px;
	font-size:14px;
}

#bottomBar #rightBox p img{
	visibility:visible;
}

#bottomBar #rightBox a{
	visibility:visible;
	font-size:12px;
}

#bottomBar #rightBox a:hover, #bottomBar #rightBox a:link, #bottomBar #rightBox a:visited, #bottomBar #rightBox a:active {
	visibility:visible;
	font-size:12px;
	text-decoration:none;
	color:#999999;
	padding:0;
	margin:0;
	position:relative;
	margin-top:-20px;
}

#bottomBar #rightBox hr{
	visibility:hidden;
}

#bottomBar #rightBox p{
	visibility:hidden;
	font-size:4px;
}




/*============================================ FOOTER =============================== */



/*-----------------------   FOOTER  --------------------- */




.footer {
	background-color:#000000;
	height: 118px;
	position: relative;
	margin: -7.5em auto 0 auto;	
}


.footer .footerContent{
	width:900px;
	margin:auto;
}

.footer .footerContent ul{
	padding-top:30px;
}

.footer .footerContent ul li{
	float:left;
	width:20%;
	text-align:center;
}

.footer .footerContent ul li a{
	color:#FFFFFF;
	text-decoration:none;
	display:block;
	font-size:14px;
	font-weight:bold;
}

#copyright{
	color:#999999;
	font-size:12px;
	text-align:center;
	margin-top:-20px;
}

/*=========================================== OTHER ================================== */

#clear{
	clear:both;
	margin:0;
	padding:0;
}