﻿/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* NATURALLY OAK FLOORING - CSS (STRUCTURE) */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
* 
{
    padding:0;
    margin:0;
} 
a img 
{
    border:none;
}
.clear
{
    font-size:1px;
    width:1px;
    height:1px;
    position:relative;
    clear:both;
    display:block;
}
ul,li
{
    list-style-type:none;
}
body, html
{
    font-size:100%;
}
.jumpTo
{
    display:none;
}
/*----------------------------------------------------------------------*/
/*--------*//* BODY */
body
{
	font:95% Arial, Helvetica, sans-serif;
	background:#85bd00 url(../images/bkg.jpg) top center no-repeat fixed;
}

/*----------------------------------------------------------------------*/
/*--------*//* WRAPPERS */
#container1 
{
	width:100%;
	text-align:center;
}
#container2
{
	margin:0 auto;
	position:relative;
	padding-top:400px; 
	width:770px;
	text-align:left;
	font-size:1.0em;
	background:#fff;
}
/*----------------------------------------------------------------------*/
/*--------*//* COLUMNS */
#leftcol
{ 
	float:left;
	padding:10px 20px 0 10px;
	width:520px;
}
#rightcol
{ 
	float:left;
	padding:10px 0 0 0;
	width:210px;	
}
#maincontent
{
    font-size:0.8em;
    min-height: 500px;
    height:auto !important;
    he\ight:500px;
    height /**/:500px;
}
#singleColumn 
{
    padding:10px 10px 0 10px;
}
.csLeft { 
	float:left;
	padding:0 20px 0 0;
	width:520px;
}
.csRight { 
	float:left;
	margin:30px 0 0 0;
	width:210px;	
}
/*--------*//* Regions covered */
#rcLeft { 
	float:left;
    padding:10px 20px 0 10px;  
	width:362px;
}
#rcRight { 
	float:left;	
	padding:10px 0 0 0;
	width:368px;	
}
/*----------------------------------------------------------------------*/
/*--------*//* HEADER, LOGO */
#logo
{
   top:0;
   left:0;
   width:770px;
   height:60px;
   background: #fff url(../images/logo.jpg) no-repeat;
   background-position: top left; 
}
#phone 
{   
   float:right;
   padding:12px 0 0 0;
   color:#426604;
   font-size:2.0em;  
}
#header 
{
   width:770px;
   height:385px;
   position:absolute;
   top:0;
   left:0;
   z-index:1;
}
/*----------------------------------------------------------------------*/
/*--------*//* NAVIGATION */
#navigation
{  
    position:absolute;
    top:250px;
    left:0;
    padding-left:10px;
    width:760px;
    height:132px;
    opacity:.70;
    filter:alpha(opacity=70);
    -moz-opacity: 0.70; 
    background:#1A2807;    
} 
/*----------------------------------------------------------------------*/
/*--------*//* FOOTER */
#footer  
{
    padding:20px 0 10px 10px;
    width:770px;
}
#footer ul li
{
    display:inline;
    list-style-type:none;
}  