@charset "utf-8";
/* CSS Document */

* { margin: 0; padding: 0; }
body { background: #fff url(../images/bg-page.gif) 0 0 repeat-x; font-family: Verdana, Geneva, sans-serif; font-size: 12px; line-height: 14px; }

h1, h2, h3, h4, h5, h6, p, ol, ul { margin-bottom: 9px; }
h1 { }
h2 { color: #be0a0a; font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size: 13px; font-variant: small-caps; letter-spacing: 1px; }
h3 { }
h4 { }
h5 { }
h6 { }
p { }

span.tel .type,
span.tel .value {
	display: none;
}

ul { margin-left: 30px; }
	ul ul { margin-top: 9px; }
	ul li { list-style-image: url(../images/bullet.gif); margin-bottom: 6px; }
ol { margin-left: 30px; }
	ol ol { margin-top: 9px; }
	ol li { }
a:link, a:visited { }
a:hover, a:active { }

img { vertical-align: middle; }
a img { border: none; }

img.right { float: right; }
img.left { float: left; }

table.products { }
	table.products tr { }
	table.products td { padding: 10px; }
		table.products td h3 { margin: 0; }
		table.products td p { margin: 0; }

#container { background: url(../images/bg-header.jpg) 50% 0 no-repeat; text-align: center; width: 100%; }
	#container2 { width: 980px; margin: 0 auto; text-align: left; }

#header { height: 145px; position: relative; }
	#logo { position: absolute; top: 2px; left: 2px; }
		#logo a { background: url(../images/logo-bonstone.png) 0 0 no-repeat; display: block; height: 90px; width: 219px; text-indent: -9999px; }
	#contact { text-align: right; margin: 0; padding: 15px 15px 0 0; }
	.subnav { text-align: right; color: #525252; font-size: 10px; margin: 0 15px 0 0; }
		.subnav a:link, .subnav a:visited { color: #fff; font-weight: bold; text-decoration: none; }
		.subnav a:hover, .subnav a:active { color: #fe9f9f; }
			.subnav a.button:link, .subnav a.button:visited { background: url(../images/bg-subnavbutton2.gif) 0 0 no-repeat; display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline; color: #ffdc00; padding-left: 11px; vertical-align: middle; }
			.subnav a.button:hover, .subnav a.button:active { color: #fff; }
			.subnav a.button:link span, .subnav a.button:visited span, 
			.subnav a.button:hover span, .subnav a.button:active span { background: url(../images/bg-subnavbutton.gif) 100% 0 no-repeat; cursor: pointer; display: -moz-inline-box; display: inline-block; *zoom: 1; *display: inline; padding: 3px 11px 9px 0; vertical-align: middle; }

#searchform { position: absolute; right: 15px; bottom: 22px; }
	#searchform form { }
	#searchform div { background: url(../images/bg-search.gif) 0 0 no-repeat; height: 24px; display: block; width: 173px; position: relative; }
	#searchform input.text { background: none; border: none; color: #ccc; font-size: 11px; line-height: 16px; height: 16px; padding: 4px 0 4px 8px; width: 150px; }
	#searchform input.button { position: absolute; right: 0; top: 0; }

#nav { margin: 0; padding: 0; list-style-type: none; position: absolute; left: 0; top: 95px; }
	#nav li { list-style-image: none; float: left; position: relative; margin: 0; padding: 0; }
		#nav li a { background: url(../images/bg-nav.gif) 0 0 no-repeat; display: block; height: 32px; width: 147px; text-indent: -9999px; text-decoration: none; }
		#nav li a:link, #nav li a:visited { }
		#nav li a:hover, #nav li a:active { }
		#nav li#nav-applications a:link, #nav li#nav-applications a:visited { background-position: 0 0; width: 148px; }
		#nav li#nav-applications a:hover, #nav li#nav-applications a:active { background-position: 0 -64px; }
		#nav li#nav-materials a:link, #nav li#nav-materials a:visited { background-position: -148px 0; }
		#nav li#nav-materials a:hover, #nav li#nav-materials a:active { background-position: -148px -64px; }
		#nav li#nav-industries a:link, #nav li#nav-industries a:visited { background-position: -295px 0; }
		#nav li#nav-industries a:hover, #nav li#nav-industries a:active { background-position: -295px -64px; }
		#nav li#nav-products a:link, #nav li#nav-products a:visited { background-position: -442px 0; width: 148px; }
		#nav li#nav-products a:hover, #nav li#nav-products a:active { background-position: -442px -64px; }
	#nav ul { background: url(../images/bg-nav-dropdown.png) 0 100% no-repeat; display: none; margin: 0; padding: 0 0 5px 0; list-style-type: none; width: 147px; position: absolute; top: 32px; left: 0; }
		#nav #nav-applications ul { left: 1px; }
		#nav ul li { float: none; }
			#nav li li a { display: block; background: none; width: 135px !important; text-indent: 0; padding: 3px 5px; height: auto; font-size: 10px; line-height: 14px; }
			#nav li li a:link, #nav li li a:visited { border: 1px solid #383838; border-color: #383838 #181818 #181818 #383838; color: #fff; }
			#nav li li a:hover, #nav li li a:active { background: url(../images/bg-nav-dropdown-over.gif) 0 0 no-repeat; background-position: 0 0 !important; border: 1px solid #d92727; border-color: #d92727 #7d0606 #7d0606 #d92727; color: #fff; }
		#nav ul ul { position: absolute; top: 0px; left: 147px !important; }
			#nav ul ul li { float: none; }


#main { }
	#sidebar { width: 205px; float: left; margin-bottom: 20px; }
		#sidebar #sidenav { background: #1d1d1d url(../images/bg-sidenav-top.gif) 0 0 no-repeat; }
		#sidebar #sidenav2 { background: url(../images/bg-sidenav-bottom.gif) 0 100% no-repeat; padding: 12px 15px 30px 15px; }
		#sidebar #sidenav h2 { border-bottom: 1px solid #333; color: #df2c0e; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 10px; text-transform: uppercase; padding-bottom: 4px; }
			#sidebar #sidenav h2 a:link, #sidebar #sidenav h2 a:visited { color: #df2c0e; text-decoration: none; }
			#sidebar #sidenav h2 a:hover, #sidebar #sidenav h2 a:active { color: #fa3919;  }
		#sidebar #sidenav ul { margin: 0; padding: 0; list-style-type: none; }
			#sidebar #sidenav ul li { font-size: 10px; list-style-image: none; line-height: 1.2em; margin: 0 0 5px 0; padding: 0; text-transform: uppercase; }
				#sidebar #sidenav ul li a:link, #sidebar #sidenav ul li a:visited { color: #ccc; text-decoration: none; }
				#sidebar #sidenav ul li a:hover, #sidebar #sidenav ul li a:active { color: #fff;  }
			#sidebar #sidenav ul ul { margin: 5px 0 0 10px; padding: 0; list-style-type: none; }
				#sidebar #sidenav ul ul li { font-size: 10px; line-height: 1.2em; margin: 0 0 5px 0; padding: 0; text-transform: none; }
					#sidebar #sidenav ul ul li a:link, #sidebar #sidenav ul ul li a:visited { color: #999; text-decoration: none; }
					#sidebar #sidenav ul ul li a:hover, #sidebar #sidenav ul ul li a:active { color: #ccc;  }
	#content { width: 760px; float: right; margin-bottom: 20px; }
		#content table { width: 100%!important; }

#heading { background: #222 url(../images/bg-heading-top.gif) 0 0 no-repeat; padding-top: 15px; }
	#heading #breadcrumbs, 
	#heading .breadcrumb { display: block; padding: 0 15px 5px; font-size: 9px; color: #999; text-transform: uppercase; }
		#heading #breadcrumbs a:link, #heading #breadcrumbs a:visited, 
		#heading .breadcrumb a:link, #heading .breadcrumb a:visited { color: #999; font-weight: bold; text-decoration: none; }
		#heading #breadcrumbs a:hover, #heading #breadcrumbs a:active, 
		#heading .breadcrumb a:hover, #heading .breadcrumb a:active { color: #ccc; }
	#heading h1 { background: url(../images/bg-heading-bottom.gif) left bottom no-repeat; color: #fff; font-family: "Times New Roman", Times, serif; padding: 0 15px 35px 15px; }

#marquee { background: url(../images/bg-marquee.jpg) 0 0 no-repeat; height: 32px; line-height: 32px; margin-bottom: 9px; }
	#home #marquee { background: url(../images/bg-marquee-home.jpg) 0 0 no-repeat; border-bottom: 1px solid #fff; margin-bottom: 0; }
	#marquee p { color: #fff; cursor: move; }
	#marquee strong { color: #fff; }
	#marquee a:link, #marquee a:visited { color: #fff; }
	#marquee a:hover, #marquee a:active { color: #ccc; }

#footer { background: url(../images/bg-footer2.gif) 0 100% no-repeat; clear: both; }
	#footer2 { background: url(../images/bg-footer.gif) 0 0 no-repeat; padding: 18px 20px 18px 20px; min-height: 1em; }
		* html #footer2 { height: 1em; }
		#footer2:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
	#footer h4, 
	#footer p { color: #ed1616; font-size: 11px; line-height: 14px; margin-bottom: 0; }
	#footer p { color: #fff; }
		#footer p em { color: #666; }
	#footerAddress { float: left; padding-right: 15px; }
	#footerPhone { float: left; }
	#footerCopyright { float: right; }

#topfloor { text-align: right; font-size: 10px; color: #999; }
#topfloor a:link, #topfloor a:visited { color: #666; }
#topfloor a:hover, #topfloor a:active { color: #999; }