@charset "UTF-8";
/* CSS Document */


/* _____general_____*/

html {
	overflow-y: scroll;
}
img { 
	border: none 
}
body  {
	background-color: #b9b7ab;
	
}
#container {
	margin: 20px auto;
	width: 750px;
	position: relative;
	background-image: url(../images/page_bg.jpg);
	background-repeat: repeat-y;
	z-index: 1;
	padding: 0;
	border-right: 2px #a19f93 solid;
	border-bottom: 2px #a19f93 solid;
	}
#left_col {
	width: 185px;
	z-index: 5;
	float: left;
	background-image: url(../images/flowers_bg.png);
	background-repeat: no-repeat;
	padding: 0;
	}	
#right_col {
	width: 565px;
	float: left;
	position: relative;
	padding: 0;
	}
#footer  {
	width: 750px;
	height: 20px;
	background-color: #e1ba28;
}
#container_adj {
	margin: 40px auto;
	width: 750px;
	position: relative;
	background-image: url(../images/page_bg.jpg);
	background-repeat: repeat-y;
	z-index: 1;
	border: thin #b3dcce solid;
	}
#left_col_adj {
	width: 185px;
	height: 567px;
	z-index: 5;
	float: left;
	background-image: url(../images/flowers_bg.png);
	background-repeat: none;
	}
#right_col_adj {
	width: 565px;
	float: left;
	position: relative;
	}	
#clr {
		clear: both;
	}
.header {
	width: 525px;
	position: absolute;
	left: 17px;
	top: 50px;
}
.header_adj {
	width: 565px;
	position: absolute;
	left: 17px;
	top: 50px;
}
#body_table {
	width: 375px;
	padding-left: 17px;
	padding-top: 138px;
	
}

/*_____START LEFT COL_____*/

	#navbar {
	margin-top: 140px;
	padding: 0px;
	width: 185px;
	list-style: none;
	bottom: 0;
	left: 146px;
}

	#navbar a {
	text-decoration: none;
	display: block;
	float: left;
	width: 175px;
	margin-bottom: 5px;
	color: #FFF;	
	padding: 3px 0 3px 10px;
	border-bottom: 2px #007253 dotted;
	font-weight: bold;
	font-size: 15px;
}
	#navbar a#home {
	border-top: 2px #007253 dotted;
	}
	#navbar a:hover {
	color: #fbb813;	
}
	#navbar li{
	float: left;
}
#lc_header {
	background-color: #013931;
	padding: 5px 10px;
	margin-top: 20px;
	margin-bottom: 0;
}
#lc_header h2 {
	color: #FFF;
	margin: 0;
	font-size: 14px;
}

#lc_text {
	padding: 10px;
	color: #FFF;
	font-size: 12px;
	border-bottom: 10px #013931 solid;
	background-color: #007253;
	background-repeat: repeat;
}
#lc_text p {
	margin: 10px 0 15px 0;
}
#lc_text a {
 font-weight: bold; 
 font-size:14px;
 text-decoration: underline;
 color: #FFF;
}
#lc_text a:hover {
	color: #fbb813;
	text-decoration: none;
}


/*
	#navbar #home{
	background-image: url(../images/btn_home.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 28px;
}
	#navbar #home:hover{
	background-position: 0 -28px;
}
	#navbar #mop{
	background-image: url(../images/btn_mop.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 28px;
}
	#navbar #mop:hover{
	background-position: 0 -28px;
}
	#navbar #history{
	background-image: url(../images/btn_history.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 28px;
}
	#navbar #history:hover{
	background-position: 0 -28px;
}
	#navbar #staff{
	background-image: url(../images/btn_staff.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 28px;
}
	#navbar #staff:hover{
	background-position: 0 -28px;
}
	#navbar #contacts{
	background-image: url(../images/btn_contacts.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 28px;
}
	#navbar #contacts:hover{
	background-position: 0 -28px;
}
	#navbar #sales_dist{
	background-image: url(../images/btn_sales_dist.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 28px;
}
	#navbar #sales_dist:hover{
	background-position: 0 -28px;
}
	#navbar #samples{
	background-image: url(../images/btn_samples.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 28px;
}
	#navbar #samples:hover{
	background-position: 0 -28px;
}
	#navbar #spacer{
	background-image: url(../images/b_spacer.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 28px;
}
*/
     /*_____end_nav_items_____*/

/*_____END_LEFT_COL_____*/

	
/*_____RIGHT_COL_____*/

#logo {
	position: absolute;
	top: 5px;
	background-image: url(../images/logo_npp.png);
	left: 330px;
	width: 220px;
	height: 60px;
	text-indent: -5000px;
	}
#copyright {
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(../images/copyright.png);
	width: 269px;
	height: 14px;
	z-index: 6;
	}
#copyright_adj {
	position: absolute;
	bottom: 0;
	right: 0;
	background-image: url(../images/copyright.png);
	width: 269px;
	height: 14px;
	z-index: 6;
	}

/*_____FLASH_INTRO_____*/

#flash_container {
	width: 750px;
	height: 450px;
	margin: 40px auto;
	border: thin #999 solid;
}


/*_____CONTACTS_PAGE_____*/


/*_____STAFF_PAGE_____*/

.staff_container  {
	position: relative;
	width: 565px;
}
.staff_pics {
	width: 150px;
	height: 178px;
	float: left;
}
.staff_name   {
	padding-left: 10px;
}
.staff_position  {
	padding-left: 10px;
}
.staff_body  {
	padding-left: 10px;
}

/*_____SAMPLES_PAGE_____*/

#samples_btns {
	padding-left: 25px;
}
#request_a_sample a{
	background-image: url(../images/btn_request_a_sample.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 25px;
	text-indent: -5000px;
	margin-left: 15px;
}
#request_a_sample a:hover{
	background-position: 0 -25px;
}

#find_a_distributor {
	background-image: url(../images/btn_find_a_distributor.png);
	background-repeat: no-repeat;
	background-position: 0 0;
	width: 185px;
	height: 25px;
	text-indent: -5000px;
	margin-left: 15px;
}
#find_a_distributor:hover{
	background-position: 0 -25px;
}	

/*_____MAIN.HTML_PAGE_____*/

#main_header  {
	float: right;
	margin: 5px;
	
}
#main_bg_pic  {
	width: 565px;
	height: 500px;
	background-image: url(../images/main_bg_image.png);
	margin-top: 40px;
}
#main_links  {
	width: 175px;
	position: absolute;
	left: 381px;
	top: 371px;
}

/*_____HISTORY_PAGE_____*/

.hist_image {
	float: right;
	margin: 5px;
}
#timeline  {
	width: 530px;
	height: 23px;
	background-image: url(../images/timeline.png);
	background-repeat: no-repeat;
	clear: both;
}
#year_container {
	width: 530px;
	
}
.year  {
	float: left;
	width: 28px;
	height: 20px;
}