/* Main CSS Styles Document
Author: 		Steven Gleave
Last Modified: 	28/03/2008
*/

/* Import Master Reset */
@import url(reset.css);

body { margin: 0; padding: 0; background-color:#FFF; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

#container { position: relative; width: 924px; margin:0px auto; padding:0; }
#content { width:924px; margin:0; padding:0; }

#top_wording { width: 920px; padding:1em 0 2em 0; text-align:right; }
#top_wording p { font-size:1.2em; font-weight:bold; letter-spacing:1px; color:#FFF; margin-bottom:0; color:#8F8F8F; }

/*--- Header Info --------------------------------*/
#header { width:924px; padding:0; margin-bottom:1.8em; color:#000000; }
#header h1 { width:435px; margin-top:.5em; float:left; color:#FF710B; }

/*--- Navigation --------------------------------*/
.nav { float:left; width:488px; margin-top:.7em; position:relative;}
/*#nav ul{ width:454px; margin: 0; list-style-type: none; padding:0; }
#nav ul li {  display:inline; font-size:17px; font-weight:bold; }
#nav ul li a { margin-right: 2.4em; color:#787878; text-decoration: none; }
#nav ul li a.last { margin-right:0; color:#787878; text-decoration: none; }
#nav ul li a:hover { color:#FF6A00; }
#nav ul li.active a { color:#FF6A00; }*/

.nav .select {margin:0; list-style:none; white-space:nowrap;}

.nav li {float:left}

.nav .select a {display:block; height:38px; float:left;text-decoration:none; line-height:36px; white-space:nowrap; font-size:17px; font-weight:bold; color:#787878; margin-top:10px}/* margin-right: 2.4em;*/

.nav .select a span.nav-products  {background:url(/images/nav_products.jpg); background-position:0px 17px; width:98px; height:16px; display:block}
.nav .select a:hover span.nav-products,.nav ul li.active a span.nav-products {background:url(/images/nav_products.jpg); background-position:0px 0px; width:98px; height:16px; display:block}
.nav .select a span.nav-about {background:url(/images/nav_about.jpg); background-position:0px 17px; width:98px; height:16px; display:block; margin-left:30px}
.nav .select a:hover span.nav-about,.nav ul li.active a span.nav-about {background:url(/images/nav_about.jpg); background-position:0px 0px; width:98px; height:16px; display:block}
.nav .select a span.nav-resources {background:url(/images/nav_resources.jpg); background-position:0px 17px; width:98px; height:16px; display:block; margin-left:30px}
.nav .select a:hover span.nav-resources,.nav ul li.active a span.nav-resources {background:url(/images/nav_resources.jpg); background-position:0px 0px; width:98px; height:16px; display:block}
.nav .select a span.nav-contact {background:url(/images/nav_contact.jpg); background-position:0px 0px; width:98px; height:16px; display:block; margin-left:30px}
.nav .select a:hover span.nav-contact,.nav ul li.active a span.nav-contact {background:url(/images/nav_contact.jpg); background-position:0px 17px; width:98px; height:16px; display:block}

/* products submenu*/
.nav .sub span {font-size:6px}
.nav .sub a.nav-manufacturers span  {background:url(/images/nav-manufacturers.jpg); background-position:0px 0px; width:85px; height:12px; display:block}
.nav .sub a.nav-manufacturers:hover span, .nav ul li a.nav-manufacturers-active span {background:url(/images/nav-manufacturers.jpg); background-position:0px 12px; width:85px; height:12px; display:block}

.nav .select a.nav-product-search span  {background:url(/images/nav-product-search.jpg); background-position:0px 0px; width:89px; height:12px; display:block}
.nav .select a.nav-product-search:hover span, .nav ul li a.nav-product-search-active span {background:url(/images/nav-product-search.jpg); background-position:0px 12px; width:89px; height:12px; display:block}

.nav .select a.nav-featured-products span  {background:url(/images/nav-featured-products.jpg); background-position:0px 0px; width:107px; height:12px; display:block}
.nav .select a.nav-featured-products:hover span, .nav ul li a.nav-featured-products-active span {background:url(/images/nav-featured-products.jpg); background-position:0px 12px; width:107px; height:12px; display:block}

.nav .select a.nav-gallery span  {background:url(/images/gallery-nav.jpg); background-position:0px 0px; width:44px; height:12px; display:block}
.nav .select a.nav-gallery:hover span, .nav ul li a.nav-gallery-active span {background:url(/images/gallery-nav.jpg); background-position:0px 12px; width:44px; height:12px; display:block; float:left;}

/*about us sumbenu*/

.nav .select a.nav-overview span  {background:url(/images/nav-overview.jpg); background-position:0px 0px; width:56px; height:12px; display:block}
.nav .select a.nav-overview:hover span, .nav ul li a.nav-overview-active span {background:url(../images/nav-overview.jpg); background-position:0px 12px; width:56px; height:12px; display:block}

.nav .select a.nav-service-area span  {background:url(/images/nav-service-area.jpg); background-position:0px 0px; width:74px; height:12px; display:block}
.nav .select a.nav-service-area:hover span, .nav ul li a.nav-service-area-active span {background:url(/images/nav-service-area.jpg); background-position:0px 12px; width:74px; height:12px; display:block}

.nav .select a.nav-driving-directions span  {background:url(/images/nav-driving-directions.jpg); background-position:0px 0px; width:107px; height:12px; display:block}
.nav .select a.nav-driving-directions:hover span, .nav ul li a.nav-driving-directions-active span {background:url(/images/nav-driving-directions.jpg); background-position:0px 12px; width:107px; height:12px; display:block}

/* resources submenu */

.nav .select a.nav-distributor-center span  {background:url(/images/nav-distributor-center.jpg); background-position:0px 0px; width:108px; height:12px; display:block}
.nav .select a.nav-distributor-center:hover span, .nav ul li a.nav-distributor-center-active span {background:url(/images/nav-distributor-center.jpg); background-position:0px 12px; width:108px; height:12px; display:block}

.nav .select a.nav-tools span  {background:url(/images/nav-tools.jpg); background-position:0px 0px; width:29px; height:12px; display:block}
.nav .select a.nav-tools:hover span, .nav ul li a.nav-tools-active span {background:url(/images/nav-tools.jpg); background-position:0px 12px; width:29px; height:12px; display:block}

.nav .select a.nav-industry-links span  {background:url(/images/nav-industry-links.jpg); background-position:0px 0px; width:84px; height:12px; display:block}
.nav .select a.nav-industry-links:hover span, .nav ul li a.nav-industry-links-active span {background:url(/images/nav-industry-links.jpg); background-position:0px 12px; width:84px; height:12px; display:block}

.nav .select a:hover, 
.nav .select li:hover a { cursor:pointer; color:#FF6A00; }/* margin-right: 2.4em;*/

.nav .sub {display:none;}

/* IE6 only */
.nav table {border-collapse:collapse; margin:-1px; font-size:1em; width:0; height:0;}

.nav .sub {margin:0;list-style:none;}
.nav .sub.products {margin-left:11px;list-style:none;}
.nav .sub.about {margin-left:50px;list-style:none;}
.nav .sub.resources {margin-left:165px;list-style:none;}
.nav .sub li {background:transparent;}

.nav .select :hover .sub {height:18px;display:block; position:absolute;float:left;top:40px; left:0; text-align:center;width:350px;}

.nav .select :hover .sub li a { display:block; float:left; background:transparent; margin:0; white-space:nowrap; color:#737373; font-size:12px; font-weight:normal; }
.nav .select :hover .sub li a:hover {color:#FF6A00; line-height:26px;}
.nav ul li a.last,.nav ul li a.last:hover { margin-right:0; }
.nav ul li.active a { color:#FF6A00; }

/*--- Footer Info --------------------------------*/
#footer { width:924px; margin:0 auto; padding: .5em 0 2em 0; }
#footer_left { float: left; margin-top:10px; width: 200px; }
#footer_right { float: right; margin:7px 0 0 5px; width: 50px; }
#footer_fb { float: right; margin:7px 0 0 8px; width: 50px; }
#footer_bim { float: right; margin:7px 0 0 0; width: 50px; }
#footer p { font-size:1em; color:#8F8F8F; margin-bottom:.5em; font-weight:bold; }
#footer p.design { font-size:1em; color:#8F8F8F; margin-top:-.3em; font-weight:bold; }
#footer a { text-decoration:none; color:#FFF; padding-right: .3em; padding-left:.3em; }
#footer a:hover { text-decoration:underline; }

/*--- Content --------------------------------*/
#left_column { width: 924px; float:left; margin:0; padding:0; }

#main_content_home { width:924px; margin:0; padding:0; background-color:#F7F7F7; background-image:url(/images/home.jpg); background-repeat:no-repeat; }
#text_content_home { width:423px; height:494px; margin:0; padding:10px 10px 0 13px; color:#FFF; position:relative; }
#text_content_home h1 {
	font-size: 16px;
	line-height: 1.3em;
	margin-bottom: 0.2em;
	color:#FFF;
	letter-spacing:2px;
}
#text_content_home p { font-size:1.1em; color:#FFF; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; margin-bottom:.7em; }
#text_content_home ul { list-style-type:circle; margin-left: 1.2em; padding-left: 0; }
#text_content_home ul li { margin-bottom:1em; margin-top:1em; padding-left:1.3em; line-height:130%; }
#text_content_home a { text-decoration:underline; color:#FF6800; }
#text_content_home a:hover { text-decoration:none; }
#text_content_home .products { width:170px; position:relative; top:25px; left:15px; }
#text_content_home .about { width:170px; position:relative; top:-80px; left:235px; }
#text_content_home .resources { width:170px; position:relative; top:-5px; left:15px; }
#text_content_home .contact { width:170px; position:relative; top:-93px; left:235px; }
#text_content_home .products a, #text_content_home .about a, #text_content_home .resources a, #text_content_home .contact a { text-decoration:underline; color:#FFF; }
#text_content_home .products a:hover, #text_content_home .about a:hover, #text_content_home .resources a:hover, #text_content_home .contact a:hover { text-decoration:none; }

#main_content { width:864px; margin:0; padding:20px 30px 30px 30px; background:#F7F7F7; }
#main_content2 { width:924px; margin:0; padding:0; background-color:#F7F7F7; background-image:url(/images/products.jpg); background-repeat:no-repeat; }
#main_content3 { width:924px; margin:0; padding:0; background-color:#F7F7F7; background-image:url(/images/about.jpg); background-repeat:no-repeat; }
#main_content4 { width:924px; margin:0; padding:0; background-color:#F7F7F7; background-image:url(/images/resources.jpg); background-repeat:no-repeat; }
#main_content5 { width:924px; margin:0; padding:0; background-color:#F7F7F7; background-image:url(/images/contact.jpg); background-repeat:no-repeat; }
#photodiv {position:absolute}
#text_content { width:403px; height:477px; margin:0; padding:27px 20px 0 23px; color:#FFF; position:relative }
#text_content h1 { font-size: 20px; line-height: 1.3em; margin-bottom: 1.5em; color:#FFF; letter-spacing:2px; }
#text_content p { font-size:1.1em; color:#FFF; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; margin-bottom:.7em; }
#text_content ul { list-style-type:circle; margin-left: 1.2em; padding-left: 0; }
#text_content ul li { margin-bottom:1em; margin-top:1em; padding-left: 1.3em; line-height:130%; }
#text_content a { text-decoration:underline; color:#FF6800; }
#text_content a:hover { text-decoration:none; }

#main_content h1 { font-size: 20px; margin-bottom: 1.5em; color:#555555; letter-spacing:1px; }
#main_content h2 { font-size:1.1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.3em; margin-bottom:.7em; margin-top:2.2em; color:#555555; }

#main_content a { text-decoration:underline; color:#FF6800; }
#main_content a:hover { text-decoration:none; }

ul.overview { list-style-type:circle; margin-left:1.1em; padding-left:0; color:#505050; }
ul.overview li { margin-bottom:2em; margin-top:2em; padding-left: 1.3em; }
.ldc { margin-bottom:1em; }
.dist_left, .dist_right { float:left; width:200px; margin:0; padding:0; }
p.heads { font-size: 1.1em; line-height: 1.3em; margin-bottom: 0.5em; margin-top:.7em; font-weight:bold; }
p.freightLink, p.nospace { font-size:1em; font-family:Arial, Helvetica, sans-serif; line-height:1.4em; margin-bottom:0; color:#505050; }

.featured_block { margin:2em 0 2em 0; padding:0; }

/*--- Manufacturers --------------------------------*/
#column_container { width: 800px; float:left; clear:both; margin-top: 3em; }
#column_container a { text-decoration:underline; color:#585F71; }
#column_container a:hover { text-decoration:none; }
.manu { font-family:Arial, Helvetica, sans-serif; font-size:14px; }
.manu ul { margin:0; list-style-image:none; }
.manu li { background: url(/images/bullet.jpg) no-repeat left .2em; padding-left: 1em; padding-bottom:1em; }
#first { width:30%; float:left; }
#second { width:30%; float:left; margin-left:2em; }
#third { width:270px; float:left; margin-left:2em; }

#photodiv { background-repeat: no-repeat; }

/*---BIM Directory-------------------------------*/
.bim ul { margin:0; list-style-image:none; text-align: center; }
.bim li { margin-bottom:2em; margin-top:2em; padding-left: 1em; padding-bottom:1em; text-align: center; }
.manubim { font-family:Arial, Helvetica, sans-serif; font-size:16px; text-align: center; color: #FF6800; }

/*--- Typography --------------------------------*/
p { font-size:1.1em; color:#505050; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; margin-bottom:.7em; }
h1 { font-size: 20px; line-height: 1.3em; margin-bottom: 0.5em; color:#555555; letter-spacing:1px; }
h2 { font-size: 1.1em; line-height: 1em; margin-bottom: 0.5em; font-weight:bold; }
h3{ color:#8F8F8F; font-weight:bold; font-size:14px; margin-top:0px; margin-bottom:20px; }

.titles { font-size:1.2em; color:#505050; font-family:Arial, Helvetica, sans-serif; line-height:1.3em; margin-top:1.5em; margin-bottom:0; font-weight:bold; }
.date { font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.4em; margin-bottom:0; color:#505050; }
.largehead { font-size:1.4em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.4em; margin-bottom:0; color:#505050; }
.maker { font-size:1em; font-family:Arial, Helvetica, sans-serif; font-weight:bold; line-height:1.4em; margin-bottom:1em; color:#505050; }

strong { font-weight:bold; }
.clear { clear:both; }

select { width: 195px; }
#live_search { width:680px; margin:0; margin-top:1em; }
#live_search select { margin-right:2em; }
#first { width:30%; }
#second { width:30%; margin-left:2em; }
#third { width:30%; margin-left:2em; }

#results { width: 580px; min-height: 100px; margin:0 auto; margin-top:2em; }
.results_table { margin:0; padding:0; }
.results_table td { padding-bottom: .8em; }
#add { width: 700px; margin:0 auto; padding-top: 5em; font-family:Arial, Helvetica, sans-serif; font-size:14px; }
#add a { text-decoration:none; color:#000; margin-right:1em; }
#add a:hover { text-decoration:underline; }