/*
Site Design by Danaly Design | www.DanalyDesign.com
*/

/* defaults, globals, and miscellaneous
==============================================================================*/
* { /* removes defaults from all elements */
	margin: 0;
	padding: 0;
	}
	
body {
	font-size: 62.5%; /* sets the stage for using ems */
	text-align: center;
	background: #3b788b url(../img/mainBG.jpg) repeat-x;
	}
	
hr { 
	display:none;
	}
	
a {
	color: #3b788b;
	text-decoration: none;
	}
	
a:hover {
	text-decoration: underline;
	}
	
.clearHack {
	display: block;
	visibility: hidden;
	clear: both;
	height: 0;
	}
	
#skipLink {
	display: none;
	}
	
#ContentBody #testimonial p{
	width: 527px;
	margin: 10px 0 10px 0;
	padding:20px;
	text-align:left; background:url(../img/testimonialsBG.jpg) top #f1f1f1;
	border:1px solid #ccc;
	font: normal 1.2em/1.4em 'lucida grande',tahoma,sans-serif;
	color: #555; font-style:italic;
	}

/* folioThumnbnails
==============================================================================*/
.folioTH {
	position: relative;
	/*float: left;*/
	width: 527px;
	}
.folioTH a {
	margin-right: 7px;
	}
	.folioTH a.endRow {
		margin-right: 0;
		}
.folioTH a img {
	padding: 3px;
	border: 1px solid #ccc;
	}
.folioTH a:hover img {
	background: #ffc;
	border: 1px solid #2388ff;
	}

/* inline images
==============================================================================*/
img {
	border: 0; /* removes border in case images have anchor around them */
	}
	
.inlineImage {
	text-align: center;
	font: normal 1.0em 'lucida grande',tahoma,sans-serif;
	color: #999;
	}
	
	.inlineImage img {
		padding: 3px;
		border: 1px solid #ccc;
		}
		
	.noStyle img {
		padding: 0;
		border: 0 none;
		}
		
.right {
	float: right;
	margin: 1.3em 0 0 2em;
	}
	
.left {
	float: left;
	margin: 1.3em 2em 0 0;
	}
	
.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
	}
	
	/* main layout
==============================================================================*/
#wrapper {
	position: relative;	
	margin: 0 auto;	
	text-align: center;
	}
	
#container {
	width:825px;
	position: relative;
	top: 50px;
	margin: 0 auto;	
	text-align: left;	
	}

#LeftSide {
	position: relative;
	text-align:center;
	float: left;
	margin: 0;
	width: 196px;	
	}

			#logo {
				position: relative;
				text-align:center;
				width:196px;
				top:30px;
			}
			
			#navigation {
				position: relative;
				text-align:left;
				top:93px;
			}
			
						#nav {
							list-style: none;
							font:  bold 1.2em/1em 'lucida grande',tahoma,sans-serif;
							}
							
						#nav li {
							float: left;
							height: 41px;
							}
							
						#nav li a {
							color:#fff;
							display: block;
							line-height: 41px;	
							border-bottom: 1px dotted #fff;	
							}
							
							#nav li a:hover {
								color: #134754; text-decoration: none;
								background: #3c92a7 url(../img/navOn.jpg);
								}
								
							#nav li a.currentSelection,
							#nav li a.currentSelection:hover {
								background: #3c92a7 url(../img/navOn.jpg);
								}
								
						#home {
							width:196px;
						}
						
						#residential {
							width:196px;
						}
						
						#commercial {
							width:196px;
						}
						
						#worship {
							width:196px;
						}
						
						#aboutus {
							width:196px;
						}
						
						#getintouch {
							width:196px;
						}
						
						#testimonials {
							width:196px;
						}
						
						#green {
							width:196px;
						}
		
	#content {
		float: left;
		width: 570px;
		margin: 0;
		padding:20px;
		text-align:left;
		background-color:#fff;
		border:3px solid #3b788b;	
	}

				#ContentHeader {
					position: relative;
					width:573px;
					height: 165px;
					background-color:#999999;
					
				}
				
				#ContentBody {
					
				}
				
					#ContentBody p {
						margin: .5em 0 .5em 0;
						font: normal 1.2em/1.8em 'lucida grande',tahoma,sans-serif;
						color: #555;
					}
					
					#ContentBody h1 {
						clear: none;
						margin: 20px 0 15px 0;
						padding-bottom: 3px;
						font: bold 1.6em/1em 'lucida grande',tahoma,sans-serif;
						color: #006699;
						text-transform: uppercase;
						border-bottom: 1px solid #003366;
						}
						
						#ContentBody h2 {
						clear: none;
						margin: 20px 0 15px 0;
						padding-bottom: 3px;
						font: bold 1.2em/1em 'lucida grande',tahoma,sans-serif;
						color: #008499;
						text-transform: uppercase;
						}
						
						#ContentBody ul {
							list-style: circle;
							padding:0 0 0 25px;						
							font: normal 1.2em/1.4em 'lucida grande',tahoma,sans-serif;
							color: #555;
							}
							
						#ContentBody li {
							height: 15px;	
							}
							
						#ContentBody li a {
							color:#fff;
							display: block;
							line-height: 41px;	
							border-bottom: 1px dotted #fff;	
							}
							
							#ContentBody li a:hover {
								color: #134754;
								background: #3c92a7 url(../img/navOn.jpg);
								}
						
						.feature {
							position: relative;
							text-align:center;
							width: 573px;
							}
									.feature a {
										margin-right: 15px;
										}
										.feature a.endRow {
											margin-right: 0;
											}
									.feature a img {
										padding: 3px;
										border: 1px solid #4eb3c2;
										}
									.feature a:hover img {
										background: #ffc;
										border: 1px solid #081417;
										}

	/* footer layout
==============================================================================*/
#footer {
	width: 930px;
	margin: 0;
	color: #fff;
	font: normal 1.1em/1em 'lucida grande',tahoma,sans-serif;
	clear: both;
}
			#footer ul {
				float:right;
				text-align:right;
				padding: 10px 117px;
				list-style: none;
			}
			
			#footer ul li { margin: 0 0 .65em 0; }
			#footer ul li a { color: #fff; text-decoration: none; }
			#footer ul li a:hover { color: #CCCCCC; text-decoration: underline; background: transparent; }
			
#DD {
	margin: 0; padding: 0; top: 0; height: 0px;
	font: normal .3em 'lucida grande',tahoma,sans-serif; color:#FFFFFF;
	visibility:hidden; display:none;
}