.container{ background:none;}
h1,h2,h3,h4,h5,h6,p,ul { 
  color: #111; 
  font-family: Helvetica, Arial, "Helvetica Neue", sans-serif; 
}
h1 {  font-size: 2em; margin-bottom: 0.75em; line-height:1.5; letter-spacing:-1px;}
h3	 {  font-size: 1.5em; line-height: 1.25; margin-bottom: 1em; letter-spacing:0; color:#60605F;}
h2, #ourprocess ul strong { font-size: 1.5em; line-height: 1.25; margin-bottom: 1em; letter-spacing:0; }
p,ul.foamprods,ul.foamprods2 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }

a{ color:#ED2224; text-decoration:none;}
a:hover{text-decoration:underline; color:#ED2224;}
body{ margin:0;background:url(../images/bkg.jpg) repeat-y center;}
#footer{ border-bottom: 1px solid #ccc; border-top: 1px solid #ccc; clear:both; margin:1.5em 0; padding:18px 0 0 30px;}
.pad{ margin-left:30px; margin-right:30px;  clear: both;}
.col1, .col2 { float: left; width: 390px; }
.col1 { margin-left: 30px; }
.col2 { margin-left: 65px; margin-right: 30px; }

img#closerlook { padding: 0 1.5em 0 32px; display:block;  }

div#floatright { float: right; width: 200px; margin: 1em 2em -2em 4em; }
div#floatright p { font-size: 140%; line-height: 24px; }

div.article { margin-left: 30px; clear: both; }
div.article p,
div.article h1,
div.article h2,
div.article h3,
div.article ul { width: 570px; }

img.artright { position: absolute; margin: 0 0 0 675px; }
img.artright2 { position: absolute; margin: 0 0 0 625px; }

.listcol { width: 35%; float: left; }

#logo{ float:left; margin:36px 0 0 30px;}
#tel{ float:right; margin:6px 30px 7px 0; clear:right;}
ul#topnav{  float:right; list-style:none; margin:18px 30px 18px 0;}
ul#topnav li{ display:inline; margin:0 10px 0 0; padding-right:10px; border-right: solid 1px #000;}
ul#topnav li.last{ display:inline; margin:0 0 0 0; padding-right:0; border-right: none;}

#ourprocess{ clear:both; background:url(../images/homejigsaw.jpg) right bottom no-repeat ; border:solid 2px #D6D6D6; padding:.75em 260px 1.5em 20px; margin:0 30px 0 30px; height:21em; }
#ourprocess h1{ margin-bottom:.25em;}
#ourprocess ul { list-style:none; margin-left:0; margin-top:1.5em; clear:right; float:none;}
#ourprocess ul li { width:120px; margin-right:20px; float:left; }
#ourprocess ul strong{ display:block; color:#60605F; margin-bottom:.375em;}

#casestudy{ background:url(../images/redcross.gif) left -20px no-repeat #F5F6F7;   margin:32px 30px 0 30px; }
#casestudy h2{ margin:0; padding:0;}
#casestudy h2 a{ color:#000; text-decoration:none; display:block; padding:1.5em 20px 1.5em 130px; margin:0; height:1.5em;}
#casestudy h2 a span{ color:#ED2224;}
#casestudy h2 a:hover span{ text-decoration:underline;}

ul#foamlist{ list-style:none; margin:0 30px 0 30px; padding-top:3em; }
ul#foamlist li{ float:left; width:166px; margin:-10px 10px 0 0;  padding:0;  border:solid 2px #D6D6D6;   }
ul#foamlist li.link { background: url(../images/foambg.jpg) no-repeat; }
ul#foamlist li.link:hover { border: solid 2px #ffAAAA; background-position: right top; }
ul#foamlist li strong{ font-size: 1.5em; display:block; line-height: 1; margin:0 0 1em 0; letter-spacing:0; font-weight:normal;}
ul#foamlist li a{ color:#000; text-decoration:none; display:block; height:100%; padding:18px 10px 18px 10px; height:19.5em;}
ul#foamlist li.last{ margin-right:0;}
ul#foamtypes{ list-style:none;  margin:1.5em 0 1.5em 0;  height:19.5em;}
ul#foamtypes li{  padding:0;border:none; height:auto; margin:0 0 0 10px;  }
ul#foamtypes li a{ padding:0; color:#ED2024; height:auto;	}
ul#foamtypes li a:hover{ text-decoration:underline;}

div#newsletter { margin: 0 30px 0 30px; }
div#newsletter form input { border: 1px solid #999; }
div#newsletter h3 { float: left; margin-right: 30px; }


	#intro{ clear:both;  background:url(../images/prodsjigsaw.jpg) right bottom no-repeat;
        height:29.5em; padding:.75em 300px 0 30px; border-bottom: 1px solid #ccc; margin-bottom: 1.5em; }
		
#intro2{ clear:both;  background:url(../images/filtration1.jpg) 670px 100px no-repeat;
         height:29.5em; padding:.75em 300px 0 30px; border-bottom: 1px solid #ccc; margin-bottom: 1.5em; }
		
#csintro{ clear:both;  background:url(../images/casestudy.jpg) right top no-repeat;
          padding:.75em 350px 0 30px; margin-bottom: 1.5em; }

ul.foamprods{ list-style:none; margin: 0 0 1.5em 0; padding:0; clear:both; }
ul.foamprods li{ float:left; width: 190px; margin:0 0 .375em; }

ul.foamprods2{ list-style:none; margin: 0 0 1.5em 0; padding:0; clear:both; width: 570px; }
ul.foamprods2 li{ float:left; width: 190px; margin:0 0 .375em; }

/* Gokit core styles -- ignore below this line */

div#loginform { width: 400px; margin: auto; }

.error{ background:#ff6550; border:1px solid #CC1717; padding:10px; width:60%; color:#fff; margin: 1em 0 1em 0; }
.msg{ background:#FFF6DC; border:1px solid #EFE5C7; padding:10px; width:60%; margin: 1em 0 1em 0; }

div#devfooter  { background:#F8F8F8; color:#666666; text-align: center; margin: 2em 0 0 0; padding:1em; }

div#devfooter #debug { text-align:left; }