@charset "UTF-8";
/* CSS Document */
/* UNIVERSAL SYTLES */
*{paddong:0; margin:0; font-family:Helvetica, Arial, sans-serif}
body{padding:56px 52px;}
img{border:0;}

/* INDEX PAGE CODE HERE */
#index { width:1280px; height:1024px; background:url(../siteImages/background/background_3.jpg) top left no-repeat; }

div#indexHolder {
	position:absolute;
	top:50px;
	left:53px;
	width: 1074px;
}

#title {background:url(../siteImages/CHristopherBrooks_white.png) top left no-repeat; width:377px; height:38px;}
#title h1 {visibility:hidden;}

#navH {width:628; height:40px;}
#navH ul { margin-left:-38px;}
#navH ul li {float:left; list-style:none; margin-right:20px;}


#navH ul li a{ margin-right:20px;}

	a#newsH {
	width:113px;
	height:31px;
	text-indent:-5000px;
	display:block;
	text-decoration:none;
	background:url(../siteImages/news_white.png);
	outline: none;
}
		a#newsH:HOVER {background:url(../siteImages/news_black.png); outline:none; }
		a#newsH:focus {outline:none;  
}


	a#biographyH {width:225px; height:31px; text-indent:-5000px; display:block;  text-decoration:none; background:url(../siteImages/biography_white.png);}
		a#biographyH:HOVER {background:url(../siteImages/biography_black.png); outline: none;}

	a#paintingsH {
	width:208px;
	height:31px;
	text-indent:-5000px;
	display:block;
	text-decoration:none;
	background:url(../siteImages/paintings_white.png);
	outline: none;
}
		a#paintingsH:HOVER { background:url(../siteImages/paintings_black.png);}

	a#contactH {
	width:177px;
	height:31px;
	text-indent:-5000px;
	display:block;
	text-decoration:none;
	background:url(../siteImages/contact_white.png);
	outline: none;
}
		a#contactH:HOVER { background:url(../siteImages/contact_black.png);}



/* MAIN PAGE CODE HERE */
#header {margin-bottom:10px;}
#Ptitle {background:url(../siteImages/Ptitle.png) top left no-repeat; width:159px; height:16px;}
#Ptitle h1 {visibility:hidden;}

#nav {width:628px; height:185px; margin-top:0px;}
#nav ul { margin-left:-40px;}
#nav ul li {float:left; list-style:none; margin-right:10px;}
#nav ul li a{ margin-right:15px;}

	a#news {
	width:43px;
	height:12px;
	text-indent:-5000px;
	display:block;
	text-decoration:none;
	background:url(../siteImages/Pnews_gray.png);
	outline: none;
}
		a#news:HOVER {background:url(../siteImages/Pnews_black.png); }  



	a#biography {
	width:86px;
	height:12px;
	text-indent:-5000px;
	display:block;
	text-decoration:none;
	background-image: url(../siteImages/Pbiography_gray.png);
	outline: none;
}
		a#biography:HOVER {background:url(../siteImages/Pbiography_black.png);} 


		

	a#paintings {
	width:80px;
	height:12px;
	text-indent:-5000px;
	display:block;
	text-decoration:none;
	background:url(../siteImages/Ppaintings_gray.png);
	outline: none;
}
		a#paintings:HOVER { background:url(../siteImages/Ppaintings_black.png);}


	a#contact {
	width:68px;
	height:12px;
	text-indent:-5000px;
	display:block;
	text-decoration:none;
	background:url(../siteImages/Pcontact_gray.png);
	outline: none;
}
		a#contact:HOVER { background:url(../siteImages/Pcontact_black.png);}


#paintingTitle {background:url(../siteImages/title_painting.png) top left no-repeat; width:158px; height:24px;}
#paintingTitle h2 {visibility:hidden;}

#sideNav {width:170px;}
	#paintingTitle {background:url(../siteImages/title_painting.png) top left no-repeat; width:158px; height:24px;}
		#paintingTitle h2 {visibility:hidden;}
	#sideNav ul { list-style:none; margin:5px 0 0 0px; text-align: right; padding:0;}

		#sideNav ul li h3 {font-size:13px; font:Helvetica; font-weight:bold; color:#666666; align: right}

		#sideNav ul li a {font-size:13px; font:Helvetica; font-weight:bold; color:#666666; text-decoration:none; text-align: right}
			#sideNav ul li a:HOVER {color:black; }


#gallery{
	width:860px;
	height:500px;
	position:absolute;
	top:307px;
	left:242px;
}
	.clear {width:860px; height:250px; border:1px solid black;}
	.galleryThumb{ margin:0 28px 28px 0; float:left}