/* Fary Brothers Building Materials */

body {
	margin: 25px 0;
	color: #000;
	background: #fff;	/*  */
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: justify;
	background: #666;
	}
	
#wrapper {
	width: 780px;			/* for IE4-5.x/Windows */
	margin: auto;  			
	padding: 0;
	border: 2px #000 solid;
	background: #669;
background: #ccc;
	voice-family: "\"}\"";	/* bmh */
	voice-family: inherit;	/* bmh */
	width: 776px;
	}	
	
#banner {
	display: block;
	border-bottom: #000 1px solid;
	padding: 0;
	margin: 0;
background: #cccccc;
	}
	
#banner img { 
	display: block;
	width: 776px;
	height: 150px;
border: 0;				/* no border for banner */ 
	}
	
/* ------------ START menu ------------ */
#navbar {
	width: 150px;
	background: #669;  /* make same color as #primary-nav */
/*border:  #000000 1px dashed;*/  /* DEBUG */
text-align: left;
float: left;
font: normal 75% verdana;
margin-top: 25px;
margin-bottom: 25px;
	}

/*body { font: normal 75% verdana; }*/

ul#primary-nav,
ul#primary-nav ul {
	margin: 0;
	padding: 0;
	width: 150px; /* Width of Menu Items */
/*width: 200px;*/
	border-bottom: 1px solid #ccc;
	background: #fff; /* IE6 Bug */
	font-size: 100%;
	}

ul#primary-nav li {
	position: relative;
	list-style: none;
width: 150px;  /* make entire menu item's width "hot" */
/*width: 200px;*/
	}

ul#primary-nav li a {
	display: block;
	text-decoration: none;
	color: #777;
	padding: 5px;
	border: 1px solid #ccc;
	border-bottom: 0;
	}

/* Fix IE. Hide from IE Mac \*/
* html ul#primary-nav li { float: left; height: 1%; }
* html ul#primary-nav li a { height: 1%; }
/* End */

ul#primary-nav ul {
	position: absolute;
	display: none;
	left: 149px; /* Set 1px less than menu width */
	top: 0;
	}

ul#primary-nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */

ul#primary-nav li:hover ul ul,
ul#primary-nav li:hover ul ul ul,
ul#primary-nav li.over ul ul,
ul#primary-nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */

ul#primary-nav li:hover ul,
ul#primary-nav li li:hover ul,
ul#primary-nav li li li:hover ul,
ul#primary-nav li.over ul,
ul#primary-nav li li.over ul,
ul#primary-nav li li li.over ul { display: block; } /* The magic */

/*ul#primary-nav li.menuparent { background: transparent url(file:///E:/My%20Web%20Sites/Fary%20Bros.%20Building%20Materials/web-content/arrow.gif) right center no-repeat; }*/

ul#primary-nav li.menuparent:hover,
ul#primary-nav li.over { background-color: #f9f9f9; }

ul#primary-nav li a:hover { color: #E2144A; }
	
/* ------------ END menu ------------ */

/* start TRY AREA FOR ANNIVERSARY GRAPHIC */
/*
<div id="anniversary">
<img class="mastercardvisa" src="images/MasterCardVisa_75_20.gif" width="75" height="20" alt="MasterCard VISA Logo" />
</div>
*/
# anniversary {
float: left;
clear: both;
width: 100px;

}
/* end TRY AREA FOR ANNIVERSARY GRAPHIC */
	
#content {
float: right;
font-size: .85em;
	height: auto;
	width: 550px;  			/* for IE4-5.x/Windows */
	/*border:  #000000 1px dashed;*/  /* DEBUG */
	padding: 25px 100px 25px 0px;
	voice-family: "\"}\"";	/* bmh */
	voice-family: inherit;	/* bmh */
	width: 450px;			/*  */
background: #ccc;
/*background: #669;*/
	}	
		
#footer {
clear: both;
/*border:  #000000 1px dashed;*/
	width: 776px;
	height: 75px;
	height:  100px;
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: .95em;
	font-weight: bold;
	text-align: center;
	padding: 10px 0 10px 0;
	margin: 0;
	border-top: #000000 1px solid;
	background: #669;
	}
	
#footeraddr {
	font-size: .85em;
	font-weight: bold;
}
	
/* START index.html */	
.strongsmallcaps {
	font-weight: bold;
	font-size: .9em;
	}
/* END index.html */


/* START contact_us.html */
#contactinfo {
	margin-left: 35px;
	}
	
#contactinfo li {
	list-style: none;
	font-weight: bold;
	margin-top: 20px;
	}
	
#contactinfo li ul li {
	margin-top: 0;
	padding-top: .2em;
	font-weight: normal;
	}
	
#emailtable {
	border: 0;
	margin: 5px 0 0 25px;
	font-weight: normal;
}

#emailtable td {
	padding-top: 5px;
	padding-right: 20px;
}

#map_canvas {
	width: 450px;
	height: 350px;
	border: #000000 1px solid;
	margin-top: 10px;
	
}
/* END contact_us.html */
	

/* START site_map.html */
.nobullet {
	list-style: none;
}
/* END site_map.html */

/* START misc */
#floatleftimages {
	float: left;
	width: 150px;
/*	border: #000000 1px dashed;*/
} 

#floatleftimages img {
	float: left;
	border: 1px #000000 solid;
	margin-bottom: 10px;
	
}

