@charset "utf-8";
/* CSS Document */

/*----------------------------------------------------------------------------------
	css properties reset for all browswers
----------------------------------------------------------------------------------*/
* {
	vertical-align: baseline;
	font-weight: inherit;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 12px;
	border: 0 none;
	outline: 0;
	padding: 0;
	margin: 0;
	text-decoration:none;
	list-style:none;
	behavior:url(iepngfix.htc); to compensate for ie6 *.png compatibility
}

/*----------------------------------------------------------------------------------
	Deafault template for Project Family Room
----------------------------------------------------------------------------------*/
body {
	background-color:#ddd;
	}

#decorativeWrapper{
	width:820px;
	border:1px solid white;
}

#container{
	position:relative;
	
	margin: 0px auto;
	padding:0px 0px 0px 0px;
	width:802px;
		/*height:768px;*/
	background-color:#E5953E;	
	border-left:7px solid #999;
	border-right:7px solid #999;
	
}

#header{
	height:366px;
	width:800px;
	border:1px solid white;
	background-image:url("../images/header_gradient.jpg");
	background-position:center top;
		background-repeat:repeat-x;
}

#header h2 {
	padding:0px 15px 0px 0px;
	margin:50px 0px 10px 375px;
	
	font: bold 21px Arial, Helvetica, sans-serif; 
	color:#666;
}

#header p {
	padding:0px 15px 0px 0px;
	margin:0px 0px 0px 375px;
	
	font:normal 12px Arial, Helvetica, sans-serif; 
	color:#666;
}

#header_left_column{
	width:370px;
	height:366px;
	
	background-image:url(../images/family_photos.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	
	float:left;
}	

#header_left_column h1 {
	margin:0px;
	padding:40px 0px 0px 90px;
	width:280px;
	height:110px;
		
	background-image:url("../images/header_logo.jpg");
	background-position:center top;
	background-repeat:no-repeat;
}

	#header_left_column h1 a{
		display:block;
		width:180px;
		height:75px;
		margin:0px;
	}

		#header_left_column h1 a span{
		display:none;
		}

 #header #header_left_column p {
	padding:0px 0px 0px 15px;
	margin:0px;
	font: bold 16px Arial, Helvetica, sans-serif; 
	color:#fff;
	font-style:italic;
}
#header_left_column p span{
	font: bold 16px Arial, Helvetica, sans-serif; 
	color:#666;
	font-style:italic;
}	

#header_left_column ul{
	width:300px;
	padding:0px 0px 0px 70px; 
}
	
#header_left_column li{
	float:left;
	display:block;
	width:90px;
	height:100px;
	}
	#header_left_column li a {
		display:block;
		width:90px;
		height:100px;
	}
		#header_left_column li a span{
			position: absolute;
			background-color: #eee;
			background-image:url(../images/pop_up_background.jpg);
			background-repeat:repeat-x;
			background-position:top right;
			
			padding: 5px;
			border:1px solid white;
			left: -1000px;

			visibility: hidden;
			color: black;
			text-decoration: none;
		}
			#header_left_column li a span img{
				border-width: 0;
				padding: 0px;
			}
			#header_left_column li a:hover span{
				display:block;
				position: absolute;
				visibility: visible;
				top: 25px;
				left: 345px; 
				z-index:150;
			} 

ul.pnav{
	margin:10px 0px 0px 375px;
}

ul.pnav li, ul.pnav li.first_last  {
	float:left;
	margin:5px 0px 0px 0px;
	height:12px;
	border-right:1px solid white;
	vertical-align:middle;
	text-align:center;
	}	
	ul.pnav li a{
		margin:0px 10px 0px 10px;
		height:11px;
		font: normal 11px Arial, Helvetica, sans-serif; 
		color:#fff;
		text-align:center;
	}
	
		ul.pnav li a span{
			display:none;
		}
		ul.pnav li a:hover span{
			position:relative;
			top:0px;
			left:0px;
			display:block;
			z-index:500;
		}
ul.pnav li.first_last  {
	border-left:1px solid white;
	}

#media{
	border:1px solid white;
	border-top:1px solid #777;
	width:800px;
	height:400px;
	
	background-image:url(../images/contributers.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

#footer{
	padding:10px 0px 10px 15px;
	border:1px solid white;
	border-top:1px solid #777;
	border-bottom:none;
	
	font: normal 11px Arial, Helvetica, sans-serif; 
	color:white;
}
#footer a, .spincaster p {
	text-decoration:underline;
	color:#FFFFFF;
}

#media ul{
	position:absolute;
	top:490px;
	}
#media li{
	position:absolute;
	width:200px;
	}	
#media li a{
	text-decoration:none;
	color:#999;
	padding:20px;
}
#media li a:hover{
	color:#ed9233;
}

#media p{
	margin:0px 0px 0px 10px;
}

