/* --------------------------- structure layout
----------------------------------------------- */

html
{
	font-size: 100.01%;
}

body
{
	margin: 0;
	padding: 0;

	font-size: 62.5%;
	font-family: Arial, sans-serif;
	line-height: 1.5;

	background-color: rgb(130,182,74);
	background-image: url(images/layout/greenwise_body_background.jpg);
	background-repeat: repeat-x;
}

#stripe
{
	width: 100%;
	height: 10px;
	display: block;

	background-image: url(images/layout/greenwise_background_stripe.jpg);
	background-position: top center;
	background-repeat: repeat-x;
}

#site
{
	width: 960px;
	margin: auto;
}


#header
{
	height: 20px;
	padding: 20px 0px 20px 0px;
}


#navigation_enclosure
{
	width: 960px;
	height: 22px;
	margin: 0px;
	padding: 0px;

	z-index: 200;	
	
	display: block;
}

#content 									/* this is inelegant extra markup but makes adapting the template easier, so we learn to live with it */
{
	margin-top: 0px;
	width: 920px;								/* equal to width of site minus padding */
	padding: 0px 20px 0px 20px;
	margin-bottom: -2px;
	position: relative;	
	
	background-image: url(images/layout/greenwise_content_background.jpg);
	background-position: top center;
	background-repeat: repeat-y;
}

	.content_top
	{
		height: 20px;
		width: 960px;
		margin-top: 0px;

	
		background-image: url(images/layout/greenwise_content_background_top.jpg);
		background-position: bottom center;
		background-repeat: no-repeat;
	}

	.content_bottom
	{
		height: 20px;
		width: 960px;
		margin-top: 0px;
	
		background-image: url(images/layout/greenwise_content_background_bottom.jpg);
		background-position: bottom center;
		background-repeat: no-repeat;
	}


#primary_information
{
	float: left;

}

	.primary_information_three_column
	{
		width: 500px;								/* center column width */
		padding: 20px;
		margin-left: 220px;					/* left column full-width */
	}
	
	.primary_information_two_column
	{
		width: 600px;								/* center column width */
		padding: 20px;
	}

	.primary_information_with_sidebar_home
	{
		width: 520px;								/* center column width */
		padding: 20px;
		margin-left: 360px;
		
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: white;
	}

	.primary_information_single_column
	{
		width: 860px;								/* center column width */
		padding: 20px;
		
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: white;
	}

	.primary_information_with_sidebar
	{
		width: 620px;								/* center column width */
		padding: 20px;
		margin-left: 260px;
		
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: white;
	}

#sidebar
{
	float: left;
}

	.sidebar_three_column
	{
		width: 180px;								/* left column width */
		padding: 20px;							
		margin-left: -60px;				/* center column full-width plus left column full-width */
	}

	.sidebar_two_column_home
	{
		width: 340px;								/* left column width */
		padding: 80px 10px 30px 10px;							
		margin-left: -920px;				/* center column full-width plus left column full-width */
		
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: white;
	}
	
	.sidebar_two_column
	{
		width: 240px;								/* left column width */
		padding: 100px 10px 30px 10px;							
		margin-left: -920px;				/* center column full-width plus left column full-width */
		
		border-style: solid;
		border-width: 1px 0px 0px 0px;
		border-color: white;
	}	

#secondary_information
{
	float: left;
}

	.secondary_information_three_column
	{
		width: 120px;								/* right column width */
		padding: 20px;
	}

	.secondary_information_two_column
	{
		width: 240px;								/* right column width */
		padding: 20px;
	}

#home_jumplinks
{
	float: left;
	display: block;
	width: 900px;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	clear: both;
}	

#home_jumplinks .linkbox a
{
	float: left;
	width: 162px;
	height: 48px;
	margin: 15px 9px 10px 9px;
	padding: 12px 20px 10px 20px;
	
	text-align: center;
	font-family: Georgia, serif;
	font-size: 2.0em;
	line-height: 1.1;
	color: white;

	background-image: url(images/layout/greenwise_home_quicklink_button.jpg);
	background-position: center center;
	background-repeat: no-repeat;
}

	#home_jumplinks .linkbox a:hover
	{
		color: rgb(246,211,178); /* brown - orange */
	}

