/*html { 
filter: expression(document.execCommand("BackgroundImageCache", false, true)); 
}
*/
body {
	margin: 0;
	padding: 0;
	background-image:  url(images/bgwindow.jpg);
	/*behavior: url("csshover3.htc"); */
}

#container
{
	width: 860px;
	/*height: 900px;*/
	margin: 20px auto;
	background-color: #FFFFFF;
	padding: 16px 16px 0px 16px;
}
		
#logo
{
	float:left;
	background-image: url(images/logo.gif);
	height: 120px;
	width: 126px;
	background-repeat: no-repeat;
	background-position: left top;
	padding: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	font-weight: bold;
	color: #007F00;
}
/*
#maincontent{
	float:left;
	position:relative;
	width: 349px;
	margin: 20px 20px 0px 0px;
	background-color: #FFFFFF;
/*	background-color: #D6F2C9;
	
}*/
	
.phone {
	color: #007F00;
	font-size: 29px;
	font-weight: bold;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
}
.em{
font-size: 20px;
}

.em a:hover {
color: #2A1FFF;
}
	
#menu_container{
	float: right;
	height:auto;
	width: 710px;
	padding: 0px 0px 9px 0px;
	background-image: url(images/logo_feint.jpg);
	background-repeat: no-repeat;
	background-position: 340px -10px;
	border-bottom-width: 2px;
	border-bottom-style: solid;
	border-bottom-color: #2C9745;

}

h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;
	color: #DDF2D3;
	margin-bottom: 10px;
	margin-top: 0px;
	background-color: #000000;
	padding: 5px 5px 5px 14px;

}
h2 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	font-weight: bold;
	color: #DDF2D3;
	margin: 0px -10px 10px -10px;
	margin-top: 0px;
	background-color: #000000;
	padding: 5px 5px 5px 14px;

}
h3{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	margin: 12px 12px 12px 0px;
	font-style: italic;
	color: #2C9745;
}
a, a:link, a:visited, a:active
{
	text-decoration: none;
	color: #2A00AA;
}
a:hover
{
	text-decoration: none;
	color: #007F00;


}
#flash {
	clear: both;
	padding: 20px 0px;
	background-color: #EDF6E3;
	margin-bottom: 20px;
}

#main_container{
clear: both;
/*height: 200px;*/
}
#main_left {
	
	width: 280px;
	float: left;
	padding: 0px 10px 10px 10px;
	background-color: #EDF6E5;
}
#product_gallery #main_left {
	
	width: 200px;
	float: left;
	/*padding: 0px 10px 10px;*/
	background-color: #EDF6E5;
}
#main {
	width: 500px;
	float: left;
	padding: 0px 0px 20px 20px;
	background-image: url(images/logo_feint.jpg);
	background-repeat: no-repeat;
	background-position: 250px 150px;

}

#main_right {

	width: 280px;
	float: right;
	padding: 0px 10px 10px 10px;
	background-color: #EDF6E3;
}
#product_gallery  #main {
	
	width: 580px;
}
#home #main_right, #home #main_left {
	
	width: 140px;
	
}


#footer{
	font-family: Geneva, Arial, Helvetica, san-serif;
	text-align: center;
	font-size: 1em;
	clear: both;
	padding: 10px;
	margin: 0px 0px 0px 0px;
	background-color: #000000;
	color: #FFBF00;

}
#footer a,  #footer a:link{
	color: #DDF2D3;
	
	/*/*font-family: Geneva, Arial, Helvetica, san-serif;
	font-size: 1em;
	clear: both;
	padding: 10px;
	
	/*text-align: center;*/
	/*background-image: url(images/footerstrip.gif);
	text-decoration: none;
*/
}
#footer a:hover{
	
	text-decoration: none;
	color: #007F00;
	
}

.large {
	font-size: 18px;
}

.small {
	font-size: 11px;
}

.customer_quote{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	font-style: italic;
	font-weight: bold;

	

}
.construction{
	color: #FF0000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.6em;
	font-weight: bold;


}
.clear{

clear: both;
}


p{
	color: #616161;
	font-family: Verdana;
	font-size: 0.75em;
	margin: 0px 0px 12px 0px;


}
#main_right li, #main li{
	font-family: Arial, Helvetica, sans-serif;
	color: #5F5F5F;
	font-size: 0.8em;
	list-style-type: disc;
	padding-bottom: 6px;

}



