/* CSS Document */

body { font-family: Arial, Helvetica, sans-serif; font-size: 10px; font-style: normal; line-height: normal; color: #333; background-color: #f0f1f4; text-align: left; margin: 0; }

#header { background: #ffffff url(../pics/fn_btn_bg.gif) no-repeat; width: 800px; height: 85px; padding: 0; margin: 0; color: #fff; clear: both; }
#body-wrap { text-align: left; width: 800px; background:#fff url(../pics/body-tile-l2.gif) repeat-y; float: left; clear: both; margin: 0; padding: 0; }
#wrapper2 { text-align: left; width: 800px; margin: 0; padding: 0; }


#leftcol_products, #leftcol_contactus, #leftcol_architect, #leftcol_marketing
{ float: left; width: 209px;
	/* for IE5/WIN */
	voice-family: "\"}\""; voice-family: inherit; width: 189px;	/* actual value */
 background-color: #fff; min-height: 384px; margin: 0; padding: 0; }
/* IE / Win hacks */
* html #leftcol_products, * html #leftcol_contactus, * html #leftcol_architect, * html #leftcol_marketing { float: left; width: 188px; height: 384px; margin-right: 0px; }
/* END IE / Win hacks */

	/* left nav classes for bg tiles */
#leftcol_products.products { background-image: url(../pics/Left_Nav_Back_products.jpg); background-repeat: no-repeat; }
#leftcol_contactus.contactus { background-image: url(../pics/Left_Nav_Back_contactus.jpg); background-repeat: no-repeat; }
#leftcol_architect.architect {
	background-image: url(../pics/Left_Nav_Back_arch.jpg);
	background-repeat: no-repeat;
	width: 49px;
}
#leftcol_marketing.marketing { background-image: url(../pics/Left_Nav_Back_marketing.jpg); background-repeat: no-repeat; }

#centercol { float: left; width: 456px; margin: 0; padding: 0; background-color: #fff; border-left: 1px solid #036; border-bottom: 1px solid #e2e4ee; border-right: 1px solid #e2e4ee; border-top-style: none; }

#centercol h3 { color: #121850; font: bold 11px/17px Arial, Helvetica, sans-serif; clear: both; margin: 9px 0 7px 10px; padding-top: 3px; padding-bottom: 0; }

#centercol ul { color: #333; font: 11px/17px Arial, Helvetica, sans-serif; margin-left: 0; width: 410px; padding: 0; }
#centercol li { color: #333; font: 11px/17px Arial, Helvetica, sans-serif; margin-right: 0; margin-left: 27px; margin-bottom: 3px; padding: 0; list-style-type: disc; list-style-position: outside; }

#centercol p { color: #333; font: 11px/17px Arial, Helvetica, sans-serif; text-align: left; margin: 10px 0 17px 10px; padding: 0; }

table.filedownload_table { width: 435px; background-color: #fafafa; margin-top: 15px; border: solid 1px #6699cc; margin-left: 10px; border-collapse: collapse; border-spacing: 0px; }
table.filedownload_table-inst {	width: 435px; background-color: #fafafa; border: 1px #6699CC solid; border-collapse: collapse; border-spacing: 0px; }


#rightcol
{ 
 color: #333; font: 10px/14px Arial, Helvetica, sans-serif;
 width: 173px; 
 /* for IE5/WIN */
	voice-family: "\"}\""; voice-family: inherit; width: 153px; /* actual value */
	margin: 0; padding: 0; 
	background: #6a6f99;
	 float: left; }

#rightcol p { font: 10px/14px Arial, Helvetica, sans-serif; color: #333; width: 140px; } 

.right_column_title { color: #006; font: Bold 11px/16px Arial, Helvetica, sans-serif; }
.right_column_story { font: 11px/15px Arial, Helvetica, sans-serif; color: #333; padding: 5px; background-color: #fff; border-bottom: 1px solid #036; border-right: 1px solid #036; border-top-style: none; border-top-width: 0; border-left-style: none; border-left-width: 0; }

/* IE / Win hacks */
* html .right_column_story { width: 142px; }
/* END IE / Win hacks */


#footer
{
 font: 9px Arial, Helvetica, sans-serif;
	position: relative;
	background-image: url(../pics/blue_back_10px.gif);
	background-repeat: repeat;
	width: 790px;
	height: 10px;
	clear: both;
	margin: 0;
	padding: 5px 0px 5px 10px;
	text-align: left;
	vertical-align: top;
	color: #fff;
}

.tree_nav_text { font: 9px Arial, Helvetica, sans-serif; padding: 5px 0px 0px 10px; }

.tree_nav { width: 456px;	height: 24px;	background-image: url(../pics/reversenav_back.gif);	background-repeat: repeat;	background-position: left top;	float: left; }

#maincontent { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; width: 440px; float: left; min-height: 300px; margin: 10px 0 15px 10px; padding: 0; border-bottom-style: none; border-bottom-width: 0; }
/* IE / Win hacks */
* html #maincontent { margin-left: 5px; margin-right: -3px; }
/* END IE / Win hacks */
#maincontent p { margin-right: 0; margin-left: 0px; padding: 0; width: 435px; }

#maincontent h3.news { color: #121850; font: bold 11px/17px Arial, Helvetica, sans-serif; clear: both; margin: 9px 0 7px 0px; padding-top: 3px; padding-bottom: 0; }

.maincontent_products { color: #333; font: 11px/16px Arial, Helvetica, sans-serif;	height: 256px;	width: 456px;	float: left;	background-image: url(../pics/backimage_products1.jpg);	background-repeat: no-repeat;	background-position: right top; }

.maincontent_products p { margin-right: 0; margin-left: 10px; padding: 0; }

.maincontent_products2 { color: #333;	font: 11px/17px Arial, Helvetica, sans-serif;	background-image: url(../pics/backimage_products2.jpg);	background-repeat: no-repeat;	background-position: right top;	height: 256px;	width: 456px;	float: left; }
.maincontent_products2 p { margin-right: 0; margin-left: 10px; padding: 0; }

.maincontent_products3 {	color: #333; font: 11px/17px Arial, Helvetica, sans-serif;	background-image: url(../pics/backimage_products3.jpg);	background-repeat: no-repeat;	background-position: right top;	height: 256px;	width: 456px;	float: left; }
.maincontent_products3 p { margin-right: 0; margin-left: 10px; padding: 0; }

.maincontent_architect {	color: #333; font: 11px/17px Arial, Helvetica, sans-serif;	background-image: url(../pics/contractor_homeimage.jpg);	background-repeat: no-repeat;	background-position: right top;	height: 256px;	width: 456px;	float: left; }
.maincontent_architect p { margin-right: 0; margin-left: 10px; padding: 0; }

.maincontent_ourcompany { font: 11px/17px Arial, Helvetica, sans-serif; color: #333; height: 255px; width: 456px; border-bottom: 1px solid #036; float: left; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
.maincontent_ourcompany p { margin-right: 0; margin-left: 10px; padding: 0; }

.maincontent_contactus { font: 11px/17px Arial, Helvetica, sans-serif; color: #333; height: 500px; width: 456px; border-bottom: 1px solid #036; float: left; border-top-style: none; border-top-width: 0; border-right-style: none; border-right-width: 0; border-left-style: none; border-left-width: 0; }
.maincontent_ourcompany p { margin-right: 0; margin-left: 10px; padding: 0; }

.maincontent_products-notile { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; background-color: #fff; height: 256px; width: 456px; float: left; }
.maincontent_products-notile p { margin-right: 0; margin-left: 10px; padding: 0; }

#maincontent_alum { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; background-color: #fff; width: 456px; float: left; }
#maincontent_alum h3 { color: #121850; font: bold 11px/17px Arial, Helvetica, sans-serif; background-color: #fff; margin: 9px 0 7px 10px; padding: 3px 0 0; width: 437px; clear: both; }
.linetop { width: 437px; clear: both; padding-top: 2px; border-top: 1px solid #e2e4ee; }

#maincontent_alum p { width: 230px; margin-right: 0; margin-left: 10px; padding: 0; float: left; }
/* IE / Win hacks */
* html #maincontent_alum p { margin-left: 5px; }
/* END IE / Win hacks */
#maincontent_alum img { margin-right: 10px; margin-left: 0; margin-top: 0; padding: 0; float: right; clear: right; }

#maincontent_alum p.wide { width: 430px; }
#maincontent_alum p.wide-wlinetop { width: 430px; margin-top: 9px; padding-top: 2px; border-top: 1px solid #e2e4ee; }


#maincontent_alum ul { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; clear: both; }

#page-link { color: #333; font: bold 10px/15px Arial, Helvetica, sans-serif; width: 440px; white-space: normal; padding: 5px 0 0; }
/* IE / Win hacks */
* html #page-link { margin-bottom: 0; padding: 5px 0 0; }
/* END IE / Win hacks */
#page-link ul { width: 435px; margin-top: 5px; }
#page-link.links { width: 435px; margin-top: 5px; margin-left: 10px; padding-top: 3px; padding-bottom: 3px; }
#page-link li { float: left; display: inline; margin: 0; padding: 0; list-style-type: none; }

.maincontent_text { color: #333; font: 11px/17px Arial, Helvetica, sans-serif;	margin: 0px 0px 0px 0px; }
.maincontent_text p { margin-right: 0; padding: 0; }


.cat_homecontent { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; width: 200px; margin-left: 10px; clear: both; margin-top: 10px; margin-right: 0; padding: 0; }

.cat_contactuscontent {
color: #333; font: 11px/16px Arial, Helvetica, sans-serif; width: 400px; padding: 10px; clear: both;
}

.cat_content {
color: #333; font: 11px/16px Arial, Helvetica, sans-serif; width: 400px; padding: 10px; clear: both;
}

.maincontent_title {	color: #121850; font: Bold 11px/17px Arial, Helvetica, sans-serif; }
.secondarycontent { font: 11px/16px Arial, Helvetica, sans-serif; color: #333; width: 456px; float: left; border-top: 1px solid #036; border-right-style: none; border-right-width: 0; border-bottom-style: none; border-bottom-width: 0; border-left-style: none; border-left-width: 0; }

.cat_secondarycontent { color: #333; font: 11px/16px Arial, Helvetica, sans-serif;	width: 430px;	padding: 10px;	float: left; }

.working { clear: both; float: left; }


.products_titlebar { font: Bold 11px/16px Arial, Helvetica, sans-serif;	color: #ffffff;	width: 200px;	width: 446px;	padding: 5px;	float: left;	background-image: url(../pics/blue_back_10px.gif);	background-repeat: repeat; }


/* NEW mods */

p { color: #333; font: 11px/16px Arial, Helvetica, sans-serif; width: 437px; }

h1 { color: #ffffff; font: bold 11px/18px Arial, Helvetica, sans-serif; background-color: #121850; padding: 3px 0 4px 10px; background-image: url(../pics/blue_back_10px.gif); background-repeat: repeat; width: 446px; clear: both; margin: 0; }
/* IE / Win hacks */
* html h1 { width: 446px; }
/* END IE / Win hacks */

#topgallerytext { color: #666; font: 10px/12px Arial, Helvetica, sans-serif; height: 13px; width: 435px; margin: 0px; padding: 0px; clear: both; }
#topgallerytext p { height: 12px; width: 200px; margin: 0px; padding: 0px; float: left; clear: none; }
#topgallerytext p.right { text-align: right; height: 12px; width: 200px; margin: 0px; padding: 0px; float: right; clear: none; }

#topgallerytext a:link, #topgallerytext a:visited {	color: #121850; text-decoration: none; }
#topgallerytext a:active, #topgallerytext a:hover { color: #69c; text-decoration: none; border-bottom: 1px solid #e5e5fe; }

h2 { color: #ffffff; font: bold 11px/18px Arial, Helvetica, sans-serif; background-color: #121850; padding: 3px 0 4px 10px; background-image: url(../pics/blue_back_10px.gif); background-repeat: repeat; width: 446px; clear: both; margin: 0; }
/* IE / Win hacks */
* html h2 { width: 446px; }
/* END IE / Win hacks */

th { font: bold 11px/16px Arial, Helvetica, sans-serif; color: #ffffff; padding-left: 8px; background-image: url(../pics/blue_back_10px.gif); background-repeat: repeat; text-align: left; }


.filedownload_BodL
{
	text-align: left;
	font-family: Arial, Helvetica, sans-serif;	font-size: 10px;	color: #404040;
	background-color: #fafafa;
	padding-top: 4px;
	padding-bottom: 4px;
	padding-left: 8px;
	padding-right: 0px;
	border-right: #69C;
	border-bottom: #69C;
	border-width: 0px 1px 1px 0px;
	border-style: none dotted dotted dotted;
 width: 150px;
}
.filedownload_BodL-275 { text-align: left; font-family: Arial, Helvetica, sans-serif;  font-size: 10px;
	color: #404040;	background-color: #fafafa; padding-top: 4px; padding-bottom: 4px; padding-left: 8px; padding-right: 0px;
	border-right: #69C; border-bottom: #69C; border-width: 0px 1px 1px 0px;	border-style: none dotted dotted dotted; width: 275px; }

.line {	width: 435px; height: 2px; background-image: url(../pics/reversenav_back.gif); background-repeat: repeat; margin-bottom: 7px; }

.newsfooter { font: 11px/16px Arial, Helvetica, sans-serif; float: left; margin: 2px 0 10px 10px; padding: 0; }

/* IE / Win hacks */
* html .newsfooter { padding-top: 10px; padding-bottom: 10px; margin-left: 5px; }

.newsfooter p { margin-right: 0; margin-left: 0px; padding: 0; width: 435px; }

/* left nav menus */
#navtable { font: 11px/15px Arial, Helvetica, sans-serif; width: 162px; margin: 13px 0 0 27px; padding: 0; }
#navtable h3 { color: #121850; font: bold 12px/19px Arial, Helvetica, sans-serif; width: 145px; }

#navtable ul { margin: 0; padding: 0; width: 145px; }
#navtable li { margin-right: 0; margin-bottom: 2px; margin-left: 17px; padding: 0; list-style-image: url(../pics/leftnav_arrow.gif); list-style-position: outside; }
#navtable li.sub { margin-right: 0; margin-left: 13px; padding-right: 0; list-style-image: url(../pics/nav_arrow-sub.gif); list-style-position: outside; }
#navtable p { margin: 0; padding: 0; width: 145px; }

/* IE / 7.0 Win hacks */
*:first-child+html #left-content li.menu { padding-left: 2px; margin-left: 0px; list-style-image: url(../pics/nav_arrow.gif); }
/* END IE / 7.0 Win hacks */

/* IE / Win hacks */
* html #left-content li.menu { padding-left: 2px; margin-left: 1px; }
/* END IE / Win hacks */

/* universal left nav classes  */
.navheader { color: #121850; font: bold 13px/21px Arial, Helvetica, sans-serif; height: 21px; margin: 0 0 5px; padding: 0; border-bottom: 1px solid #d9d9f9; }
.navsub { color: #121850; font: Bold 12px/18px Arial, Helvetica, sans-serif; margin: 0; padding: 0; }



/* -------------
all link classes  ---------------------- */

a:link, a:visited { color: #121850; text-decoration: underline; }
a:active { color: #121850; text-decoration: none; }
a:hover { color: #f00; text-decoration: none; }

a.nav_link:link, a.nav_link:visited { 	color: #121850;	text-decoration: none; }
a.nav_link:active {	color: #121850; text-decoration: none; }
a.nav_link:hover {	color: #f00; text-decoration: underline;	}

a.redboxlink:link, a.redboxlink:visited  {
	color: #ff0000;
	padding: 3px 16px 0 0px;
	background-image: url(../pics/btn_arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.redboxlink:active {
	color: #ff0000;
	padding: 3px 16px 0 0px;
	background-image: url(../pics/btn_arrow.gif);
	background-position: right;
	background-repeat: no-repeat;
	text-decoration: none;
}

a.redboxlink:hover {
	color: #f00; 
	padding: 3px 16px 0 0px;
	text-decoration: underline;
	background-image: url(../pics/btn_arrow_o.gif);
	background-position: right;
	background-repeat: no-repeat;
}

a.greyleftnavlink:link, a.greyleftnavlink:visited {	color: #666;	padding: 0px 0px 0px 16px;	text-decoration: none; }
a.greyleftnavlink:active {	color: #666;	padding: 0px 0px 0px 16px;	text-decoration: none; }
a.greyleftnavlink:hover { color: #666;	text-decoration: underline;	background-image: url(../pics/left_navarrow_subgrey_o.gif);	background-position: left;	background-repeat: no-repeat; }

a.treelink:link, a.treelink:visited {	color: #333; font: 10px Arial, Helvetica, sans-serif; text-decoration: none; }
a.treelink:active {	color: #333; font: 10px Arial, Helvetica, sans-serif; text-decoration: none; }
a.treelink:hover { color: #333; font: 10px Arial, Helvetica, sans-serif;	text-decoration: underline; }

.webinstructions { font-family: Arial, Helvetica, sans-serif; font-size: 10px;	color: #666; }

a.webinstructions_link:link, a.webinstructions_link:visited { color: #333; font: 10px Arial, Helvetica, sans-serif; text-decoration: underline; }
a.webinstructions_link:active, a.webinstructions_link:hover { color: #333; font: 10px Arial, Helvetica, sans-serif; text-decoration: none; }

a.filedownload_link:link, a.filedownload_link:visited  {	color: #ff0000;	font: 10px Arial, Helvetica, sans-serif; text-decoration: underline; }
a.filedownload_link:active, a.filedownload_link:hover {	color: #ff0000;	font: 10px Arial, Helvetica, sans-serif;	text-decoration: none; }

a.productline_link:link, a.productline_link:visited {	color: #ff0000; font: 11px Bold Arial, Helvetica, sans-serif; text-decoration: underline; }
a.productline_link:active, a.productline_link:hover {	color: #ff0000; font: 11px Bold Arial, Helvetica, sans-serif; text-decoration: underline; }

a.red:link, a.red:visited {	color: #F00; font: 11px Arial, Helvetica, sans-serif; text-decoration: underline; }
a.red:active, a.red:hover {	color: #F00; font: 11px Arial, Helvetica, sans-serif; text-decoration: underline; }

a.contact:link, a.contact:visited { color: #006; text-decoration: underline; }
a.contact:active, a.contact:hover { color: #006; text-decoration: none; }

/* -------------
end CSS  ---------------------- */

#centercol_arch {
	float: left;
	width: 595px;
	margin: 0;
	padding: 0;
	background-color: #111951;
	border-top-style: solid;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-right-color: #111951;
	border-bottom-color: #e2e4ee;
	border-left-color: #036;
	border-top-width: 1px;
}
#centercol_arch ul {
	color: #003366;
	font: 11px/17px Arial, Helvetica, sans-serif;
	margin-left: 0;
	width: 510px;
	padding: 0;
	border-right-color: #FFFFFF;
}
#centercol_arch h3 {
	color: #121850;
	font: bold 11px/17px Arial, Helvetica, sans-serif;
	clear: both;
	margin: 9px 0 7px 10px;
	padding-top: 3px;
	padding-bottom: 0;
}
#centercol-arch {
	float: left;
	width: 596px;
	margin: 0;
	padding: 0;
	background-color: #fff;
	border-left: 1px solid #036;
	border-bottom: 1px solid #e2e4ee;
	border-right: 1px solid #e2e4ee;
	border-top-style: none;
}
.tree_nav_arch {
	width: 596px;
	height: 24px;
	background-image: url(../pics/reversenav_back.gif);
	background-repeat: repeat;
	background-position: left top;
	float: left;
}
h1_arch {
	color: #ffffff;
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	background-color: #121850;
	background-image: url(../pics/blue_back_10px.gif);
	background-repeat: repeat;
	width: 100%;
	clear: both;
	margin: 0;
	padding-top: 3px;
	padding-right: 0;
	padding-bottom: 4px;
	padding-left: 10px;
}
h2_arch {
	color: #ffffff;
	font: bold 11px/18px Arial, Helvetica, sans-serif;
	background-color: #121850;
	padding: 3px 0 4px 10px;
	background-image: url(../pics/blue_back_10px.gif);
	background-repeat: repeat;
	width: 446px;
	clear: both;
	margin: 0;
}