#Interior_Contributors, #Exterior_Contributors, #Structural_Contributors, #Misc_Contributors, #SitePrep_Contributors,#Cash_Contributors,#Mat_Serv{
	position:absolute;
	top:485px; left:25px;
	width:800px;
	height:300px;
	
	background-image:url(../images/pop-up_shadow.png);
	background-repeat:no-repeat;
	background-position:-20px -20px;
		
	display:none;
	
	font:11px normal Arial, Helvetica, sans-serif;
	color:#817e7e;
}
#Contact_us,#Cash{
	padding:20px;
	font:11px normal Arial, Helvetica, sans-serif;
	color:#817e7e;
	
}
	#Contact_us em,#Cash em,#Cash ul li strong{
		text-decoration:none;
		color:#ed9233;
	}
	#Cash ul li{
		margin:10px 0px 0px 15px;
		list-style:square;
	}
#comments{
	position:absolute;
	top:275px; left:24px;
	width:750px;
	height:460px;
	padding:0px 0px 15px 0px; 
	
	background-color:#eee;
	border:3px solid #aaa;
	background-image:url(../images/pop_up_background.jpg);
	background-repeat:repeat-x;
	background-position:top left;
		
	display:none;
	
	font:11px normal Arial, Helvetica, sans-serif;
	color:#817e7e;
	overflow:auto;
	}

#comments_container #faq{
	padding:5px;
}	
	#comments_container #faq{ display:block;}
	
	#comments_container #faq h1{
		margin:15px 0px 5px 15px;
		width:715px;
		
		font:25px bold Arial, Helvetica, sans-serif;
		color:#94bf3d;
		
		border-bottom:1px dotted #ed9233;
	}
	#comments_container #faq p{
		margin:0px 35px 0px 15px;
		font-family: Arial, Helvetica, sans-serif;
		color:#666;
	}
		#faq p span{
			color:#94bf3d;
		}
	#comments_container #faq img{
		float:right;
		border:1px solid #bbb;
		margin:15px 35px 15px 15px;
	}
	#comments_container #faq em{
		text-decoration:none;
		color:#ed9233;
	}

.close_popup{
	position:absolute; top:0px; right:0px;
	width:25px;
	height:25px;
	padding:0px;
	margin:0px;
	
	background-image:url(../images/close.jpg);
	background-repeat:no-repeat;
	background-position:top right;
	
	cursor:pointer;
}


.tribute_to_contribute{
	position:relative;
	width:750px;
	height:250px;
	background-color:#eee;
	border:3px solid white;
	background-image:url(../images/pop_up_background.jpg);
	background-repeat:repeat-x;
	background-position:top right;
	
}
	.tribute_to_contribute h1{
		margin:15px 0px 5px 15px;
		width:715px;
		
		font:25px bold Arial, Helvetica, sans-serif;
		color:#94bf3d;
		
		border-bottom:1px dotted #ed9233;
			
	}

	.tribute_to_contribute a{
		text-decoration:none;
		color:#ed9233;
	}
	.tribute_to_contribute em{
		text-decoration:none;
		color:#ed9233;
	}
	.tribute_to_contribute p{
		padding:15px;
	}
		
	.tribute_to_contribute ul{
		margin:5px 0px 5px 15px;
		width:auto;
		font:12px normal Arial, Helvetica, sans-serif;
		color:#817e7e;
	}
		.tribute_to_contribute ul li{
			margin:0px 0px 0px 20px;
			padding:0px 5px 0px 5px;
			list-style:square outside;
		}
			.tribute_to_contribute ul li span{
			font-weight:bold;
			color:#94bf3d;
			}
		 ul.sublist li{
				margin:0px 0px 0px 10px;
				padding:0px;
				list-style:disc;
				font:11px normal Arial, Helvetica, sans-serif;
				color:#94bf3d;
			}
	.columnOne, .columnTwo, .columnThree{
		float:left;
	}

#coming_soon{
	position:absolute;
	width:138px;
	height:37px;
	
	top:335px;
	left:500px;
	
	background-image:url(../images/coming_soon.png);
	background-repeat:no-repeat;
	background-position:top left;
	z-index:3;
	display:none;
}

/*----------------------------------------------------------------------------------
	 Styles for Comments Page
----------------------------------------------------------------------------------*/

#comments_container{
	position:relative;
	top:0px;
	width:788px;
	margin:0px auto;
	background-image:url(../images/comments_header.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	background-color:#fff;
	border-top:1px solid #c0c0c0;
	}
	body .spincaster a {
		text-decoration:underline;
		color:#333333;
	}

#comments_header{
	width:748px;
	margin:0px 20px 20px 20px;
	border-bottom:5px solid #666;
	padding:0px;
}
	#comments_header h1{
		margin:125px 0px 0px 0px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:25px;
		color:#FF6600;
		font-weight:bold;
	}

