@charset "UTF-8";
body  {
	font: 100% Verdana, Arial, Helvetica, sans-serif;
	background: #e1e1e1; background-image:url(images/bkgd_sq.gif); background-repeat: repeat; 
	margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
	padding: 0;
	text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
	color: #000000;
	
}

.twoColFixLtHdr #containerAnim { 
	width: 600px; height: 600px;  
	background: #FFFFFF; padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 11px;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
} 

.twoColFixLtHdr #container {
	width: 900px;
	padding:0px;
	margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	margin-top: 11px;
	border: none;
	text-align: left; /* this overrides the text-align: center on the body element. */
	background-color: #FFFFFF;
	background-image: url(images/container_bg.gif);
	background-repeat: repeat-y;
	background-position: 375px 0px;
} 
.twoColFixLtHdr #header {
	background: white;  /* this padding matches the left alignment of the elements in the divs that appear beneath it. If an image is used in the #header instead of text, you may want to remove the padding. */
	margin: 0;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 40px;
	padding-left: 0;
} 
.twoColFixLtHdr #header #tag {
	margin: 0; /* zeroing the margin of the last element in the #header div will avoid margin collapse - an unexplainable space between divs. If the div has a border around it, this is not necessary as that also avoids the margin collapse */
	padding-left: 20px; padding-bottom: 28px;
}
.twoColFixLtHdr #sidebar1 {
	float: left; /* since this element is floated, a width must be given */
	width: 357px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-top: 0px !important;
}



.twoColFixLtHdr #container #logo { border:none;
}

/*HOMEPAGE*/
.twoColFixLtHdr #sidebar1 #photoMain {
	padding:0px;
	margin:0px;
	float:left;
	padding-left: 32px;
}


/*Nonprofits Page*/
.twoColFixLtHdr #sidebar1 .np_photo {
	margin-left:23px;
	float:left;
	border:1px solid #e1e1e1;
	margin-bottom: 80px;
}



/*PROJECT PAGE*/
.twoColFixLtHdr #sidebar1 #photoMainProject{
	border:1px solid #e1e1e1;
	padding:0px;
	margin:0px;
}


.twoColFixLtHdr #sidebar1 .photoAndZoom {padding:0px; margin:0px; border: none; border-left: none; margin-left: 23px; }
.twoColFixLtHdr #sidebar1 .photoAndZoom p{
	font-size:9px;
	line-height:9px;
	text-align:center;
	margin:0px;
	padding-bottom: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-left: 0px;
}
.twoColFixLtHdr #sidebar1 .beforePics {
	width: 327px;
	padding-left: 23px;
	padding-top: 10px;
}
.twoColFixLtHdr #sidebar1 .beforePics img{margin-right: 10px; border:1px solid #e1e1e1;}
.twoColFixLtHdr #sidebar1 .beforePics p{text-align:left; font-size: 10px; margin:0px; padding:0px; padding-bottom: 5px; padding-top: 10px; border-top: 1px solid #E1E1E1;}

.twoColFixLtHdr #sidebar1 .afterPics {
	width: 327px;
	float:left;
	margin-left: 0px;
	padding-left: 23px;
	padding-top: 5px;
}
.twoColFixLtHdr #sidebar1 .afterPics img{margin-right: 10px; border:1px solid #e1e1e1; margin-top: 4px;}
.twoColFixLtHdr #sidebar1 .afterPics p{text-align:left; font-size: 10px; margin:0px; padding:0px; padding-bottom: 5px; padding-top: 10px; border-top: 1px solid #E1E1E1; margin-top: 10px;}
.twoColFixLtHdr #sidebar1 .afterPics #firstRow {padding-top:15px; background-color: red;}

.twoColFixLtHdr #mainContent #subNav {
	font-size: 11px;
	word-spacing:0.25em;
	color:#e1e1e1;
	padding-bottom: 5px;
	font-weight:bold;
	background-color: #f3f3f3;
	padding-left: 10px;
	padding-top: 5px;
	border: 1px solid #e2e2e2;
	border-top:none;
	margin-bottom: 30px;
} 

.twoColFixLtHdr #mainContent #subNav a:link{
color: #901C47; text-decoration:none;
} 

.twoColFixLtHdr #mainContent #subNav a:hover{
color: #9BC350; text-decoration:none;
}

