/****************** normalizing stylesheet ***********************/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,p 
	{  
	    margin:0; 
	    padding:0; 
	} 
	
	img {  
	    border:0; 
	} 
	
	ol,ul
	{ 
	    list-style:none; 
	} 
	
	h1,h2,h3,h4,h5,h6 { 
	    font-size:100%; 
	    font-weight:normal; 
	} 
	a{ outline: none;}
	
/********************* masthead ***************************/

div#masthead{
	width:918px;
	height: 45px;
	background: url(images/top.gif) no-repeat top left;
}

h1{
	margin-left: -9000px;
}

/******************* masthead on index page ***************/

#index div#masthead{
	position: absolute;
	top: 0;
	left: ;
}
/******************** container div ***********************/
#container{
	width: 911px;
	
}


/******************* mainnav ********************/

#mainnav{
	float: left;
	width: 89px;
}
ul#mainnav li#first{
	background: #ffffff url(images/line_above_nav.gif) no-repeat top left;
	width:89px;
	height:21px;
}
ul#mainnav a#home{
	display: block;
	width:89px;
	height:21px;
	text-decoration: none;
	background:#fff url(images/home.gif) no-repeat center left;
	text-indent: -300px;
}
ul#mainnav a#portfolio{
	display: block;
	width:89px;
	height:23px;
	text-decoration: none;
	background:#fff url(images/portfolio.gif) no-repeat center left;
	text-indent: -300px;
}
ul#mainnav a#contact{
	display: block;
	width:89px;
	height:29px;
	text-decoration: none;
	background:#fff url(images/contact.gif) no-repeat center left;
	text-indent: -300px;
}
/********************** index page main nav ***************/

#index #mainnav{
	position: absolute;
	left: 89px;
	top: 45px;
}

/******************* maincontent ***************/
#maincontent{
	float: right;
	width: 822px;
	background-color: #796c37;
}



 #maincontent img{
	display: block;
	border: 1px solid #fff;
	
}
 #maincontent #img1{
	border-top: none;
	border-left: none;
	position: relative;
	left: 0px;
	top: 0;
	width: 699px;
	height: 258px;
}
 #maincontent #img2{
	position: relative;
	left: 280px;
	top: -1px;
	width: 500px;
	height: 375px;
}
 #maincontent #img3{
	border-left: none;
	position: relative;
	top: -2px;
	width: 600px;
	height: 303px;
}	
 #maincontent #img4{
	position: relative;
	left: 122px;
	top: -3px;
	width: 699px;
	height: 287px;
}

 #maincontent #img5{
	border-left: none;
	position: relative;
	left: 0px;
	top: -4px;
	width: 598px;
	height: 233px;
}
 #maincontent #img6{
	border-bottom: none;
	position: relative;
	left: 320px;
	top: 0px;
	margin-top: -5px;
	width: 399px;
	height: 533px;
}
/******************** mainimage on index page ***************/

#index #mainnav{
	position: absolute;
	top: 45px;
	left: 89px;
}
/******************** clearing div *********************/
#clear{
	clear: both;
}
/******************* contact page ********************/

#contact #maincontent{
	float: right;
	width:821px;
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	color:#2F2A17;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
}
#contact #contactimage {
	float: right;
	width: 480px;
	height: 295px;
	margin-top: 3px;
	margin-bottom: 3px;
	
	
}
#contact em{
	font-weight: bold;
}
#contact p{
	float: left;
	font-size: 100%;
	margin-left: 15px;
	margin-top: 21px;
	
}
#contact a{
	text-decoration: none;
	color: #7F723F;
}
#contact a:hover{
	text-decoration: underline;
}
/******************* footer ********************/
#footer img{
	display: block;
	margin-top: none;
}
/**************** footer ***************/
#index #footer{
	position: absolute;
	top: 470px;
	left: -1px;
}