/* Stylesheet */


#badge2 {
background::#fec;
position:relative;
left:5px;
float:left; 
}

#badge2 iframe { float:right; }

#fbLink {
position:static; 
top:0px;
left:0;
float:left;
background:#fec;
border:5px solid black;
padding:0 0 10px;
height:70px !important;
border:1px inset !important; 
}
		
* { 
	font-family:Myriad, 'Myriad Pro', 'Futura Medium', 'Century Gothic', 'Apple Gothic', sans-serif;
	padding:0;
	margin:0;
}

a { text-decoration:none; }

body { 
	background:#272318 url(images/bgBody.jpg) top center no-repeat;
}

#page {
	width:100%;
	min-width:994px;
	
	}

		
.wrapper {
	width:994px;
	margin:auto;
	background-color:transparent;
	position:relative;
}

.homepage #main .wrapper { left:-100px; }

	#header, #banner, #main {
		overflow:hidden;
	}

	#header {
		height:19px;
		padding:0 35px 3px 0;
		color:#cdd100;
		text-align:center;

	}
    
    #footer {
		height:16px;
		padding:0 35px 3px 0;
		color:#cdd100;
		text-align:left;

	}
									
	
	.nav a:link {color:#cdd100;}
	.nav a:visited {color:#adb100;}
	.nav a:hover {color:red;}
	.nav a:active {color:white;}
	.nav .thispage a {color:white;}
	
	#header .nav a {
		font-size:11px;
		line-height:0;
		text-transform:uppercase;
		letter-spacing:1px;					
	}
    
    #footer .nav a {
		font-size:11px;
		line-height:0;
		text-transform:uppercase;
		letter-spacing:1px;					
	}	
	
	#main {
		position:relative;
		overflow:visible;
		height:630px;
		color:#231f20;
		background:transparent url(images/bg_illustration1.jpg) top center no-repeat;
	}
	#main.contactpage, #main.gallery1, #main.gallery2, #main.gallery3 {
		background:url(images/bg_contact.jpg) top center repeat-x;
	}
	#main.contactpage .wrapper {	background:transparent url(images/bg_contact_center.jpg) top center no-repeat; height:630px; z-index:10;	}
	#main.gallery1 .wrapper {	background:transparent url(images/bg_gallery1.jpg) top center no-repeat; height:630px; z-index:10;	}
	#main.gallery2 .wrapper {	background:transparent url(images/bg_gallery2.jpg) top center no-repeat; height:630px; z-index:10;	}
	#main.gallery3 .wrapper {	background:transparent url(images/bg_gallery5.jpg) top center no-repeat; height:630px; z-index:10;	}

		#ecosmartlogo a, 
		#artlogo a, 
		#info a {
			display:block;
			position:absolute; 
			background-color:gray;
			text-indent:-9999px;
			}
		
		#contact a, #galleries a {
			display:block;
			position:absolute; 
			}

		
		#ecosmartlogo a  {
			width:171px;
			height:398px;
			background:url(images/logo.jpg) top left no-repeat;
			top:24px;
			left:24px;
			display:block;
			z-index:100;
			
			-moz-box-shadow:-5px 5px 15px #000;
			-webkit-box-shadow: -5px 5px 15px #000;	
	
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
			 }
		.artexpressionincgalleries #ecosmartlogo {
			display:none; 
		}	
			
		#artlogo a  {
			width:171px;
			height:266px;
			background:url(images/artexpression_logo.jpg) top right no-repeat;
			top:24px;
			left:24px; 
			display:block;
			z-index:100;
			
			-moz-box-shadow:-5px 5px 15px #000;
			-webkit-box-shadow: -5px 5px 15px #000;	
	
			-moz-border-radius:15px;
			-webkit-border-radius:15px;
			border-radius:15px;
			 }
			 
		.projectecosmart #artlogo a {
			right:24px;
			left:auto;
		}
			
		#galleries a {
			left:290px;
			top:160px;
			width:129px;
			height:117px;
			background:transparent url(images/sign_left.png) top center no-repeat;
			cursor:pointer;}

				#galleries a .sign { /*This is now the link to the Eco Smart Galleries*/
				width:99px;
				height:55px;
				display:block;
				position:absolute;
				top:50px;
				left:16px;
				/* background:url(images/ecosmart_sign.png) 0 0 no-repeat; */
				color:#fff;
				text-transform:uppercase;
				text-align:center;
				font-size:14px;
				text-shadow:-1px -1px 1px rgba(0,0,0,.7);
			}


			#galleries a:hover .sign {
				/* background-position:-83px 0; */
				text-shadow:0 0 2px yellow; 
			}


		#contact a {
			right:90px;
			top:160px;
			width:129px;
			height:117px;
			background:transparent url(images/sign_right.png) top center no-repeat;
			}
			
			#contact a .sign { /*This is now the link to the Art Expressions Gallery*/
				width:99px;
				height:55px;
				display:block;
				position:absolute;
				top:50px;
				left:11px;
				/* background:url(images/artexpression_sign.png) 0 0 no-repeat; */
				color:#fff;
				text-transform:uppercase;
				text-align:center;
				font-size:14px;
				text-shadow:1px -1px 1px rgba(0,0,0,.7);
			}
			
			#contact a:hover .sign {
				/* background-position:-83px 0; */
				text-shadow:0 0 2px yellow; 
			}
			
		#info a {
			 width:171px;
			 height:309px;
			 top:313px;
			 right:25px;
			 cursor:pointer;
			 background:transparent url(images/penguin.png) top center no-repeat;
		}
			#info a .sign {
				width:50px;
				height:56px;
				display:block;
				position:absolute;
				top:13px;
				left:14px;
				background:url(images/penguin_sign.png) 0 0 no-repeat;
			}
			
			#info a:hover .sign {
				background-position:-50px 0;
			}
		#main.contactpage h2 a { font-size:21px; line-height:22px; text-shadow:-1px 1px 1px #333;}
		#main.contactpage a, #main.contactpage address { font-size:16px; color:white; line-height:22px;}
		#main.contactpage p { font-size:14px; line-height:22px;}
		
		
		.contactpage #artexpression, .contactpage #creativereuse {
		border:0;  float:none; position:absolute; padding:0;
		}
		
		.contactpage #artexpression {
			top:122px;
			left:340px;
		}
		.contactpage #artexpression .hgroup { float:left; padding-top:70px; padding-right:20px; }
		.contactpage p {clear:both; }
		.contactpage #creativereuse {
			left:340px;
			top: 412px; 
		}
			