#home_photoarea
{
	float: right;
	width: 540px;
	height: 340px;
/* 	padding: 20px 10px 20px 10px; */
	margin: 0px 0px 0px 0px;
	position: absolute;
	right: 20px;
	top: 20px;
	
	background-image: url(images/layout/greenwise_photo_area_background2.png);
	background-position: center;
	background-repeat: no-repeat;
}

#show
{
	margin: 20px;
	padding: 0px;
}

#primary_information, #sidebar, #secondary_information
{

}

#container
{
	display: block;
	overflow: hidden; /* This hides the excess padding in non-IE browsers */
	z-index: 101;

	
	background-color: white;
	border-style: solid;
	border-width: 4px;
	border-color: white;	
}

	.home #container
	{
		border-color: rgb(255,204,0); /* accent yellow */
		background-color: rgb(255,250,222); /* very light yellow */
	}
	.products #container
	{
		border-color: rgb(70,121,153); /* accent blue */
		background-color: rgb(216,226,232); /* very light blue */

	}
	.standards #container
	{
		border-color: rgb(237,156,41); /* accent orange */
		background-color: rgb(244,230,210); /* very light orange */
	}
	.faq #container
	{
		border-color: rgb(127,18,90); /* accent purple */
		background-color: rgb(238,223,232); /* very light purple */
	}
	.about #container
	{
		border-color: rgb(100,78,53); /* accent brown */
		background-color: rgb(229,226,223); /* very light brown */			
	}



#footer
{
	width: 940px;
	margin: 10px 0px 10px 0px;
	padding: 10px;
	height: 20px;

	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	color: rgb(55,91,4); /* greenwise text green */

	background-image: url(images/layout/greenwise_footer_background.jpg);
	background-position: top center;
	background-repeat: no-repeat;

	clear: both;
}

	#footer a
	{
		margin: 0px;
		padding: 0px;
		color: rgb(55,91,4); /* greenwise text green */
	}
	
	#footer a:hover
	{
		color: rgb(105,141,54); /* greenwise text green */
	}

#footer .content p
{
	margin: 0px;
	padding: 0px;
}


.legal_statements
{
	width: 940px;
	padding: 10px;
	margin: auto;
	
	text-align: center;
	font-family: Arial, sans-serif;
	font-size: 1.2em;
	color: rgb(55,91,4); /* greenwise text green */	
}




/* ------------------------------- text styling
----------------------------------------------- */

a
{
	text-decoration: none;
}


h1
{
	margin: 0px;
	padding: 0px;

	font-size: 2.8em;
	font-weight: normal;
}

h2
{
	margin: 0px;
	padding: 0px;

	font-size: 2.2em;
	font-weight: normal;	
}

h3
{
	margin: 0px;
	padding: 0px;

	font-size: 2.0em;
	font-weight: normal;	
}

h4
{
	margin: 0px;
	padding: 0px;

	font-size: 1.8em;
	font-weight: normal;	
}

h5
{
	margin: 0px;
	padding: 0px;

	font-size: 1.4em;
	font-weight: normal;	
}

h6
{
	margin: 0px;
	padding: 0px;

	font-size: 1.2em;
	font-weight: normal;	
}

.sidebar_two_column_home h1
{
	margin: 2px 0px 8px 15px;
	padding: 0px;

	font-family: Georgia, serif;
	font-style: italic;
	color: rgb(76,44,25); /* brown */
	font-size: 2.0em;
}

.sidebar_two_column_home h2
{
	margin: 0px 2px 20px 15px;
	padding: 0px;

	font-family: Georgia, serif;
	font-style: italic;
	font-size: 2.0em;
	line-height: 1.2;
	color: rgb(76,44,25); /* brown */
		
}