#staff img
{
	width: 150px;
	margin-left: 30px;

}
#staff p {
	font-family: "Times New Roman", Times, serif;
	font-size: .85em;
	font-style: italic;
	color: #6B6B6B;
	margin-top: 12px;
	margin-bottom: 4px;




}

/* forms -----------------------*/
label
{
width: 80px;
float: left;
text-align: right;
margin-right: 10px;
display: block
}
 .submit 
{
margin-left: 90px;
} 
/* =====================  =THUMBNAIL IMAGES =============== */

#ThumbsCol {
width: 400px;
float: left;
/*margin: 0 1em 1em 0!important;*/
}

#ImageList {

/*list-style-type: none;*/
float:left;
/*width: 200px;*/
margin: 0px 0px 5px 0px;
/*display: inline;*/
padding: 0px;/*20px 0px 0px 40px;*/

}

#ImageList li {
	font-family:Arial, Helvetica, sans-serif, Tahoma;
	font-size: 10px;
	float:left;
	margin: 0px 0px 0px 0px;
	padding: 0px 10px 0px 0px;
	height:160px;
	width: 90px;
	list-style-type: none;
	/*display: inline;*/


}

#ImageList li img {
width: 55px;
border: 1px solid #666;
}

#mainImageCol  {
float: left;
width: 180px;
padding: 0px 0px 0px 0px;

}

#bigPic img{
border: 2px solid #808080;
width: 176px;
height: auto;
} 

.paging_results
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: .9em;
	color: #808080;


}

/*********** left product menu*************/


#product_menu ul{
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	list-style-type: none;
}

#product_menu  li{
	border: 1px solid #ffffff;
	font: 14px arial;
	font-weight: bold;
	background-color: #A0A0A4;
	padding: 0px 0px 0px 12px;
	line-height: 40px;

}
#product_menu .sub_cat li{
	padding: 0px 0px 0px 30px;
	margin: 0px 0px 0px 0px;
	background-color: #BABABC;
	line-height: 30px;
}

#product_menu  a:hover{
	color: #339900;

}

#hovermenu ul{
	font: bold 14px arial;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #339900;

}

#hovermenu ul li{
list-style: none;
display: inline;

}

#hovermenu ul li a{
	padding: 6px 1.1em;
	text-decoration: none;
	float: left;
	color: black;
	border: 1px solid #ffffff;
	background-image:  url(images/back.gif);

}

#hovermenu ul li a:hover{
	background-color: #36A843;
	color: #FFFFFF;
	background-image: none;
}


#home #hovermenu .home a, 
#who #hovermenu .who a, 
#what #hovermenu .what a,
#feedback #hovermenu .feedback a,
#news #hovermenu .news a,
#contact #hovermenu .contact a
{
color: #007F00;
}

/*------------------------------------*\
	NAV
\*------------------------------------*/
#nav{
	float:left;
	width:100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
#nav li{
	font: bold 14px arial;
	list-style:none;
	padding: 8px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	border-top-width: 6px;
	border-top-style: solid;
	border-top-color: #339900;
	position:relative;
	float:left;
	
}
#nav li a{
	padding: 6px 1.1em;
	text-decoration: none;
	float: left;
	color: black;
	border: 1px solid #ffffff;
	background-image:  url(images/back.gif);
	display:block;
}

#nav li a:hover{
	background-color: #36A843;
	color: white;
	background-image: none;

}

/*--- DROPDOWN ---*/
#nav ul{
	list-style:none;
	position:absolute;
	left:-9999px; /* Hide off-screen when not needed (this is more accessible than display:none;) */
}
#nav ul li{
	border-top: none;
	padding-top: 0px; 
	float: none;
	
}
#nav ul a{
	white-space: nowrap; /* Stop text wrapping and creating multi-line dropdown items */
	display: block; 
}
#nav li:hover ul{ /* Display the dropdown on hover */
	left: -39px; /* Bring back on-screen when needed */
	top: -77px;
}
#nav li:hover ul a{ /* Override some top level styles when dropdown is hovered */
	
	margin: 0px; 
	text-decoration: none; 
	width: 112px; 
	border: 0px none;
}
#nav li:hover ul li a:hover{ /* Set styles for dropdown when items are hovered */
	background-color: #36A843; 
}