#content { padding:25px 0;
background:#3b3624 url(images/bg_texture.jpg) top center repeat;
margin-top:0px;
}

#content.contactpage {
	padding-top:10px;  }



#artexpression a, #creativereuse a, .content-col a {
	color:#a89763; font-size:12px; letter-spacing:1px; }

#artexpression h2 a, #creativereuse h2 a, .content-col h3, .content-col h2  {
	color:white; 
	font-size:16px;
	font-weight:normal;
	letter-spacing: .7px; }

#creativereuse h2  {
	font-size: .8em; color:white; font-weight:normal;  }
	
address { color:white; font-size:12px; font-style:normal; line-height:18px; letter-spacing:.7px;  }

#artexpression p, #creativereuse p, .content-col p {
	font-size:11px;
	font-style:italic;
	color:yellow;
	line-height:15px;
	padding-top:15px;
	letter-spacing: .7px; 	}

	#artexpression, {
		display:block;
		float:left; 
		height:120px;
		}

	#content h4 { font-size:12px; letter-spacing:1px;  font-weight:normal; text-transform:uppercase; color:yellow; padding-bottom:20px; }

	#artexpression, .left-col {
		width:395px;
		padding:0 0 0 15px;
		//border-right:1px inset yellow;
		float:left;
	}
		#artexpression img {
			width:65px;
			height:109px;
			float:left;
			margin-right:35px;
			margin-top:5px;
			border:0; }
	
	.mid-col {
		width:300px;
		padding:0 0 0 15px;
		border-left:1px inset yellow;
	}
	
	#creativereuse, .right-col {
		width: 284px;	
	}
	
	#creativereuse a {
		margin-right:30px;
	}
	
	#creativereuse img {
	float:left;
	//margin:15px 20px 0 20px;
	border:0;
	height: 80px; }
	
	.content-col  {
		display:block;
		float:left;
		padding:10px; }
	
	
	.gallery .left-col { width:250px; }
	p.childage { color:#a89763; font-size:12px; letter-spacing:1px; padding-top:0; font-style:normal; }
	.gallery .mid-col { width:396px; } /*Changed from 400px to accomadate the amount of text*/
	.gallery .mid-col h2 { font-size:20px; }
	.gallery .mid-col p { font-size:13px; }
        .gallery .right-col { border:0; }
	.gallery-info {color: white; padding-top: 0; font-size: .9em; width: 400px;} /*added class for the gallery info section where the image info was*/

	

	
	
#footer {
	clear:both;
	font-size:11px;
	line-height:15px;
	letter-spacing:1px;
	padding:10px 0 10px 30px;
	color:#a89763;
	background-color:#272318;
}



