/*
 * Eco Harvest Wood Company. CSS
 */

 
html {
margin: 0;
padding: 25px 50px;
background-color: Black;
}
 
 
body { 
margin: auto;
padding: 0px;
width: 950px;
max-width: 950px;
font-family: Helvetica, Verdana san-serif;
font-size: 13px;
color: #4d2600;
}


a {
color: #4d2600;
}


#container{
margin: 0;
padding: 0;
width: 920px;
background-color: Tan;
}


#logo {
margin: 0 auto;
width: 800px;
padding: 20px;
height: auto;
}

#logo a {
color: #666600;
}


#menu_frame {
margin: 0 auto;
height: 40px;
width: 900px;
border: 10px White solid;
}

#menu { 
float: left;
width: 900px;
height: 35px;
}

#menu ul {
margin: 0;
padding: 12px 0 0 70px;
list-style: none;
line-height: normal;
}

#menu li {
float:left;
text-align: center;
}

#menu a {
display:block;
padding:0 50px;
background: Tan;
text-decoration:none;
font-weight:bold;
color: #666600;
}

#menu a:hover {	
text-decoration:underline;		
}

#menu .current a{
color: #663300;
text-decoration:underline;
font-weight:bold;
}



#content{
width: 880px;
padding: 10px;
margin: 0 auto;
background: White;
border: 10px White solid;
}


/*#filmstrip {
margin: 0;
width: auto;
height: auto;
padding: 0 0 10px 120px;
position: relative;
top: 0;
left: 0;
z-index: 1;
}

#filmstrip_picture {
width: 110px;
height: auto;
position: absolute;
top: 25px;
left: 121px;
z-index: 5;
}*/

#filmstrip {
margin: 0;
position: relative;
width: auto;
height: auto;
z-index: 1;
}

#filmstrip_picture {
height: auto;
position: absolute;
top: 25px;
left: 121px;
z-index: 5;
}


#film { 
position: absolute;
top: 25px;
left: 81px;
z-index: 5;
}

#film ul {
margin: 0;
list-style: none;
line-height: normal;
}

#film li {
float:left;
}


#pictureframe {
margin: 10px;
width: auto;
height: auto;
position: relative;
top: 0;
left: 0;
}



#picture1 {
width: 250px;
height: auto;
position: absolute;
top: 0px;
left: 200px;
z-index: 5;
}

#picture2 {
width: 250px;
height: auto;
position: absolute;
top: 20px;
left: 410px;
z-index: 1;
}

#picture3 {
width: 250px;
height: auto;
position: absolute;
top:150px;
left:315px; 
z-index: 2;
}

#picture4 {
width: 500px;
height: auto;
position: absolute;
top:250px;
left:250px; 
z-index: 1;
}

#floatLeft { 
float: left; 
margin: 10px; 
}

#floatRight { 
float: right; 
margin: 10px; 
}



/* 
 * footer:  carries the copyright and other leagal and /or contact information about the company 
 */
#footer{
width: 890px;
height: 40px;
margin: 0 auto;
padding: 0 5px;
text-align: right;
background: Tan;
border: 10px White solid;
}