body {
	margin: 0 auto;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	background: #000 url(images/gj_background.jpg) top center no-repeat;
	color: #fff;
	text-align: center;
}
* {
	padding: 0;
	margin: 0;
}
a {
	color: #527cb5;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}
p, h3 {
	margin-bottom: 20px;
}
h3, strong {
	font-family: Eurostile, Arial, Helvetica, sans-serif;
}
h3 {
	font-size: 20px;
	color: #84a5c4;
	border-bottom: 1px solid #333;
}

/* Error Styles */
#notice {
	border: 2px solid #5b2d2d;
	color:#5B2D2D;
	background-color:#ceadad;
	margin: 0 0 10px 0;
	padding: 5px;
	text-align:left;
}

#nice_notice {
	border: 2px solid #4b5d41;
	color:#4B5D41;
	background-color:#c5d4bd;
	margin: 0 0 18px 0;
	padding: 7px;
	text-align:left;
}


/* Layout Styles */

#container {
	margin: 0 auto;
	padding: 0;
	text-align: left;
	width: 850px;
}

	#header {
		position: relative;
		width: inherit;
		height: 179px;
	}
	
		#header h1 {
			position: absolute;
			top: 14px;
			left: 537px;
		}
			#header h1 a {
				display: block;
				width: 279px;
				height: 149px;
				text-indent: -9999px;
				background: url(images/gj_web_05.gif) no-repeat;
			}
			
		#header ul {
			position: absolute;
			top: 0;
			left: 0;
			background: url(images/gj_web_02.jpg) no-repeat;
			padding: 5px 0 0 127px;
			height: 179px;
		}
			#header ul li {
				list-style: none;
			}
				#header ul li a {
					display: block;
					width: 157px;
					height: 30px;
					text-indent: -9999px;
				}
				
					#header ul li.home a { background: url(images/gj_nav_01.gif) no-repeat; }
					#header ul li.home a:hover { background: url(images/gj_nav_01.gif) no-repeat -157px 0; }
					
					#header ul li.biographies a { background: url(images/gj_nav_02.gif) no-repeat; }
					#header ul li.biographies a:hover { background: url(images/gj_nav_02.gif) no-repeat -157px 0; }
					
					#header ul li.history a { background: url(images/gj_nav_03.gif) no-repeat; }
					#header ul li.history a:hover { background: url(images/gj_nav_03.gif) no-repeat -157px 0; }
					
					#header ul li.projects a { background: url(images/gj_nav_04.gif) no-repeat; }
					#header ul li.projects a:hover { background: url(images/gj_nav_04.gif) no-repeat -157px 0; }
					
					#header ul li.contact a { background: url(images/gj_nav_05.gif) no-repeat; }
					#header ul li.contact a:hover { background: url(images/gj_nav_05.gif) no-repeat -157px 0; }
					
		#header h2 {
			position: absolute;
			top: 179px;
			left: 0;
			text-indent: -9999px;
			background: url(images/gj_web_08.gif) no-repeat;
			width: 284px;
			height: 269px;
		}
		
	#content {
		width: 545px;
		border-left: 1px solid #fff;
		margin-left: 284px;
		padding: 0 0 50px 20px;
	}
	#content ul li {
		margin: 0 0 10px 15px;
	}
		#content .big_photo_box {
			margin: 0 0 20px -20px;
			width: 565px;
			height: 269px;
		}
		#content .small_photo_box {
			margin: 0 0 18px -20px;
			width: 565px;
			height: 50px;
			overflow: hidden;
		}
		
			#content h2 {
				text-indent: -9999px;
				height: 57px;
				width: 547px;
			}
			#content h2.history { background: url(images/titles/history.gif) no-repeat; }
			#content h2.biographies { background: url(images/titles/biographies.gif) no-repeat; }
			#content h2.projects { background: url(images/titles/projects.gif) no-repeat; }
			#content h2.contact { background: url(images/titles/contact.gif) no-repeat; }
			#content h2.home { background: url(images/titles/home.gif) no-repeat; }
		
		#content .column_one {
			float: left;
			width: 260px;
		}
		
		#content .column_two {
			float: right;
			width: 260px;
		}
		
	#footer {
		background: #000;
		border-top: 1px solid #333;
		padding-top: 20px;
		height: 80px;
	}
	
		#footer ul li {
			list-style: none;
			float: left;
			margin-left: 20px;
			padding-bottom: 20px;
		}
		
		#footer ul.info {
			clear: both;
			margin-left: 250px;
			font-size: 12px;
		}
		
/* Projects Page */

#content .column_one .school_projects li, #content .column_two .church_projects li, #content .column_two .other_projects li {
	list-style: none;
	margin: 0;
	padding: 0;
}