.nav {
	list-style-type:none;
	display:block;
}
	.nav li {
		display:inline-block;
	}
	.nav a {
		text-decoration:none;
	}
	

.clear { clear:both; }

/* the overlayed element */
.simple_overlay {
	
	
	/* must be initially hidden */
	display:none;
	
	/* place overlay on top of other elements */
	z-index:10000;
	
	/* styling */
	background-color:#333;
	
	width:auto;	
	padding:20px;
	color:white;
	min-height:40px;
	border:1px solid #666;
	
	/* CSS3 styling for latest browsers */
	-moz-box-shadow:0 0 20px #000;
	-webkit-box-shadow: 0 0 20px #000;	
	
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	
}

/* close button positioned on upper right corner */
.simple_overlay .close {
	background-image:url(images/close.png);
	position:absolute;
	right:-15px;
	top:-15px;
	cursor:pointer;
	height:35px;
	width:35px;
}

.simple_overlay ul { list-style-type:none; }
.simple_overlay a { color:yellow; }


.overlay_column { width:467px; float:left; 
padding:0 10px;}

#overlayInfo { 
padding:20px 10px;
width:974px; 
top:20px !important;
position:absolute !important;
z-index: 1000;
}

.simple_overlay p, 
.simple_overlay ul {
	font-size:13px; color:white; line-height:18px;	padding-bottom:18px;
}

.simple_overlay ul { list-style-type:disc; list-style-position:outside; padding-left:20px; }

.simple_overlay p.yellow { color:yellow; }

.simple_overlay h3 {
		color:yellow; font-size:16px; font-weight:normal; line-height:18px; }
.simple_overlay h4 {
		color:yellow; font-size:14px; font-weight:normal; line-height:18px; }
        
#overlayGalleries {
	position:absolute !important;	
	top:315px !important;
	left:280px !important; }
#overlayGalleries ul {
	list-style-type:none; list-style-position:outside; padding:0px;
	} 
	

#overlayGalleries a { line-height:25px; }

/* Gallery Layouts */

#gallery_window { width:378px; height:398px; display:block; position:absolute; background:#333; border:1px solid white; top:43px; }
#gallery_backstage { width:578px; height:398px; display:block; position:absolute; background:#333; border:1px solid white; top:0px; text-align:center; }
	.gallery1 #gallery_window { left:564px; }
	.gallery1 #gallery_backstage { left:-100px; }
	.gallery2 #gallery_window { left:50px; }
	.gallery2 #gallery_backstage { left:-100px; }
	.gallery3 #gallery_window { left:50px; }
	.gallery3 #gallery_backstage { left:-100px; }
	#gallery_window { overflow:hidden; }
	#gallery_window img { margin:auto; position:relative; float:none; height:100%; }