.sidebar_two_column_home h3
{
	margin: 2px 0px 2px 15px;
	
	font-family: Arial, sans-serif;
	font-size: 1.4em;
	color: rgb(76,44,25); /* brown */	
}

h5.jumplinks
{
	margin: 10px 22px 0px 12px;
	padding: 0px;

	font-family: Georgia, serif;
	font-style: italic;
	font-size: 1.8em;
	color: rgb(186,111,28); /* brown - orange */

	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color: rgb(186,111,28); /* brown - orange */
}

#block-quicktabs-1 h2
{
	margin-left: 260px;
	font-size: 2.8em;
}

#quicktabs_container_1  h2
{
	margin-left: 0px;
	font-size: 2.2em;
}

#block-quicktabs-2 h2
{
	margin-left: 260px;
	font-size: 2.8em;
}

#quicktabs_container_2  h2
{
	margin-left: 0px;
	font-size: 2.2em;
}


/* ------------------------------ products page
----------------------------------------------- */

#product_categories
{
	width: 251px;
	margin: 10px 0px 20px 0px;
}

#product_categories ul.tab_navigation
{
	margin: 0px;
	padding: 0px;
	z-index: 10;
	
	list-style-type: none;
}

#product_categories ul.tab_navigation li
{
	margin: 0px;
	padding: 0px;
	height: auto;
	display: block;
	margin: -1px 0px 0px 0px;
	width: 251px;
}	

#product_categories ul.tab_navigation li a
{
	padding: 5px 16px 5px 10px;
	display: block;
	cursor: pointer;
	
	font-size: 1.2em;
	color: rgb(75,75,75);
	
	border-style: solid;
	border-color: rgb(140,191,223); /* light accent blue */
	border-width: 1px 1px 1px 1px;
	border-right-color: rgb(140,191,223); /* light accent blue */
	background-image: url("/sites/greenwisepaint.com/themes/greenwise/images/layout/greenwise_product_categories_background.jpg");
	background-position: right;
	background-repeat: repeat-y;
	background-color: rgb(230,235,240);
}

	#product_categories ul.tab_navigation li:hover
	{
		color: rgb(70,121,153);	
		background-image: none;
		background-color: rgb(245,245,245);
	}

#product_categories ul.tab_navigation li a.selected
{
	color: rgb(50,101,173);

	border-right-color: white;
	background-image: none;
	background-color: white;
}

#product_categories h3
{
	margin: 2px 10px 4px 10px;
	padding: 0px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: rgb(70,121,153); /* accent blue */
}


#products_area
{
	width: 600px;
	padding: 10px 20px 20px 20px;
	margin-left: -20px;
	
	font-size: 1.3em;	
	
	border-style: solid;
	border-color: rgb(140,191,223); /* light accent blue */
	border-width: 1px;	
	
	background-color: white;	
	z-index: 1;
}

body.products #products_area
{
	min-height: 550px;
}

#products_area .views-table
{
	width: 100%;
	padding: 0px;
	margin: 4px 0px 4px 0px;
	
	border-collapse: collapse;

	background-color: rgb(250,250,250);
}

#products_area .views-table td
{
	padding: 4px;
	margin: 1px;
	
	font-size: 1.2em;
	
	border-color: rgb(200,200,200);
	border-width: 1px;
	border-style: solid;
}

#products_area .views-table td h5
{
	margin: 0px 0px 2px 0px;
	padding: 0px;

	font-size: 1.4em;
	color: rgb(70,121,153); /* accent blue */
	
}

#products_area .views-table td h5 a
{
	color: rgb(30,81,113); /* dark accent blue */
	text-decoration: underline;
}

#products_area .views-table td h5 a:hover
{
	color: rgb(140,191,223); /* light accent blue */
}

#products_area .views-table td p
{
	margin: 1px;
	padding: 0px;
}

#products_area .views-table td p.product_name
{
	margin: 1px;
	padding: 0px;
	
	font-size: 1.4em;
}

#products_area table .views-table th.header
{
	padding: 4px 4px 1px 4px;

	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	color: rgb(120,171,203); /* light accent blue */
	
	background-color: white;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: rgb(140,191,223); /* light accent blue */
	
}