#content .column_one .school_projects a, #content .column_two .church_projects a, #content .column_two .other_projects a { 
	display: block;
	width: 260px;
	height: 150px;
	text-indent: -9999px;
}

	/* School Projects */
	#content .column_one .school_projects li.vista a { background: url(images/projects/small/vista.jpg); }
	#content .column_one .school_projects li.vista a:hover { background: url(images/projects/small/vista.jpg) 0 -150px; }
	
	#content .column_one .school_projects li.walsh a { background: url(images/projects/small/walsh.jpg); }
	#content .column_one .school_projects li.walsh a:hover { background: url(images/projects/small/walsh.jpg) 0 -150px; }
	
	#content .column_one .school_projects li.lisd_pac a { background: url(images/projects/small/lisd_pac.jpg); }
	#content .column_one .school_projects li.lisd_pac a:hover { background: url(images/projects/small/lisd_pac.jpg) 0 -150px; }
	
	#content .column_one .school_projects li.cox a { background: url(images/projects/small/cox.jpg); }
	#content .column_one .school_projects li.cox a:hover { background: url(images/projects/small/cox.jpg) 0 -150px; }
	
	#content .column_one .school_projects li.steiner a { background: url(images/projects/small/steiner.jpg); }
	#content .column_one .school_projects li.steiner a:hover { background: url(images/projects/small/steiner.jpg) 0 -150px; }
	
	#content .column_one .school_projects li.naumann a { background: url(images/projects/small/naumann.jpg); }
	#content .column_one .school_projects li.naumann a:hover { background: url(images/projects/small/naumann.jpg) 0 -150px; }
	
	#content .column_one .school_projects li.bagdad a { background: url(images/projects/small/bagdad.jpg); }
	#content .column_one .school_projects li.bagdad a:hover { background: url(images/projects/small/bagdad.jpg) 0 -150px; }
	
	#content .column_one .school_projects li.ridgeview a { background: url(images/projects/small/ridgeview.jpg); }
	#content .column_one .school_projects li.ridgeview a:hover { background: url(images/projects/small/ridgeview.jpg) 0 -150px; }
	
	
	/* Church Projects */
	#content .column_two .church_projects li.lh_umc a { background: url(images/projects/small/lh_fumc.jpg); }
	#content .column_two .church_projects li.lh_umc a:hover { background: url(images/projects/small/lh_fumc.jpg) 0 -150px; }
	
	#content .column_two .church_projects li.crestview a { background: url(images/projects/small/crestview.jpg); }
	#content .column_two .church_projects li.crestview a:hover { background: url(images/projects/small/crestview.jpg) 0 -150px; }
	
	#content .column_two .church_projects li.kerville a { background: url(images/projects/small/kerville_cc.jpg); }
	#content .column_two .church_projects li.kerville a:hover { background: url(images/projects/small/kerville_cc.jpg) 0 -150px; }
	
	#content .column_two .church_projects li.belton a { background: url(images/projects/small/belton.jpg); }
	#content .column_two .church_projects li.belton a:hover { background: url(images/projects/small/belton.jpg) 0 -150px; }
	
	#content .column_two .church_projects li.fellowship a { background: url(images/projects/small/fellowship.jpg); }
	#content .column_two .church_projects li.fellowship a:hover { background: url(images/projects/small/fellowship.jpg) 0 -150px; }
	
	#content .column_two .church_projects li.generations a { background: url(images/projects/small/generations.jpg); }
	#content .column_two .church_projects li.generations a:hover { background: url(images/projects/small/generations.jpg) 0 -150px; }
	
	#content .column_two .church_projects li.trout_creek a { background: url(images/projects/trout.jpg); }
	#content .column_two .church_projects li.trout_creek a:hover { background: url(images/projects/trout.jpg) 0 -150px; }
	
	#content .column_two .church_projects li.carters a { background: url(images/projects/carters.jpg); }
	#content .column_two .church_projects li.carters a:hover { background: url(images/projects/carters.jpg) 0 -150px; }
	
	/* Other Projects */
	#content .column_two .other_projects li.pecan_plaza a { background: url(images/projects/small/pecan_plaza.jpg); }
	#content .column_two .other_projects li.pecan_plaza a:hover { background: url(images/projects/small/pecan_plaza.jpg) 0 -150px; }
	
	#content .column_two .other_projects li.lh_library a { background: url(images/projects/small/lh_library.jpg); }
	#content .column_two .other_projects li.lh_library a:hover { background: url(images/projects/small/lh_library.jpg) 0 -150px; }
	
	

/* Project Popup */
#facebox {  }
#facebox h1 {
	color: #fff;
	
	font-family: Eurostile, Arial, Helvetica, sans-serif;
	padding: 10px;
}

#facebox h2 { font-size: 12px; margin-bottom: 15px; padding-left: 15px;}
#facebox p { color: #fff; padding-left: 15px;}

#facebox img.project_large_photo { margin-bottom: 15px; }

#facebox img.project_small_photo { float: right; margin: 0 0 10px 15px; clear: both; }