#gallery_header { width:505px; height:346px; display:block; position:absolute; text-indent:-9999px; top:0px; }
	.gallery1 #gallery_header { left:11px; }
	.gallery2 #gallery_header { left:438px; }
	.gallery3 #gallery_header { left:438px; }
    .gallery_alleghenyvalley { background:url(images/header-colfax.png) top center no-repeat; }
	.gallery_keystone { background:url(images/gallery_header_keystone.jpg) top center no-repeat; }
	.gallery_allegheny { background:url(images/gallery_header_allegheny.jpg) top center no-repeat; }
	.gallery_artexpression { background:url(images/header-gallery_header_artexpression.jpeg) top center no-repeat; }
    .gallery_keystone1 { background:url(images/header-keystone_oaks.png) top center no-repeat; }
    .gallery_mtlebanon { background:url(images/header-mt_lebanon.png) top center no-repeat; }
    .gallery_centralgreene { background:url(images/header-centralgreene.png) top center no-repeat; }
    .gallery_charleroi { background:url(images/header-charleroi.png) top center no-repeat; }
    .gallery_greensburgsalem { background:url(images/header-greensburgsalem.png) top center no-repeat; }
    .gallery_wilkinsburg { background:url(images/header-wilkinsburg.png) top center no-repeat; }
	.gallery_chartiersvalley { background:url(images/header-chartiersvalley.png) top center no-repeat; }
	.gallery_trinity { background:url(images/header-trinity.png) top center no-repeat; }
	.gallery_frazier { background:url(images/header-frazier.png) top center no-repeat; }
	.gallery_pittsburghpublicschools { background:url(images/header-pittsburghpublicschools.png) top center no-repeat; }
	.gallery_woodland { background:url(images/header-woodland.png) top center no-repeat; }
    .gallery_special { background:url(images/header-specialevents.png) top center no-repeat; }
    .gallery_archive { background:url(images/header-archive.png) top center no-repeat; }
    .gallery_hcef { background:url(images/header-hcef.png) top center no-repeat; }

.artexpressionincgalleries #gallery_header { width:515px; height:348px; background-color:transparent; }

.artexpressionincgalleries .gallery_keystone { background-image:url('images/header-keystone_oaks.png'); }
.artexpressionincgalleries .gallery_allegheny { background-image:url('images/header-south_allegheny.png'); }
.artexpressionincgalleries .gallery_mtlebanon { background-image:url('images/header-mt_lebanon.png'); }
	
#gallery_thumbs { width:400px; height:250px; display:block; position:absolute; top:333px; overflow:hidden; }
	#thumbs div { float:left; width:400px; }
	#thumbs { width:20000px; overflow:hidden; position:absolute; }
	.gallery1 #gallery_thumbs { left:90px; }
	.gallery2 #gallery_thumbs { left:483px; }
	.gallery3 #gallery_thumbs { left:490px; }
	#gallery_thumbs h2 { font-family:"Arial Narrow", Helvetica, Arial, sans-serif; text-transform:uppercase; color:white; font-size:18px; font-weight:bold; text-shadow:-1px 1px 1px #333; margin-left:10px;}
	#thumbs img { 
		float:left; 
		margin:10px 0 0 10px; 
		
		border:1px solid white; 
		-moz-box-shadow:-2px 2px 4px #000;
		-webkit-box-shadow: -2px 2px 4px #000;
		background:rgba(0,0,0,.5);}
		
.item-info { display:none; }
			
			.display-info { display:block !important; }
			
/* Flash content */

#flashContent { position:absolute; top:212px; left:613px; z-index: 100; }

#gallery_thumbs { padding-left:0px; height:260px; }
#gallery_list {text-decoration:underline;}
#thumbs { height:250px; }
.itemSet { padding-left:20px; }
#arrowLeft { display:block; width:20px; height:30px; background:transparent url('images/arrowLeft.png') 0 0 no-repeat; position:absolute; top:120px; }
#arrowRight { display:block; width:20px; height:30px; background:transparent url('images/arrowRight.png') 0 0 no-repeat; position:absolute; top:120px; right:0px; }

.browse { z-index:2000; }

.itemSet h4 { line-height:14px; margin:0; font-size:14px; text-transform:uppercase; }

#creativereuse h2 { margin-bottom:10px; }