#products_area table .views-table th
{

}

#products_area table .views-table tr.alternating
{
	background-color: rgb(240,240,244); /* very light grey */
}

#products_area h2
{
	font-size: 1.9em;
}

#products_area form
{
	margin: 4px;
}

#products_area form fieldset
{
	border: none;
}

#products form label
{
	float: left;
	color: rgb(120,171,203); /* light accent blue */		
}

.view-filters
{

	top: 26px;
	right: 35px;
	width: 330px;
	margin-bottom: 20px;	
	display: block;
}

.views-exposed-widget
{

}

#block-quicktabs-1
{
	margin-top: 20px;
}
#block-quicktabs-2
{
	margin-top: 20px;
}

#block-menu-secondary-links ul.menu {
  float: left;
  padding: 4px 0;
  margin: 0px;
  position: relative;
  z-index: 2;
  width: 250px;
}

#block-menu-secondary-links ul.menu li
{
	margin: 0px;
	padding: 0px;
	height: auto;
	display: block;
	margin: -1px 0px 0px 0px;
	width: 251px;
	background-color: red;
}

#block-menu-secondary-links ul.menu li a
{
	padding: 5px 16px 5px 10px;
	display: block;
	cursor: pointer;
	
	font-size: 1.2em;
	color: rgb(75,75,75);
	
	text-align: left;
	
	border-style: solid;
	border-color: rgb(140,191,223); /* light accent blue */
	border-width: 1px 1px 1px 1px;
	border-right-color: rgb(140,191,223); /* light accent blue */
	background-image: url("/sites/greenwisepaint.com/themes/greenwise/images/layout/greenwise_product_categories_background.jpg");
	background-position: right;
	background-repeat: repeat-y;
	background-color: rgb(230,235,240);
}

#block-menu-secondary-links ul.menu a.active 
{
	color: rgb(50,101,173);

	border-right-color: white;
	background-image: none;
	background-color: white;
}

#block-menu-secondary-links h2 
{
	visibility: collapse ;
	display: none; 
}

/* ------------------------------ standards page
----------------------------------------------- */

#standards_categories
{
	width: 251px;
	margin: 10px 0px 20px 0px;
}

#standards_categories ul.tab_navigation
{
	margin: 0px;
	padding: 0px;
	z-index: 10;
	
	list-style-type: none;
}

#standards_categories ul.tab_navigation li
{
	margin: 0px;
	padding: 0px;
	height: auto;
	display: block;
	margin: -1px 0px 0px 0px;
	width: 251px;
}	
	


#standards_categories ul.tab_navigation li  a
{
	padding: 5px 16px 5px 10px;
	display: block;
	cursor: pointer;
	
	font-size: 1.2em;
	color: rgb(75,75,75);
	
	border-style: solid;
	border-color: rgb(243,223,178); /* light orange */
	border-width: 1px 1px 1px 1px;
	border-right-color: rgb(243,223,178); /* light orange */
	background-image: url("/greenwise/images/layout/greenwise_standards_categories_background.jpg");
	background-position: right;
	background-repeat: repeat-y;
	background-color: rgb(253,248,232); /* very light orange */
}

	#standards_categories ul.tab_navigation li a:hover
	{
		color: rgb(167,96,2); /* accent orange */
		background-image: none;
		background-color: rgb(255,250,220); /* lightened accent orange */
	}

#standards_categories ul.tab_navigation li a.selected
{
	color: rgb(217,136,21); /* accent orange */

	border-right-color: white;
	background-image: none;
	background-color: white;
}

#standards_categories h3
{
	margin: 2px 10px 4px 10px;
	padding: 0px;

	font-family: Helvetica, Arial, sans-serif;
	font-size: 1.4em;
	color: rgb(237,156,41); /* accent orange */
}


#standards_area
{
	width: 600px;
	padding: 10px 20px 20px 20px;
	margin-left: -20px;
	
	font-size: 1.3em;
	
	border-style: solid;
	border-color: rgb(243,223,178); /* light orange */
	border-width: 1px;	
	
	background-color: white;	
	z-index: 1;
}

