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%; }

html>body .mainIntro { font-weight: bold; width: 385px; float: left; margin-top: 1em !important; margin-right: 25px !important; margin-left: 25px !important; }
	/* commented backslash hack v2 \*/
	.mainIntro { font-weight: bold; width: 385px; float: left; margin-top: 1em !important; margin-right: 25px !important; margin-left: 12px !important; }
	/* end hack */

.introLink { text-decoration: none; margin: 0 0 0 !important; border-style: none; }
	.introLink a img { padding-top: 1em; border: none; }

h2 { color: #3a3127; font-size: 185%; font-weight: bold; margin: 0; }
h3 { color: #3977b2; font-size: 120%; font-weight: bold; clear: left; margin-bottom: -10px; padding-bottom: 0; }

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


a:link, a:visited { color: #3977b2; text-decoration: underline; }
a:hover, a:active { color: #3a3127; text-decoration: 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; }

#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: 0; 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: 20px; }
	#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; }

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

#zeolitePhoto { width: 585px; height:125px; float: left; margin-bottom: 5px; }
	#zeolitePhoto p { background-color: transparent; background-image: url(../images/homepage/header.jpg); background-repeat: no-repeat; width: 585px; 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/industries/text_industries.gif); background-repeat: no-repeat; width: 157px; height: 120px; margin: 5px 0 0; }
	#zeoliteText p span {display: none;}

#teaser { background-color: #d9e4ec; width: 585px; height: 2em; float: left; margin: 0; padding-bottom: 5px; }
	#teaser p { color: #3977b2; font-size: 100%; line-height: 25px; text-align: center; vertical-align: middle; margin: 0; }


	#zeoliteApplications { width: 595px; float: left; margin: 0; padding: 0; }
	#zeoliteApplications a img { height: 68px; margin: 0; border: none; }

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: none;}

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; }

#agricultureList { margin: 5px 0 0; padding: 5px 0 0; border-top: 1px solid #d9e4ec; list-style-type: none; }
	#agricultureList a { margin-left: 25px; padding: 0; }
	#agricultureList li { margin: 0; padding: 0; }

	#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: #f0f3ec 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; }