/* CSS Document */

/* basic styles */

html { 
    text-align: center; 
    margin: auto; }

body { 

	font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size: 13px;
	line-height: 16px;
	letter-spacing: 0.03em;
	color: #162014;
    margin: 0 auto;
	background: url('images/bg.png')  repeat-x left top;
    }

/* main content wrapper */
    
#wrapper {
    width: 700px; 
    margin: 10px auto;
 
    }
	
	
/* header */

	
#header {
    background: url('images/header_sm.jpg') no-repeat left top;
	text-align: left;
	margin: 0 auto;
	width: 700px;
	height: 143px;
	float: left;
}


/* Top Navigation Menu */

#topnav {
     width: 700px;
     text-align: left;
     margin: 0 auto;  
	 padding: 0;
	 z-index: 1;
     height: 39px; 
     overflow: hidden;
     background: url('images/nav_bg.png') no-repeat left top;
	 float: left;
     }

#wrapper > div#topnav {
     overflow: visible;
     }

#topnav ul {
     padding: 0 0 0 0px; 
     margin: 0; 
     list-style: none; 
     width: 700px; 
	
     }

#topnav li { 
    float: left; 
    height:39px; 
    padding: 0; 
    margin: 0; 
    position: relative; 
    display: block;
	background: url('images/navbutton.gif') no-repeat top left;
    }
	
#topnav li a, 
#topnav li a:hover, 
#topnav li a:active  { 
    padding: 0;
    display: block;  
    }

#topnav li a:hover,
#topnav li a:active  { 
    padding: 0; 
    background: url('images/navbutton_hover.gif') repeat-x top center; 
    }
	
/* submenu styles -- not currently in use */

#topnav li ul { 
    display: none; 
    position: absolute; 
    top: 39px; 
    left: 1px; 
    width:116px; 
    font-size: 11px;
    padding: 0;
    }

#topnav li li { 
    width:139px; 
    height: auto; 
    text-align: left;
    border: 1px solid #aaaaaa; 
    border-top: none; 
    background-color: #f3f3f1; 
    display: block;
    }

#topnav li li a { 
    display: block; 
    padding: 5px; width: 100%;
    }

#topnav li li>a { 
    display: block; 
    padding: 5px; width: auto;
    }

#topnav li li a:hover {  
    display: block;
    text-decoration: none; 
    padding: 5px;
    background: white url('/assets/img/0.gif')
    }

#topnav li:hover ul {  
    display: block; 
    }

#topnav li.over ul { 
    display: block; 
    }
	
#topnav img {
	border: 0;
	display: block;
}

/* main content area */

#content_border {
	width: 700px;
	margin: 0 auto;
	FLOAT: left;
	padding: 0;
	background: url('images/content_bg_border.png') repeat-y;
	}

#content_bg {
	width: 698px;
	position: relative;
	left: 1px;
	margin: 0;
	text-align: left;
	background: #f6faa7 url('images/central_content_bg.jpg') no-repeat;
}

/* styles for all central content backgrounds */

#content_bg_home,
#content_bg_about,
#content_bg_services,
#content_bg_contact,
#content_bg_directions,
#content_bg_products,
#content_bg_articles {
	width: 698px;
	position: relative;
	left: 1px;
	margin: 0;
	text-align: left;
}

/* setting background images for various pages */

#content_bg_home {
background: #f6faa7 url('images/bg_home.jpg') no-repeat;
}

#content_bg_about {
	background: #f6faa7 url('images/bg_about.jpg') no-repeat;
}

#content_bg_services {
	background: #f6faa7 url('images/bg_services.jpg') no-repeat;
}

#content_bg_contact {
	background: #f6faa7 url('images/bg_contact.jpg') no-repeat;
}

#content_bg_directions {
	background: #f6faa7 url('images/bg_directions.jpg') no-repeat;
}

#content_bg_products {
	background: #f6faa7 url('images/bg_products3.jpg') no-repeat;
}

#content_bg_articles {
	background: #f6faa7 url('images/bg_articles.jpg') no-repeat;
}

/* content styles */

#content {
	padding: 67px 20px 25px 20px;
}

#content a {
	color: #9C4321;
}

#content a:hover {
	color: #517548;
}


/* footer */

#footer {
	width: 700px;
	height: 100px;
	padding-top: 2px;
	float: left;
	background: url('images/footer.jpg') no-repeat;
	text-align: center;
	background-color: #91bd8a;
	color: #f6faa7;
	font-size: 14px;
	line-height: 17px;
	}
	
	
#footer a {
color: #e6d27c;
}