#standards_area table
{
	width: 100%;
	padding: 0px;
	margin: 4px 0px 4px 0px;
	
	border-collapse: collapse;

	background-color: rgb(252,252,252);
}

#standards_area td
{
	padding: 4px;
	margin: 1px;
	
	border-color: rgb(200,200,200);
	border-width: 1px;
	border-style: solid;
}

#standards_area td h5
{
	margin: 0px 0px 2px 0px;
	padding: 0px;

	font-size: 1.4em;
	color: rgb(217,136,21); /* accent orange */
	
}

#standards_area td h5 a
{
	color: rgb(217,136,21); /* accent orange */
	text-decoration: underline;
}

#standards_area td h5 a:hover
{
	color: rgb(253,243,228); /* very light orange */
}

#standards_area td p
{
	margin: 1px;
	padding: 0px;
	
	font-size: 1.2em;
}

#standards_area td p.standards_name
{
	margin: 1px;
	padding: 0px;
}

#standards_area table th.header
{
	padding: 4px 4px 1px 4px;

	text-align: left;
	font-size: 1.4em;
	font-weight: normal;
	color: rgb(207,136,11); /* accent orange */
	
	background-color: white;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: rgb(217,146,21); /* accent orange */
	
}

#standards_area table th
{

}

#standards_area table tr.alternating
{
	background-color: rgb(246,246,246); /* very light grey */
}

#standards_area table ul
{
	margin: 0px;
	padding: 0px 16px 0px 16px;
	
	font-size: 1.2em;
}




/* ----------------------------------- faq page
----------------------------------------------- */

#faq_area
{
	width: 600px;
	padding: 10px 20px 20px 20px;
	margin-left: -20px;
	
	font-size: 1.3em;
	
	border-style: solid;
	border-color: rgb(212,198,207); /* very light purple */
	border-width: 1px;	
	
	background-color: white;	
	z-index: 1;
}

#faq_area h4
{
	color: rgb(127,18,90); /* accent purple */
}


#accordion
{
	margin: 20px 0px;
}

h4.toggler
{
	margin: 12px 0px 0px 0px;
	padding: 0px;
	
	cursor: pointer;
	border-style: solid;
	border-width: 0px 0px 1px 0px;
}

h4.toggler a
{
	color: rgb(127,18,90); /* accent purple */
}

.toggle_element
{
	padding: 16px 8px 16px 8px;

	font-size: 1.3em;

	background-color: rgb(242,244,248);
}

.toggle_element h5
{
	margin: 8px 0px 4px 0px;
}


/* stuff drupal makes me do */

#views-accordion-f_a_q-block_1 div, #views-accordion-f_a_q-block_1 div span
{
	background-color: transparent;
	border: none;	
}

#views-accordion-f_a_q-block_1 div span
{
	border-style: solid;
	border-width: 0px 0px 1px 0px;
	border-color:#7F125A;
}

#views-accordion-f_a_q-block_1 div span > span
{
	border: none;
}

#views-accordion-f_a_q-block_1
{
	border: none;
}

#views-accordion-f_a_q-block_1 div label
{
	display: none;
}

#views-accordion-f_a_q-block_1 .field-content
{
	font-size: 1.2em;
	color:#7F125A;
}

#views-accordion-f_a_q-block_1 .accordion-content
{
	background-color:#F2F4F8;
	font-size: 1.0em;
	padding:4px 8px 16px 8px;
	border: none;	
}

#views-accordion-f_a_q-block_1 .accordion-content .field-content
{
	color: rgb(50,50,50);
}	


/* --------------------------------- about page
----------------------------------------------- */

#about_area
{
	width: 600px;
	padding: 10px 20px 20px 20px;
	margin-left: -20px;
	
	font-size: 1.3em;
	
	border-style: solid;
	border-color: rgb(212,198,207); /* very light purple */
	border-width: 1px;	
	
	background-color: white;	
	z-index: 1;
}

