body { color: #5a5a5a; font-size: x-small; font-family: Arial, Verdana, Helvetica, sans-serif; line-height: 1.65em; background-color: #eaeae2; background-image: url(../images/css/body_bg.jpg); background-repeat: repeat-x; margin: 0; padding: 0; }
#container { width: 785px; float: left; }
	#container h1 { width: 185px; height: 90px; float: left; margin: 0; padding: 0; }
	#container img { border: none; }

p { font-size: 120%; }
p.source { font-size: x-small; line-height: 1.25em; text-align: right; }
h2 { color: #3a3127; font-size: 185%; font-weight: bold; margin: 0; }
h3 { color: #3977b2; font-size: 120%; font-weight: bold; margin-bottom: -10px; padding-bottom: 0; }

td {font-size: 120%;}

span.intro { color: #3a3127; }
span.quiet { display: none }

#pdf { line-height: 1em; margin-right: 0; margin-bottom: 0; margin-left: 30px; padding-top: 0; padding-bottom: 5px; padding-left: 3px; }
	#pdf li { background-color: white; background-position: 0 center; vertical-align: baseline !important; border-style: none; list-style-image: url(../images/css/pdf_md.png) !important; list-style-position: outside; display: list-item; }

a:link, a:visited { color: #3977b2; text-decoration: underline; }
a:hover, a:active { color: #3a3127; text-decoration: none; }


#pageHeader { height: 90px; margin: 0; padding: 0; }
	#pageHeader h1 span {display: none;}

#tagline { background-color: transparent; background-image: url(../images/css/stcloud_tagline.gif); background-repeat: no-repeat; position: absolute; top: 0; left: 450px; width: 312px; height: 25px; padding-right: 15px; padding-left: 15px; }
	#tagline p { display: none; }


#menu      { background-color: transparent; text-align: center; padding: 0; position: absolute; top: 40px; left: 200px; height: 30px; margin: 0; }
	#nav    { text-align: center; margin: 0; padding: 0 }
	#nav li { margin: 0 0 0 0; padding: 0; list-style: none; display: inline  }
	#nav li a  { padding: 30px 0 0; height: 0 !important; float: left; overflow: hidden; height /**/: 30px  ; }
	#nav a:hover, #nav a.selected     { background-position: 0 -30px }

	#zeolite a     { background: url(../images/nav/what-is-zeolite.gif) no-repeat left top; margin-right: 12px; width: 102px }
	#stcloud a      { background: url(../images/nav/stcloud-zeolite.gif) no-repeat left top; margin-right: 12px; width: 106px }
	#applications a      { background: url(../images/nav/industries-applications.gif) no-repeat left top; margin-right: 12px; width: 150px }
	#sales a      { background: url(../images/nav/sales.gif) no-repeat left top; margin-right: 12px; width: 47px }
	#about a       { background: url(../images/nav/about-stcloud.gif) no-repeat left top; width: 102px }


#mainContainer { background-color: transparent; background-image: url(../images/css/main_corners.gif); background-repeat: no-repeat; background-position: 0 top; position: absolute; top: 70px; left: 185px; width: 605px; z-index: 1; margin: 0; padding: 0; border-left: 1px solid #eaeaea; }
#mainContent { background-color: white; width: 595px; z-index: 2; margin: 0; padding: 0; }

html>body #corner { background-repeat: no-repeat; position: absolute; top: -6px; left: -1px; width: 6px; height: 6px; }
	/* commented backslash hack v2 \*/
	#corner { background-repeat: no-repeat; position: absolute; top: 0px; left: -1px; width: 6px; height: 6px; }
	/* end hack */

#main { background-color: transparent; background-image: url(../images/css/main_corners_bottom.gif); background-repeat: no-repeat; background-position: left bottom; width: 595px; padding-bottom: 50px; }
	#main img.floatRight { float: right; padding-left: 15px; padding-bottom: 10px; }
	#main p, #main h2, #main h3 { margin-right: 25px; margin-left: 25px;}
	#main ul { margin-right: 20px; padding-top: 5px; list-style-position: inside; }
	#main ul li { font-size: 120%; line-height: 1.25em; background-position: 0 center; vertical-align: text-bottom; margin-bottom: 8px; margin-left: 20px; list-style-position: outside; display: list-item; }
	#main ul li ul { padding-top: 8px; }
	#main ul li ul li { font-size: 100%; background-position: 0 center; vertical-align: middle; margin-bottom: 5px; margin-left: 0; list-style-position: outside; display: list-item; }

	#mainL { background-color: transparent; background-image: url(../images/css/main_corners_bottom.gif); background-repeat: no-repeat; background-position: left bottom; width: 595px; padding-bottom: 15em; }
	#mainL p, #mainL h2, #mainL h3 { margin-right: 25px; margin-left: 25px;}
	#mainL ul { margin-right: 20px; padding-top: 5px; list-style-position: inside; }
	#mainL ul li { font-size: 120%; line-height: 1.25em; background-position: 0 center; vertical-align: text-bottom; margin-bottom: 8px; margin-left: 20px; list-style-position: outside; display: list-item; }
	#mainL ul li ul { padding-top: 8px; }
	#mainL ul li ul li { font-size: 100%; background-position: 0 center; vertical-align: middle; margin-bottom: 5px; margin-left: 0; list-style-position: outside; display: list-item; }

	#mainXL { background-color: transparent; background-image: url(../images/css/main_corners_bottom.gif); background-repeat: no-repeat; background-position: left bottom; width: 595px; padding-bottom: 45em; }
	#mainXL p, #mainXL h2, #mainXL h3 { margin-right: 25px; margin-left: 25px;}
	#mainXL ul { margin-right: 20px; padding-top: 5px; list-style-position: inside; }
	#mainXL ul li { font-size: 120%; line-height: 1.25em; background-position: 0 center; vertical-align: text-bottom; margin-bottom: 8px; margin-left: 20px; list-style-position: outside; display: list-item; }
	#mainXL ul li ul { padding-top: 8px; }
	#mainXL ul li ul li { font-size: 100%; background-position: 0 center; vertical-align: middle; margin-bottom: 5px; margin-left: 0; list-style-position: outside; display: list-item; }


#textHeader { background-color: white; background-image: url(../images/css/main_corners.gif); background-repeat: no-repeat; width: 585px; height: 150px; margin: 0 0 25px -1px; padding-top: 0; padding-right: 5px; padding-left: 5px; border-left: 1px solid #eaeaea; }

#zeolitePhoto { width: 423px; height:125px; float: left; margin-bottom: 5px; }
	#zeolitePhoto p { background-color: transparent; background-image: url(../images/stcloud-zeolite/zeolite.jpg); background-repeat: no-repeat; width: 423px; height: 120px; margin-top: 5px; margin-right: 5px; }
	#zeolitePhoto p span {display: none;}

#zeoliteText { width: 157px; height:120px; float: right; }
	#zeoliteText p { background-color: transparent; background-image: url(../images/stcloud-zeolite/text_zeolite.gif); background-repeat: no-repeat; width: 157px; height: 120px; margin: 5px 0 0; }
	#zeoliteText p span {display: none;}

#specificationsText { width: 157px; height:120px; float: right; }
	#specificationsText p { background-color: transparent; background-image: url(../images/stcloud-zeolite/text_specifications.gif); background-repeat: no-repeat; width: 157px; height: 120px; margin: 5px 0 0; }
	#specificationsText p span {display: none;}

#datasheetPhoto { width: 423px; height:125px; float: left; margin-bottom: 5px; }
	#datasheetPhoto p { background-color: transparent; background-image: url(../images/stcloud/stcloud_zeoliteMining.jpg); background-repeat: no-repeat; width: 423px; height: 120px; margin-top: 5px; margin-right: 5px; }
	#datasheetPhoto p span {display: none;}

#datasheetText { width: 157px; height:120px; float: right; }
	#datasheetText p { background-color: transparent; background-image: url(../images/stcloud-zeolite/text_datasheet.gif); background-repeat: no-repeat; width: 157px; height: 120px; margin: 5px 0 0; }
	#datasheetText p span {display: none;}

#sitemapText { width: 157px; height:120px; float: right; }
	#sitemapText p { background-color: transparent; background-image: url(../images/css/text_sitemap.gif); background-repeat: no-repeat; width: 157px; height: 120px; margin: 5px 0 0; }
	#sitemapText p span {display: none;}

#breadcrumbs { background-image: url(../images/css/breadcrumb_back.gif); background-repeat: no-repeat; width: 423px; height: 25px; float: left;  }
	#breadcrumbs p { color: #fff; font-size: 100%; line-height: 25px; vertical-align: middle; margin: 0; padding-left: 20px; }
	#breadcrumbs p span { padding-right: 2px; padding-left: 2px; }
	#breadcrumbs p a:link, #breadcrumbs p a:visited { color: #fff; text-decoration: none; }	
	#breadcrumbs p a:hover, #breadcrumbs p a:active { color: #3a3127; text-decoration: underline; }	

#print { background-image: url(../images/css/print_back.gif); background-repeat: no-repeat; width: 157px; height: 25px; float: right; }
	#print p { color: #fff; font-size: 100%; line-height: 25px; vertical-align: middle; margin: 0; padding-left: 35px; }
	#print p a:link, #print p a:visited { color: #fff; text-decoration: none; }	
	#print p a:hover, #print p a:active { color: #3a3127; text-decoration: underline; }

html>body #mainSidebar { font-size: 100% !important; line-height: 1.5em; width: 205px; float: right; margin-right: 5px; margin-bottom: 10px; margin-left: 20px; padding: 0; }
	/* commented backslash hack v2 \*/
	#mainSidebar { font-size: 100% !important; line-height: 1.5em; width: 205px; float: right; margin-right: -20px; margin-bottom: 10px; margin-left: 20px; padding: 0; }
	/* end hack */
	#mainSidebar p { color: #7c7c7c; margin: 0; padding-top: 8px; padding-right: 15px; padding-left: 15px; }
	#mainSidebar h3 { color: #fff; font-size: 11px; line-height: 25px; background-image: url(../images/css/mainSide_back.gif); background-repeat: no-repeat; width: 205px; height: 25px; margin: 0px; padding: 0 10px 0 15px; }

	#rounded { background-image: url(../images/css/mainSidebar_bottom.gif); background-repeat: no-repeat; background-position: 0 bottom; width: 205px; float: left; margin: 0; padding: 0 0 5px; }
	#sideContent { background-color: #fbfbfb; padding-bottom: 15px; border-right: 1px solid #eaeaea; border-left: 1px solid #eaeaea; }


html>body #sidebar { width: 165px; float: left; margin-left: 20px; }
	/* commented backslash hack v2 \*/
	#sidebar { width: 175px; float: left; margin-left: 10px; }
	/* end hack */
	#sidebar a:link, #sidebar a:visited { text-decoration: none; }
	#sidebar a:hover, #sidebar a:active { text-decoration: underline; }

dl { font-size: 110%; width: 165px; background: #fff url(../images/css/dl_bottom.gif) no-repeat left bottom; margin-top: 25px; padding-bottom: 5px; }
	dt { color:#fff; font-size: 11px; font-weight: bold; line-height: 25px; margin: 0; background: url(../images/css/dt_back.gif) no-repeat left top; height: 25px; padding: 0 10px 0 15px; }
	dd { background-color: white; width: 99.99%; margin: 0 0 0 10px; padding: 5px 15px 5px 0; border-top: 1px solid #d9e4ec; display: block; }
	dd a { width: 99.99%; padding-left: 10px; display: block; }
	dd a.selected { background-color: #eef3f7; background-position: 100% 100%; width: inherit; padding-top: inherit; padding-right: inherit; padding-bottom: inherit; padding-left: 10px; }

	#side_contact { width: 165px; background: #f0f3ec url(../images/css/dl_bottom2.jpg) no-repeat left bottom; margin-top: 25px; padding-bottom: 10px; }
	#side_contact h4 { color: #fff; font-size: 11px; font-weight: bold; line-height: 25px; margin: 0 0 10px; background: url(../images/css/dt_contact.gif) no-repeat left top; height: 25px; padding: 0 15px; }
	#side_contact p { font-size: 110%; line-height: 1.25em; margin: 0 0 0 10px; padding: 0 15px 0 5px; }
	#side_contact p.sideHeader { color: #3977b2; font-weight: bold; text-transform: uppercase; margin: 15px 0 3px 10px; }

#footer { width: 555px; clear: both; padding: 15px 20px; }
	#footer p { color: #c8c8c8; font-size: 100% !important; line-height: 1.25em; }
	#footer a:link { color: #afafaf; font-size: 100%; }
	#footer a:hover, #footer a:active { color: #646464 !important; text-decoration: none; }
	#footer a:visited { color: #b9b9b9; }

	#copyright { background-image: url(../images/css/stcloud_logo2.jpg); background-repeat: no-repeat; background-position: right 0; height: 85px; padding-top: 10px; border-top: 1px solid #d2d2d2; }
	#copyright p { color: #b9b9b9; line-height: 1em !important; margin-bottom: -10px !important; }