/* General */
body {
	background-color: #b3945e;
	margin: 0;
	padding: 0;

}
#container {
	width: 980px;
	position: relative;
	margin: 0 auto;
}


/* Brown */
#brownBlock{
	width: 600px;
	position: absolute;
	margin: 0 300px 100px 49px;
}


/* Background Images */
.home {
		background: url(images/bg_home.jpg) no-repeat; width: 980px; height: 800px; border: 10px solid #bc9b65;
}
.about{
		background: url(images/bg_about.jpg) no-repeat; width: 980px; height: 800px; border: 10px solid #bc9b65;
}
.experience{
		background: url(images/bg_experience.jpg) no-repeat; width: 980px; height: 800px; border: 10px solid #bc9b65;
}
.services{
		background: url(images/bg_services.jpg) no-repeat; width: 980px; height: 800px; border: 10px solid #bc9b65; 
}
.contact{
		background: url(images/bg_contact.jpg) no-repeat; width: 980px; height: 800px; border: 10px solid #bc9b65;
}

/* Ed's Photo */

#edPhoto {
	margin: 52px 0 0 20px;
}

.logo{
	padding: 50px 0 0 10px;
}


/* Headlines */
#headline {
	margin: 50px 0 0 20px;
}

.home #headline {
	background: url(images/headline_home.gif) no-repeat;
	width: 509px;
	height: 99px;
	margin: 140px 0 0 15px;
}
.about #headline {
	background: url(images/headline_about.gif) no-repeat;
	width: 379px;
	height: 94px;
	margin: -125px 0 0 130px;
}
.services #headline {
	background: url(images/headline_services.gif) no-repeat;
	width: 267px;
	height: 41px;
}
.experience #headline {
	background: url(images/headline_experience.gif) no-repeat;
	width: 370px;
	height: 35px;
}
.contact #headline {
	background: url(images/headline_contact.gif) no-repeat;
	width: 369px;
	height: 35px;
}

/* White Text in Center of Each Page */
#content{
	font-family: Arial, Helvetica, sans-serif; 
	color: #fff;
	font-size: 13px;
	top: 200px;
	left:  20px;
	line-height: 22px;
	position: absolute;
	z-index: 1;
	width: 500px;
}
.home #content {
	top: 360px;
}
.about #content {
	top: 325px;
}

/* Form on Contact Page */
input {
background-color: #c69b4d;
border: 1px solid #c69b4d;
padding: 3px;
}

textarea {
background-color: #c69b4d;
border:  1px solid #c69b4d;
padding:  5px;
position: absolute;
top:  23px;
}
.formButton{
cursor: pointer;
padding: 0;
border: none;
width: 70px;
height: 35px;
position: absolute;
top: 138px;
}

.comments
{
position: absolute;
top:  20px;
left:  200px;
}
	

/* Navigation at Bottom */
#bar {
	background: url(images/bar.gif) no-repeat;
	position: absolute;
	width: 980px;
	height: 32px;
	top: 0px;
}
#navigation {
	position: absolute;
	width: 980px;
	height: 32px;
	top: -2px;
	left: 50px;
	z-index: 20
}

#navigation ul{
	list-style: none;
	position: absolute;
	bottom: -18px;
	height: 32px;
	top:-16px;
	*top: 0px;
	left: -40px;
}

#navigation li {
	float: left;
	display: inline;
	padding-left: 5px;
}

#navigation li a{
	float: left;
	height: 34px;
	display: block;
	text-indent: -999px;
}

#nav-home a{
	background: url(images/btn_home.gif) 0 0 no-repeat;
	height: 34px;
	width: 70px;
	display: block;
}

#nav-home a:hover, .nav-active a {
	background-position: 0 -34px !important;
}

#nav-services a{
	background: url(images/btn_services.gif) 0 0 no-repeat;
	height: 34px;
	width: 88px;
	display: block;
}

#nav-services a:hover{
	background-position: 0 -34px !important;
}

#nav-about a{
	background: url(images/btn_about.gif) 0 0 no-repeat;
	height: 34px;
	width: 83px;
	display: block;
}

#nav-about a:hover{
	background-position: 0 -34px !important;
}

#nav-experience a{
	background: url(images/btn_experience.gif) 0 0 no-repeat;
	height: 34px;
	width: 93px;
	display: block;
}

#nav-experience a:hover{
	background-position: 0 -34px !important;
}

#nav-contact a{
	background: url(images/btn_contact.gif) 0 0 no-repeat;
	height: 34px;
	width: 84px;
	display: block;
}

#nav-contact a:hover{
	background-position: 0 -34px !important;
}