/* Main stylesheet for layout */
.clear {
	clear: both;
}

body {
	background-image: url(../images/bg-main.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

#body-wrapper {	
	position: relative; 
	padding-top: 436px; /* Change to height of  */
	width: 970px;
	margin: 0 auto;
}
.section-inner { 
	width: 970px;
	margin: 0 auto;
	overflow: hidden;
}

/* --HEADER-- */

#header { 
	top: 0; left: 0;
	position: absolute;
	height: 436px; /* Change to correct height */
	width: 100%;
	z-index: 10;
	background: url(../images/bg-header.png);
}
	#mainnavigation {
		position: absolute;
		z-index: 20;
		top: 46px;
		right: 15px;
		border-top: 1px solid #d6c6a8;
		border-bottom: 1px solid #d6c6a8;
		padding: 5px 0px;
	}
		#mainnavigation ul {}
			#mainnavigation ul li {
				float: left;
				list-style: none;
			}
				#mainnavigation ul li a {
					display: block;
					height: 1px;
					padding-top: 21px;
					overflow: hidden;
				}
				#mainnavigation ul li a:hover, #mainnavigation ul li a.active {
					background-position: 0 -22px;
				}
					#nav-home {background: url(../images/nav/nav-home.png); width: 64px;}
					#nav-about {background: url(../images/nav/nav-about.png); width: 212px;}
					#nav-gallery {background: url(../images/nav/nav-gallery.png); width: 198px;}
					#nav-testimonials {background: url(../images/nav/nav-testimonials.png); width: 129px;}
					#nav-contact {background: url(../images/nav/nav-contact.png); width: 101px;}
#logo {
	top: 35px;
	left: 15px;
	position: absolute;
}

#utilities {
	top: 5px;
	right: 5px;
}

#header-banner {
	position: absolute;
	left: 15px;
	top: 109px;
	width: 940px;
	height: 327px;
	background-repeat: no-repeat;
	background-image: url(../images/banner/banner.jpg);
}
	#header-banner.about {background: url(../images/banner/banner.jpg);}
	#header-banner.gallery {background: url(../images/banner/gallery.jpg);}
	#header-banner.testimonials {background: url(../images/banner/testimonials.jpg);}
	#header-banner.contact {background: url(../images/banner/contact.jpg);}

/* --CONTENT-- */

#content { 
	position: relative; 
	overflow: hidden;
	background-image: url(../images/bg-extend.png);
	background-repeat: repeat-y;
	width: 970px;
}
	#content-bottom {
		width: 940px;
		padding: 0px 15px;
		background-image: url(../images/bg-bottom.png);
		background-position: center bottom;
		background-repeat: no-repeat;
		overflow: visible;
		min-height: 354px;
		position: relative;
	}

	#content-body {
		float: left;
		width: 597px; /*717px;*/
		position: relative;
		left: 223px; top: 0;
		padding: 45px 60px 95px 60px;
	}
		#cta-contact {
			display: block;
			background: url(../images/cta-contact.gif);
			width: 578px;
			height: 1px;
			padding-top: 32px;
			overflow: hidden;
			position: absolute;
			bottom: 50px;
			left: 300px;
		}
		#cta-contact:hover {
			background-position: 0 -33px;
		}
	#sidebar { /* Appears after content-body in markup, but often is shifted to the left */
		float: left;
		width: 223px;
		position: relative;
		left: -717px; top: 0;
		height: 338px;
		background-image: url(../images/sidebar/sidebar.jpg);
	}
		#sidebar.about {background: url(../images/sidebar/sidebar.jpg) no-repeat;}
		#sidebar.gallery {background: url(../images/sidebar/gallery.jpg);}
		#sidebar.testimonials {background: url(../images/sidebar/testimonials.jpg);}
		#sidebar.contact {background: url(../images/sidebar/contact.jpg);}

/* --FOOTER-- */

#footer {
	color: #7f7f7f;
	font-size: 11px;
	padding-bottom: 30px;
	margin-top: 5px;
}
	#footer a {
		color: #7f7f7f;
		text-decoration: none;
	}
	#footer a:hover {
		text-decoration: underline;
	}
	#footer-left {
		margin-left: 15px;
		float: left;
		text-align: left;
	}
	#footer-right {
		margin-right: 15px;
		float: right;
		text-align: right;
	}
		#footer-right .footer-links a {
			padding: 0 5px;
		}
			#footer-right .footer-links a.last-footer-link {
				padding: 0 0px 0px 5px;
			}
			

/**********************FORM***************************/

#form {
	display: none;
	background: url(../images/splash/bg-form.png) no-repeat;
	width: 438px; /*628px;*/
	height: 375px; /*485px;*/
	padding: 55px 95px;
	z-index: 9999;
	position: absolute;
	top: 130px;
}

#form form {
		font-size: 14px;
	}
		#form table {
			margin-bottom: 10px;
		}
			#form td {
				border-bottom: 7px solid #ffffff;
			}
				.asterisk {
					margin-left: 5px;
					padding-bottom: 6px;
				}
				.icon-star {
					display: block;
					width: 8px;
					height: 1px;
					padding-top: 6px;
					background:url(../images/splash/icon-star.gif);
				}
				.form-title {
					display: block;
					margin-bottom: 15px;
					font-size: 26px;
					color: #0054a6;
					font-weight: bold;
				}
				.form-description {
					width: 120px;
					text-align: left;
					height:45px;
				} 
				.textbox-description {
					padding-top: 8px;
				}
				.form-input {
					width: 308px;
					height: 23px;
					border: 1px solid #b3b3b3;
					background: url(../images/splash/bg-input.png);
					padding-top: 7px;
					padding-left: 3px;
				}
				.form-textbox {
					width: 427px;
					height: 56px;
					border: 1px solid #b3b3b3;
					background:url(../images/splash/bg-textbox.png);
					padding: 2px;
				}
				.required {
					color: #93820E;
					float: left;
					display: block;
					padding-left: px;
					background:url(../images/splash/icon-star.gif) 0 3px no-repeat;
				}
				.form-submit {
					
					margin-top:8px;
					}
				/*	color: transparent;
					width: 125px;
					height: 33px;
					padding-top: 33px;
					border: none;
					background: url(../images/splash/btn-submit.png);
					margin-right: 3px;
					display: block;
					cursor: pointer;
				}
				.form-submit:hover {
					background-position: 0 -33px;
					cursor: pointer;
				}*/
				
				input.error {
					border: 1px solid red;
				}
				
				label.error {
					background: url('../images/unchecked.gif') no-repeat;
					padding-left: 16px;
					margin-left: .3em;
				}
				
				label.valid {
					background: url('../images/checked.gif') no-repeat;
					display: block;
					width: 16px;
					height: 16px;
				}

strong.msg-error {
	color: red;
}