/* Site Layout */
html, body { 
	height: 100%;
	margin: 0;
	padding: 0;
}

body { background-color: #EEEEEE; }

img { border: 0; }

#container {width: 100%; min-height: 100%; position: relative;}
	#header {
		height: 85px;
		background-color: #333333;
		background-image: url('http://www.newlywebbed.com/img/header_shadow2.png');
		background-repeat: repeat-x;
		background-position: bottom;
		padding: 10px 0 15px;
	}
		#header_container {width: 822px; margin: 0 auto;}

		#logo {float: left; margin-right: 40px;}

		#nav {
			background-image: url('http://www.newlywebbed.com/img/nav_dividers.gif');
			background-repeat: no-repeat;
			margin: 28px auto 20px;
			padding: 0;
			float: left;
			list-style: none;
		}
			#nav li {margin-right: 2px; padding: 0; float: left;}
	#content {
		width: 940px;
		margin: 25px auto 0;
		padding-bottom: 15px;
		overflow: hidden;
	}
	#copyright {
		width: 100%;
		height: 15px;
		background-color: #333333;
		background-image: url('http://www.newlywebbed.com/img/footer_shadow2.png');
		background-repeat: repeat-x;
		background-position: top;
		color: #FFFFFF;
		font: 10px Arial, Helvetica, sans-serif; 
		text-align: center;
		padding: 5px 0;
		position: absolute;
		bottom: 0;
	}

#nav_about {
	background: url('/img/about.png') no-repeat;
}
#nav_about:hover {
	background: url('/img/about_over.png') no-repeat;
}
#nav_about_active {
	background: url('/img/about_active.png') no-repeat;
}

#nav_services {
	background: url('/img/services.png') no-repeat;
}
#nav_services:hover {
	background: url('/img/services_over.png') no-repeat;
}
#nav_services_active {
	background: url('/img/services_active.png') no-repeat;
}

#nav_blog {
	background: url('/img/blog.png') no-repeat;
}
#nav_blog:hover {
	background: url('/img/blog_over.png') no-repeat;
}
#nav_blog_active {
	background: url('/img/blog_active.png') no-repeat;
}

#nav_portfolio {
	background: url('/img/portfolio.png') no-repeat;
}
#nav_portfolio:hover {
	background: url('/img/portfolio_over.png') no-repeat;
}
#nav_portfolio_active {
	background: url('/img/portfolio_active.png') no-repeat;
}

#nav_contact {
	background: url('/img/contact.png') no-repeat;
}
#nav_contact:hover {
	background: url('/img/contact_over.png') no-repeat;
}
#nav_contact_active {
	background: url('/img/contact_active.png') no-repeat;
}

input.error, textarea.error {
	border: 1px dotted #FF0000;
}