body, h1, h2, h3, h4 {
font-family: Arial;
}

a:link {color: #FFB117;}
a:active {color: #EE9A4D;}
a:visited {color: #C8B560;}
a:hover {color: #FF0000;}

body {
background-color: black;
margin: 0;
padding: 0;
border: 0;
overflow: auto;
height: 100%; 
max-height: 100%; 
}

#framecontentLeft, #framecontentRight {
position: absolute; 
top: 0; 
left: 0; 
width: 250px; /*Width of left frame div*/
height: 100%;
overflow: visible; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: black;
color: white;
}

#framecontentRight{
left: auto;
right: 0; 
width: 200px; /*Width of right frame div*/
overflow: hidden; /*Disable scrollbars. Set to "scroll" to enable*/
background-color: black;
color: white;
}

#maincontent{
position: fixed; 
top: 0;
left: 250px; /*Set left value to WidthOfLeftFrameDiv*/
right: 200px; /*Set right value to WidthOfRightFrameDiv*/
bottom: 0;
overflow: visible;
color: white; 
background-color: black;

}

.innertube{
margin: 15px; /*Margins for inner DIV inside each DIV (to provide padding)*/
}

* html body{ /*IE6 hack*/
padding: 0 200px 0 250px; /*Set value to (0 WidthOfRightFrameDiv 0 WidthOfLeftFrameDiv)*/
}

* html #maincontent{ /*IE6 hack*/
height: 100%; 
width: 100%; 
}



h1, h3 {
text-align: center;
}

#copystat {
font-size: x-small;
}


#why {
background-image: url(Barrels.jpg); 
background-repeat: no-repeat;
width: 800px;
height: 600px; 
}

* html #why { /*IE6 hack*/
height: 100%;
width: 100%;
}

.products {
background-image: url(oakleaves.jpg); 
background-repeat: no-repeat;
width: 800px;
height: 600px; 
}

* html .products { /*IE6 hack*/
height: 100%;
width: 100%;
}

#products {
background-image: url(oakleaves.jpg); 
background-repeat: no-repeat;
width: 800px;
height: 600px; 
}

* html #products { /*IE6 hack*/
height: 100%;
width: 100%;
}


#blacktext {
color: black;
width: 485px;
}