@charset "UTF-8";
@import "/css/reset.css";

/* CSS Document */

/*
	----------------------------
	HTML SELECTORS
	____________________________
*/

body { background: url(/media/layout/bg.gif) repeat-x #293c17; font:14px/20px Helvetica, Arial, sans-serif; color: #fff; }
a { color: #fff; text-decoration: none; }
a:hover { text-decoration: underline; }
h1 { font: 24px/32px "Times New Roman", Times, serif; font-weight: normal; }
h3 { font: 16px/24px "Times New Roman", Times, serif; font-weight: normal; text-transform: uppercase; }

/*
	----------------------------
	LAYOUT
	____________________________
*/

#corpus { width:960px; margin: 0 auto; padding-right: 24px; }

#header { position: relative; height: 100px; width: 960px; background: transparent url(/media/layout/headerBG.gif) no-repeat; }
	#logo { position: absolute; top: 10px; left: 20px; background: url(/media/layout/logo.gif) no-repeat transparent; width: 168px; height: 96px; }
	#stripe { position: absolute; top: 33px; left: 181px; background-color: #293C17; width: 779px; height: 1px; border-top: 1px solid #fff; border-bottom: 1px solid #fff; font-size: 1px; margin: 0; padding: 0; }
		#stripe p { font-size: 1px; margin: 0; padding: 0; }
	#stripe2 { position: absolute; top: 99px; left: 160px; background-color: #fff; width: 800px; height: 2px; }
	
	#nav { position: absolute; right: 0; top: 0px; padding-right: 1px; font-size: 13px; text-transform: uppercase; letter-spacing: 1px; }
		#nav a { color: #fff; text-decoration: none; padding: 64px 4px 2px 4px; }
		#nav a:hover { border: 2px solid #ccc; background-color: #293c17; padding: 64px 2px 2px 2px; }
		#nav ul { list-style: none; }
		#nav ul li { display: inline; margin-left: 10px; }

#main { margin-left: 36px; border: 2px solid #fff; background: url(/media/layout/body-bg.gif) repeat-y #fff; color: #fff; }
	#main a { color: #B7C95B; }
	#main a:hover { color: #fff; text-decoration: underline; }
	#main h1 { color: #acb286; }
	#main-homes { width: 920px; height: 380px; position: relative; }
		#main-copy-bg { width: 920px; height: 30px; border-top: 4px solid #222; background-color: #333; filter: alpha(opacity=60); -moz-opacity:.6; opacity:.6; position: absolute; bottom: 0; z-index: 998; }
		#main-copy { width: 920px; height: 34px; text-align: left; color: #333; position: absolute; bottom: 0; z-index: 999; }
			#main-copy h1 { text-transform: uppercase; font-size: 20px; margin: 0 10px; color: #fff; text-align: center; }
			#main-copy p { width: 400px; margin-left: 30px; margin-right: 30px; text-align: justify; }
	#main-lower { clear: both; background-color: #ccc; color: #fff; padding: 0; text-align: center; }
		#main-lower p { margin: 0 6px; text-align: left; }
		#main-lower img { display: block; float: left; }
		
	#copy { float: left; margin: 8px 8px 8px 16px; width: 592px; }
		#copy img { border: 2px solid #acb286; }
		
		#copy div.projects { float: left; width: 168px; text-align: center; margin-right: 8px; margin-bottom: 8px; }
		
		div.filler { height: 300px; clear: both; }
		
		#photoGallery { margin-left: 8px; height: 480px; position: relative; }
			#photoGallery img { position: absolute; display: none; }
			#photoGallery img.show { display: block; }
		
		#photoGalleryThumbs {  }
			#photoGalleryThumbs img { border: 1px solid #202f12; }
			#photoGalleryThumbs img:hover { cursor: pointer; border-color: #ccc; }
	
	#sidebar { float: right; width: 260px; padding: 12px; color: #293c17; }
		#sidebar h3 { color: #223313; }
		#sidebar a { color: #fff; }
		#sidebar a:hover { color: #222; }
		#sidebar strong { font-weight: normal; }
	
#footer { width: 920px; margin-left: 36px; font-family: "Times New Roman", Times, serif; text-align: center; letter-spacing: 1px; font-size: 13px; }

/*
	----------------------------
	PAGE/SECTION SPECIFIC
	____________________________
*/


/*
	----------------------------
	CLASSES
	____________________________
*/
div.clear { overflow:hidden; height:1px; clear:both; }
img.alignRight { float:right; margin:0 0 15px 15px; }
img.alignLeft { float:left; margin:0 15px 15px 0; }
.error { color: red; }

.lightText { color: #fff; }