.twoColFixLtHdr #mainContent ul {font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 11px; line-height: 18px; color:#545454; margin-left: 0; padding-left: 2.5em;}
.twoColFixLtHdr #mainContent ul li {list-style-image:url(images/square_bullet.gif); list-style-type:square; padding-bottom: 6px;}

.twoColFixLtHdr #mainContent .projectTitle {font-weight:bold; font-size: 13px; color:#000000;}

/*END PROJECT PAGE*/

/*TESTIMONIAL PAGE*/
.twoColFixLtHdr #sidebar1 #photoMainTestimonial{
	border:1px solid #e1e1e1;
	padding:0px;
	margin:0px;
}

.twoColFixLtHdr #mainContent p.testimonial{ padding-top: 0px;
}

.twoColFixLtHdr #mainContent #testimonials{ margin-top: 10px;
}

.twoColFixLtHdr #mainContent .test2 {
	overflow: auto;
	height: 385px;
	width: 456px; margin-top: 15px; padding-right: 20px;
}

.twoColFixLtHdr #mainContent p.last {border-bottom:1px solid #e1e1e1; padding-bottom: 1.25em;}
/*.twoColFixLtHdr #mainContent p.Jun  { color:#000000; background-color: yellow;}*/

/*END TESTIMONIAL PAGE*/


/*BEGIN SERVICES PAGE*/
.twoColFixLtHdr #mainContent .serviceTitle {font-weight:bold; font-size: 13px; color:#000000;}
.twoColFixLtHdr #sidebar1 #photoServices {padding:0px; margin:0px; border:1px solid #e1e1e1; margin-left: 95px; }

/*END SERVICES PAGE*/

.twoColFixLtHdr #mainContent {
	margin: 0px 0 0 375px; /* the left margin on this div element creates the column down the left side of the page - no matter how much content the sidebar1 div contains, the column space will remain. You can remove this margin if you want the #mainContent div's text to fill the #sidebar1 space when the content in #sidebar1 ends. */
	padding: 0 23px 10px 23px;
	min-height: 450px; /* if you change this value, also change it in the condintional comment for IE*/
} 

.twoColFixLtHdr #mainContent p{ font-size: 11px; line-height: 18px; color:#545454;
}

.twoColFixLtHdr #mainContent p.home{ padding-top: 10px;
}

.twoColFixLtHdr #mainContent a:link{ color: #901C47; text-decoration:none;
}

.twoColFixLtHdr #mainContent a:visited{  color: #901C47; text-decoration:none;
}

.twoColFixLtHdr #mainContent a:hover{ color: #9BC350; text-decoration:none;
}

.twoColFixLtHdr #mainContent #mainNav {
	font-size: 10px;
	color:#000000;
	padding-bottom: 5px;
	font-weight:bold;
	background-color: #f3f3f3;
	padding-left: 10px;
	padding-top: 5px;
	border: 1px solid #e2e2e2;
	word-spacing: 0.2em;
} 

.twoColFixLtHdr #mainContent #mainNav a:link{
color: #901C47; text-decoration:none;
} 

.twoColFixLtHdr #mainContent #mainNav a:hover{
color: #9BC350; text-decoration:none;
}

.divVert {color:#E1E1E1;}

.twoColFixLtHdr #footer {
	margin: 0;
	padding: 14px 23px 0 23px; /* this padding matches the left alignment of the elements in the divs that appear above it. */
	background:white;
	border-top: 1px solid #E1E1E1;
	font-size:9px;
	color:#545454;
	width: 900px;
	clear: both;
	padding-top: 12px;
	padding-right: 0px;
	padding-bottom: 12px;
	padding-left: 0px;
} 

#footer #copyright {
	float: right;
	margin:0;
	padding-top: 0;
	padding-right: 23px;
	padding-bottom: 0;
	padding-left: 0;
}

#footer #contact {
	margin:0;
	left: 23px;
	color:#79ad18;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 23px;
}

#footer a:link {
	color:#79ad18; text-decoration: none;
}

#footer a:visited {
	color:#79ad18; text-decoration: none;
}

#footer a:hover {
	color:#901C47; text-decoration: none;
}

#footer .square { font-family:Webdings; color:#901C47;
}


.fltrt { /* this class can be used to float an element right in your page. The floated element must precede the element it should be next to on the page. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* this class can be used to float an element left in your page */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* this class should be placed on a div or break element and should be the final element before the close of a container that should fully contain a float */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}