.logo_explanation 
{
	width: 240px;
	float: right;
	margin: 20px;
	
	border-style: solid;
	border-color: rgb(229,226,223); /* very light brown */	
	border-width: 1px;
}

.logo_explanation_caption
{
	padding: 20px;
	
	font-size: 1.2em;
	font-family: Georgia;
	font-style: italic;
	
	background-color: rgb(229,226,223); /* very light brown */	
	
}


/* ----------------------------------- elements
----------------------------------------------- */

.logo
{
	width: 200px;
	height: 200px;
	z-index: 201;

	position: absolute;
	left: 52px;
	top: -54px;
}

.mootabs_panel
{
	display: none;
}

.mootabs_panel.active
{
	display: block;
}

.tab_content
{
	min-height: 400px;
}



/* ------------------------------------ utility
----------------------------------------------- */

.clear_both
{
	width: 100%;
	clear: both;
}

a img
{
	border: none;
}

a
{
	outline: none;
	color: rgb(55,91,4); /* greenwise text green */	
}




/* ---------------------------------- Table Styling
----------------------------------------------- */

h1.products_title
{
	visibility: hidden;
}


body.products h1.products_title
{
	margin-top: 10px;
	visibility: visible;
}



body.products .views-table table
{
	width: 100%;
	padding: 0px;
	margin: 4px 0px 4px 0px;
	
	border-collapse: collapse;

	background-color: rgb(250,250,250);
}

body.products .views-table thead
{
	padding: 4px 4px 1px 4px;

	text-align: left;
	font-size: 1.2em;
	font-weight: light;
	color: rgb(120,171,203); /* light accent blue */
	
	background-color: white;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: rgb(140,191,223); /* light accent blue */
	
}

body.products .views-table tbody
{
	background-color: rgb(240,240,244);
}

body.products .views-table tbody td
{

	padding: 4px;
	margin: 1px;
	
	color: rgb(60,60,60);
	
	border-color: rgb(200,200,200);
	border-width: 1px;
	border-style: solid;
	background-color: transparent;
}

body.products .views-table tbody td a
{
	color: rgb(30,81,113); /* dark accent blue */
	text-decoration: none;
}

body.products .views-table tr.even
{
	background-color: rgb(240,240,244) !important; /* very light grey */
}

body.products .views-table tr.odd
{
	background-color: white !important;
}


body.standards .views-table table
{
	width: 100%;
	padding: 0px;
	margin: 4px 0px 4px 0px;
	
	border-collapse: collapse;

	background-color: rgb(252,252,252);
}

body.standards .views-table thead
{
	padding: 4px 4px 1px 4px;

	text-align: left;
	font-weight: light;
	color: rgb(207,136,11); /* accent orange */
	
	background-color: white;
	border-style: solid;
	border-width: 0px 0px 2px 0px;
	border-color: rgb(217,146,21); /* accent orange */
	
}

body.standards .views-table tbody
{
	background-color: rgb(240,240,244);
}

body.standards .views-table tbody td
{

	padding: 4px;
	margin: 1px;
	
	font-size: 1.2em;
	color: rgb(60,60,60);
	
	border-color: rgb(200,200,200);
	border-width: 1px;
	border-style: solid;
	background-color: transparent;
}

body.standards .views-table tbody td a
{
	color: rgb(217,136,21); /* accent orange */
	text-decoration: none;

}

body.standards .views-table tr.even
{
	background-color: rgb(253,248,232) !important; /* very light orange */	
}

body.standards .views-table tr.odd
{
	background-color: white !important;
}

#slideshow {
    position:relative;
    height:510px;
}

#slideshow IMG {
    position:absolute;
    top:20px;
    left:20px;
    z-index:8;
    opacity:0.0;
}

#slideshow IMG.active {
    z-index:10;
    opacity:1.0;
}

#slideshow IMG.last-active {
    z-index:9;
}


#site-map
{
	font-size: 1.2em;
}

#site-map ul
{
	list-style-type: none;
}