a.submit_comment{
		margin:125px 0px 0px 0px;
		display:block;
		padding:5px;
		border:1px solid #FF6600; 
		font-family:Arial, Helvetica, sans-serif;
		float:right;
		font-size:12px;
		color:#FF6600;
		text-decoration:none;
	}

.comments_a_style, .comments_b_style{
	width:738px;
	background-color:#eee;
	margin:0px 20px 2px 20px;
	padding:5px 5px 10px 5px;
	
	color:#555;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	}

.comments_b_style{
	background-color:transparent;
}

.comments_a_style p,.comments_b_style p{ 
	margin:15px 5px 5px 5px;
}

	.comments_a_style p span , .comments_b_style p span{
		font-weight:bold;
		}
	.comments_a_style b , .comments_b_style b{
		color:#FF6600;
		font-weight:bold;
		}

	.comments_a_style a, .comments_b_style a{
		float:right;
		display:block;
		text-align:right;
		text-decoration:none;
		color:#FF6600;
		font-size:9px;
	}

#clearer, .clearer{
	clear:both;
}	
	
#comments_footer{
	width:788px;
	margin:25px 0px 0px 0px;
	height:55px;
	border-top:1px solid #CC6600;
	background-color:#ea8a24;
}
#comments_footer p.spincaster2  {
	float:right;
	margin:5px 65px 0px 0px;
	color:#FFFFFF;
}
	#comments_footer p.spincaster2 a {
		text-decoration:underline;
		color:#FFFFFF;
	}

#pnav, #snav{
	margin:10px 0px 0px 230px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	#pnav li, #snav li{
		padding:0px 5px 0px 5px;
		border-left:1px solid #fff;
		float:left;
		color:#fff;
		font-family:Arial, Helvetica, sans-serif;
		font-size:10px;
	}
		#pnav li a, #snav li a{
			text-decoration:none;
			color:#fff;
			font-family:Arial, Helvetica, sans-serif;
			font-size:10px;
		}
			#pnav li a:hover, #snav li a:hover{
				color:#feee82;
			}

/*----------------------------------------------------------------------------------
	additional styles for Contact.php page
----------------------------------------------------------------------------------*/
	#commentsForm {
		background:#eee;
		color:#817e7e;
		padding:10px;
	}
	.update{
		margin:5px 0px 0px 0px;
		color:#CC0000; 
	}
	#embeddedForm {
		margin:10px 10px 10px 10px;
		padding:10px;
		border:1px solid #bbb;
		display:block;
	}
	#embeddedForm ul li{margin:10px 0px 10px 0px;}
	#embeddedForm label{
		float:left;
		width:90px;
	}
	#embeddedForm input,#embeddedForm textarea{
		width:300px;
		border:1px solid #999;
		color#999;
	}
	#error {
		color:#CC0000; 
		margin-right:200px; 
		padding:2px;
	}
	#success {
		color:#006600;  
		margin-right:600px;
		padding:5px;
	}
	input#submit{
		width:85px;
	}
/*----------------------------------------------------------------------------------
	additional styles for photogallery
----------------------------------------------------------------------------------*/
#photogallery{
	padding:15px;
}
	#photogallery .element{
		margin:5px;
		
		width:743px;
		background:#ededed url(../images/gallery_background.jpg) no-repeat top left;
		border:1px solid #e2e1e1;
	}
	#photogallery ul{
		/*height:235px;*/
	}
		#photogallery ul li{
			float:left;
			margin:7px;
		}
			#photogallery ul li	a img{
				padding:2px;
				border:1px solid #aaa;
			}
	#photogallery h3{
		margin:0px 5px 0px 5px;
		padding:5px 5px 0px 5px;
		height:25px;
		width:735px;
		border:1px solid #879838;
		background:url(../images/highlighted_gallery_header.jpg) repeat-x top left;
		font-size:16px;
		color:#555;
		cursor:pointer;
		
	}
	
	#photogallery #accordion a.albumSetLink {
		float:left;
		width:47px;
		display:block;
		padding:5px; margin:5px 5px 5px 5px;
		background:#666;
		text-decoration:none;
		color:#fff;
	}
		#photogallery #accordion a.albumSetLink:hover{
			color:#fff;
			background:#ea8a24;
		}
/*----------------------------------------------------------------------------------
	additional styles for links page
----------------------------------------------------------------------------------*/

#links{
	padding:0px 20px 15px 20px;
	color:#555;
}
#links h3{
	margin:30px 0px 10px 0px;
	font-size:15px;
	border-bottom:1px solid #666;
}
#links p{
	margin:5px 0px 5px 0px;
}
#links a{
	text-decoration:none;
	color:#ed9233;
}
#links a:hover{
	color:#94bf3d;
}