/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/
/* NATURALLY OAK FLOORING - CSS (SCREEN) */
/*----------------------------------------------------------------------*/
/*----------------------------------------------------------------------*/

#container2 h1 {
	margin:8px auto;
	padding:6px 0 6px 10px;
	font-size:1.5em;
	font-weight:bold; 
	color:#fff;
	background:#b7b0a1;
}
#container2 p {
	padding:0 0 12px 0;
	line-height:130%;
}
#maincontent h2
{
	padding:0 0 6px 0;
	font-size:1.1em;
	color:#426604;
}
#maincontent a
{
    color:#000;
    text-decoration:none;
    font-weight:bold;
}
#maincontent a.active, #maincontent a:hover
{
    color:#426604;
}
#maincontent ul, #maincontent ol { 
    padding:0 0 10px 0;
}
#maincontent ul li
{
    margin:0 0 0 15px;
    padding:0 0 3px 3px;
    list-style-type:disc; 
    font-size:0.9em;    
}
#maincontent ol li
{
    margin:0 0 0 20px;
    padding:0 0 3px 0px;
    list-style-type:decimal; 
    font-size:0.9em;    
}
.small { 
    margin:40px 0 0 0;
    font-size:0.8em;
    color:#56555A;
}
#container2 img.borderNone
{
    padding:0;
    border:0;
}
#container2 img
{
    margin:0 0 10px 0;
    padding:4px;
    border:1px solid #b7b0a1;
    background:#fff;
}
#contactForm ul li
{
    margin:0;
    list-style-type:none; 
}
#contactForm label
{
   font-weight:bold;  
}
/*----------------------------------------------------------------------*/
/*--------*//* NAVIGATION */
#navigation ul li 
{
    float:left;
    padding-top:5px;
    width:200px;
    color:#b2d22f;
    text-transform:uppercase;
    font-size:0.8em;
    font-weight:bold;    
}
#navigation ul li ul li
{
    float:none; 
    padding:0;  
    font-size:0.925em; 
    font-weight:normal;
    width:auto;    
}
#navigation ul li ul
{
    margin-top:10px;
}
#navigation a
{
    top:10px;
    text-decoration:none;
    color:#b2d22f;
}
#navigation ul li a.active, #navigation ul li a:hover
{
    text-decoration:none;
    color:#fff;    
}
#navigation ul li.nav_home 
{
    width:56px;
} 
#navigation ul li.nav_about 
{
    width:121px;
} 
#navigation ul li.nav_residential 
{
    width:161px;
} 
#navigation ul li.nav_commercial 
{
    width:161px;
} 
#navigation ul li.nav_sanding 
{
    width:171px;
}
#navigation ul li.nav_contact
{
    width:76px;
} 
/*----------------------------------------------------------------------*/
/*--------*//* CASE STUDIES */
#maincontent .caseStudy h2
{
	margin:8px auto;
	padding:3px 0 3px 0;
	font-size:1.1em;
	font-weight:bold; 
	color:#426604;
	border-bottom:1px solid #b7b0a1;
}
.csRight img 
{
    margin:0 0 5px 0;
    padding:4px;
    border:1px solid #b7b0a1;
    background:#fff;
}
#maincontent #singleColumn .csLeft ul { 
    padding:0 0 10px 0;
}
#maincontent #singleColumn .csLeft li { 
    font-size:0.9em; 
    list-style-type:disc;    
}
#maincontent #singleColumn #gallery img { 
    margin:0 5px 10px 0;
    padding:4px;
    border:1px solid #b7b0a1;
}

#maincontent #singleColumn #gallery ul  
{
    padding:0;
    margin:0;
}
#maincontent #singleColumn #gallery li  
{
    padding:0 20px 0 0;
    margin:0;
    display:inline;
}
/*----------------------------------------------------------------------*/
/*--------*//* ACCESSIBILITY */
kbd
{
    padding:1px 5px;
    font-weight:bold;
    border:#ccc 1px solid;
}
#maincontent .accessibility ul
{
    margin:0;
    padding-bottom:10px;
}
#maincontent .accessibility ul li
{
    margin:0;
    padding:4px;
    list-style-type:none;
}
/*----------------------------------------------------------------------*/
/*--------*//* FOOTER */
#footer a
{
    padding:0 4px;
    color:#000;
    text-decoration:none;
}
#footer li
{
    color:#AFAFAF;
    text-decoration:none;
    font-size:0.7em;
}
#footer li span
{
    color:#000;
}
#footer a.active, #footer a:hover
{
    color:#426604;
}
#footer ul.build 
{
    margin:10px 0 0 0;
    width:743px;
    border-top:#ccc 1px solid;
}
#footer .build a
{
    color:#7F7F7F;
}
#footer .build a:hover
{
    color:#426604;
}