#block-block-9
{
	font-size: 1.4em;
}

#block-block-9 h2
{
	font-size: 1.2em;
}

#block-block-10
{
	font-size: 1.4em;
}

#block-block-10 h2
{
	font-size: 1.4em;
}



#standards_information
{
	margin: 10px 5px 20px 251px;
	padding: 20px;
	
	font-size: 1.2em;
	color: rgb(50,50,50);
	
	background-color: white;
}

/* ----------------------------------- navigation
----------------------------------------------- */

#navigation_enclosure
{
	width: 960px;
	height: 36px;
	padding: 2px 0px 10px 0px;
	margin-left: auto;
	margin-right: auto;
	position: relative;

	background-image: url(images/layout/greenwise_main_nav_background.jpg);
	background-position: top center;
	background-repeat: no-repeat;
}

#navigation
{
	width: 100%;

	font-family: sans-serif;
	font-size: 1.5em; /* if using 100.01 percent html text size and 62.5 percent body text size, this text is equal to 14px; */
	line-height: normal;
}

#navigation ul
{
/* 	height: 50px; */
	margin: 2px 0px 0px 300px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

#navigation li
{
	height: 64px;
	margin-left: 4px; /* sets the amount of space between the tab and the object to the left of the button */
	padding-left: 4px; /* sets the amount of space between the text and the left-side of the background tab_left graphic - should be equal to the width of the image */
  float: left;
}

#navigation a
{
	margin-right: 0px;
	padding-top: 9px;  /* sets the amount of space between the text and the top of the background tab_right graphic */
	padding-right: 6px; /* sets the amount of space between the text and the right edge of the right side of the background tab_right graphic - should be at least equal to the radius of the round corner */
	padding-bottom: 43px; /* sets the amount of space between the text and the bottom of the background tab_right graphic */
	padding-left: 2px; /* sets the amount of space between the text and the left edge of the background tab_right graphic - NOTE the left-side round corner is on the li tag, so this value is often zero */
	display: block;
	outline: 0px;
	
	color: rgb(55,91,4); /* greenwise text green */
	text-decoration: none;
	font-family: Arial, sans-serif
}

#navigation li:hover
{
}

#navigation a:hover
{	
}

#navigation li a:hover
{
	color: rgb(105,141,54); /* greenwise green hover */
}

.about #navigation .active,
.faq #navigation .active,
.standards #navigation .active,
.products #navigation .active,
.products #navigation .menu-841,
.home  #navigation .menu-303
{	
	background-image: url(images/layout/greenwise_nav_tab_left_active.gif);
	background-repeat: no-repeat;
	background-position: left top;
}

.about #navigation .active a,
.faq #navigation .active a,
.standards #navigation .active a,
.products #navigation .menu-841 a,
.home  #navigation .menu-303 a
{
	color: rgb(0,0,0); /* black */
	background-image: url(images/layout/greenwise_nav_tab_right_active.gif);
	background-repeat: no-repeat;
	background-position: right top;

	cursor: pointer;
}

#navigation .active a:hover
{
	color: rgb(150,150,150); /* grey */
}

	#navigation span
	{
		padding: 4px 10px 40px 10px;
	}

	.home #navigation .menu-303 span
	{
		padding: 4px 10px 40px 10px;
		color: white;
		background-color: rgb(255,204,0); /* accent yellow */
	}
	.products #navigation .menu-356 span
	{
		padding: 4px 10px 40px 10px;
		color: white;
		background-color: rgb(70,121,153); /* blue */
	}
	.standards #navigation .menu-309 span
	{
		padding: 4px 10px 40px 10px;
		color: white;
		background-color: rgb(237,156,41); /* orange */
	}
	.faq #navigation .menu-428 span
	{
		padding: 4px 10px 40px 10px;
		color: white;
		background-color: rgb(127,18,90); /* purple */
	}
	.about #navigation .menu-321 span
	{
		padding: 4px 10px 40px 10px;
		color: white;
		background-color: rgb(100,78,53); /* brown */
	}