#floatrighttext {
	float: right;
	width: 275px;
/*	border:  #000000 1px dashed;*/
}

#floatrighttext p {
	padding-left: 25px;
	text-align: left;
}

.centerimg {
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: 1px #000000 solid;
}

.pagename  {
	color: #000000; 
	font-size: 1.2em; 
	font-weight: bold; 
	margin-bottom: -10px 
}

.margintop25 {
	clear: both;
	margin-top: 25px;
}

.margintop50 {
	clear: both;
	margin-top: 50px;
}

.mastercardvisa 
{
	display: block;
	margin-right: auto;
	margin-left: auto;
	border: 1px #000000 solid;
	margin-top: 8px;
}

.alignleft 
{
	text-align: left;
}
/* END misc */

/* START Home Page */		
#andersenstatuette {		/* Andersen Windows statuette */
	float: left;
	width: 97px;
	height: 125px;
	margin: 0 15px 0 5px;
}
/* END Home Page */


/* START farytable */
.farytable {
	border: 1px solid #000000;
	border-collapse: collapse;
	margin-bottom: 25px;
	margin-left: 25px;
	width: 400px;
}

.farytable td {
	border: 1px solid #828282;
	background-color: #bcbcbc;
	text-align: left;
	padding: 4px;
}

.farytable th {
	border: 1px solid #828282;
	background-color: #bcbcbc;
	font-weight: bold;
	text-align: left;
	padding: 4px;
}

.farytable caption {
	text-align: left;
	font: bold 1.1em verdana;
	background-color: #boc4de;
	background-color: #ffffff;
	color: #000000;
	padding-top: 3px;
	padding-bottom: 2px;
	border: 1px solid #000000;
}

.farytable tr.altrow {
	background-color: #ff0000;
	color: #000000;
}
/* END farytable */

/* START Roofing Accessories */
#shingleshield {		/* Chicago Metallic's Shingle Shield Zinc Strip */ 
	margin: 0 0 0 15px;
	width: 425px;
	height: 129px;
}

#roofdeckcleaner {		/* Chicago Metallic's Roof and Deck Cleaner */
	float: left;
	width: 220px;
	height: 129px;
	margin: 0 15px 0 15px;
}
/* END Roofing Accessories */

/* START Adhesives & Caulks */
#adhesivelogo ul {
	list-style-type: none;
}

#adhesivelogo li {
	display:  inline;
	margin: 0 50px 0 0;
}

#adhesiveimg ul {
	list-style-type: none;
}

#adhesiveimg li {
	display:  inline;
	margin: 0 40px 0 70px;
}
/* END Adhesives & Caulks */

/* START Insulation Accessories */
.typarimg {
	margin-left: 25px;
}
/* END Insulation Accessories */

/* START Metal Siding */
.metalsidingimg {
	float: left;
	clear: both;
	width: 200px;
	height: 80px;
	margin: 0 20px 0 0;
}
.metalsidingpara {
	margin: 0 0 30px 0;
}
/* END Metal Siding */

/* START vinyl railing & fencing systems */
#firstfairwayimg {
	margin-top: 125px;
}
/* END vinyl railing & fencing systems */

/* START Wood Moulding */
.woodmouldingchart {
	margin: 15px 0 40px 50px;
}

ul.windsoroneimg li {
	display: inline;
	list-style: none;
	margin: 0 25px 25px 0;
}
/* END Wood Moulding */

/* START Plastic Moulding */
.plasticmouldingchart {
	margin: 15px 0 0 50px;
}

#fyponlogo {
	margin: 40px 0 0 0; 
}

ul.fyponimg {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

ul.fyponimg li {
	display: inline;
	list-style: none;
	margin: 0 0 0 15px;
}
/* END Plastic Moulding */

/* START Hangers & Connectors */
ul.simpsonstrongtieimg {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

ul.simpsonstrongtieimg li {
	display: inline;
	margin: 0 0 0 25px;
}
/* END Hangers & Connectors */

/* START Engineered Lumber */
ul.trusjoistimg {
	list-style-type: none;
	padding-left: 0;
	margin-left: 0;
}

ul.trusjoistimg li {
	display: inline;
	margin: 0 0 0 25px;
}
/* END Engineered Lumber */

/*START Links */
.links {
	margin-left: 0px;
	padding-left: 0px;
	list-style-type: none;
}
/* END Links */

/* START Masonite Exterior Steel Doors */
.masoniitesteeldoors {
	margin-left: 15px;
}

/* END Masonite Exterior Steel Doors */

/* START Fasteners */
.mazenailsimg {
	margin-left: 25px;
 }
/* END Fasteners */


/* START About Us */
.oldlargeimg {
	border: #000000 1px solid;
	margin-left: 15px;
}

.smallimgs {
	margin: 20px 0 0 15px;
}
.oldsmallimg {
	border: #000000 1px solid;
	margin: 20px 10px 0 15px;
}

.oldimgtext {
	font-family: Verdana, Arial, Helvetica, san-serif;
	font-size: .95em;
	font-weight: bold;
	font-style: italic;
	text-align: center;
	margin: 0 0 0 0;
}

.oldmed4x3img {
	border: #000000 1px solid;
	margin: 25px 0 0 65px;
}

.oldmed3x4img {
	border: #000000 1px solid;
	margin: 25px 0 0 103px;
}

/* END About Us */