/*------------------------------------------------------------------
Styles for ModWeldCo
------------------------------------------------------------------*/
/*------------------------------------------------------------------
reset
------------------------------------------------------------------*/
  body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td {
margin: 0;
padding: 0;
z-index: 0;
}
table {
border-collapse: collapse;
border-spacing: 0;
}
fieldset,img {
border: 0;
}
address,caption,cite,code,dfn,em,strong,th,var {
font-style: normal;
font-weight: normal;
}
ol,ul {
list-style: none;
}
caption,th {
text-align: left;
}
h1,h2,h3,h4,h5,h6 {
font-size: 100%;
font-weight: normal;
}
q:before,q:after {
content: '';
}
abbr,acronym {
border: 0;
}
/*------------------------------------------------------------------
core layout,colors and typography
------------------------------------------------------------------*/
body {
background: #040021;
font-family: Arial,Helvetica,Sans-serif;
font-size: 62.5%;
}
#container {
background: #093268;
margin: 0 auto 20px auto;
padding-bottom: 70px;
position: relative;
width: 900px;
}
#cols {
overflow: hidden;
position: relative;
}
/*------------------------------------------------------------------
header and footer
------------------------------------------------------------------*/
#header {
background: url('/images/header.jpg') no-repeat top center;
height: 153px;
}
#footer {
background: #011329;
bottom: 0px;
clear: left;
color: #506277;
font-size: 1.2em;
height: 60px;
line-height: 1.4em;
padding: 10px 0;
position: absolute;
text-align: left;
width: 100%;
z-index: 100;
}
#footer a {
color: #506277;
}
#footer ul {
display: block;
}
#footer li {
display: inline;
padding: 0px 8px 0px 8px;
border-right: 1px solid #506277;
}
#footer li.last {
border: none;
}
#footer .logo {
background: url('/images/footer-logo.gif') no-repeat center;
bottom: 10px;
height: 65px;
position: absolute;
right: 10px;
text-indent: -9999px;
width: 91px;
}

#footer .seventy-five {
  background: url('/images/Over75.gif') no-repeat center;
  float: left; 
  height:70px;
  margin-right: 15px;
  margin-top: -7px;
  text-indent: -9999px;
  width:98px;
}
/*------------------------------------------------------------------
navigation
------------------------------------------------------------------*/
#navi {
background: url('/images/navi.gif') no-repeat;
font-size: 1.8em;
overflow: hidden;
margin: 0 -10px;
padding: 9px 15px 8px 15px;
position: relative;
}
#navi li {
float: left;
}
#navi li.last {
position: absolute;
right: 15px;
}
#navi a {
color: #eef8ff;
display: block;
margin: 0 10px;
text-shadow: 1px 2px 3px #333;
}
#navi a:hover {
color: #ff060e;
}
#navi li.last a {
color: #fffb00;
}
#navi li.last a:hover {
color: #eef8ff;
}
/*------------------------------------------------------------------
left-col
------------------------------------------------------------------*/
#left-col {
float: left;
position: relative;
z-index: 15;
}
/*------------------------------------------------------------------
right-col
------------------------------------------------------------------*/
#right-col {
background: #001840;
border-left: 3px solid #164b8d;
border-right: 3px solid #164b8d;
color: #abbcd3;
font-size: 1.4em;
min-height: 450px;
position: relative;
z-index: 20;
}
#right-col p {
line-height: 1.4em;
padding: 2px 15px;
}
#right-col td {
padding: 5px;
}
/*------------------------------------------------------------------
index template
------------------------------------------------------------------*/
#home #left-col {
width: 590px;
}
#home #right-col {
margin-left: 600px;
width: 254px;
}
#home #right-col h1 {
background: url('/images/home-right-col-h1.png') no-repeat center;
height: 71px;
margin: 0 auto;
padding: 10px 0;
text-indent: -9999px;
width: 240px;
}
#home #glow {
background: url('/images/glow.jpg') no-repeat;
height: 559px;
overflow: hidden;
position: absolute;
top: -50px;
right: -75px;
width: 481px;
z-index: 10;
}
#home #map {
background: url('/images/map-larger.gif') no-repeat center;
height: 450px;
position: relative;
text-indent: -9999px;
width: 585px;
z-index: 50;
}
/*------------------------------------------------------------------
page template
------------------------------------------------------------------*/
#page #left-col {
font-size: 1.4em;
padding: 15px 10px;
width: 280px;
}
#page #left-col > ul > li {
padding: 2px 0px 5px 25px;
position: relative;
}
#page #left-col li {
position: relative;
}
#page #left-col li li {
padding-left: 25px;
position: relative;
}
#page #left-col a {
color: #90abd6;
}
#page #left-col a:hover {
color: #d1d1ff;
}
#page #left-col a:visited {
color: #90abd6;
}
#page #left-col li .expander {
background: url('/images/plus_minus_icons.png') no-repeat -19px 0;
cursor: pointer;
display: block;
height: 19px;
left: 0;
position: absolute;
top: 0;
text-indent: -9999px;
width: 19px;
}
#page #left-col li.open .expander {
background-position: -19px -19px;
}
#page #left-col .address {
color: #d1d1ff;
margin-top: 25px;
}
#page #left-col .portrait {
margin-top: 25px;
width: 100%;
}
#page #left-col img {
padding: 0 auto;
}
#page #left-col {
color: #d1d1ff
}
#page #left-col h4 {
color: #d1d1ff;
font-family: 'Lucida Grande',Arial,Helvetica,Sans-serif;
font-size: 1.1em;
font-weight: bold;
margin: 0 10px 10px 10px;
padding: 15px 10px 2px 10px;
text-align: center;
}
#page #left-col .thin {
width: 210px;
margin: 10px auto;
}
#page #right-col a {
color: #eef8ff;
display: block;
margin: 0 10px;
}
#page #right-col > p {
margin-top: 5px;
}
#page #right-col > p > strong {
font-size: 1.1em;
margin-top: 15px;
display: block;
}
#page #right-col a:hover {
color: #ff060e;
}
#page #right-col {
height: 100%;
margin-left: 310px;
padding-bottom: 30px;
width: 550px;

}
#page #right-col h1 {
border-bottom: 1px solid #00295d;
color: #d1d1ff;
font-family: 'Lucida Grande',Arial,Helvetica,Sans-serif;
font-size: 1.5em;
font-weight: bold;
margin: 0 10px 10px 10px;
padding: 15px 10px 2px 10px;
text-transform: uppercase;
}
#page #right-col h2 {
color: #d1d1ff;
font-family: 'Lucida Grande',Arial,Helvetica,Sans-serif;
font-size: 1.3em;
font-weight: bold;
margin: 0 10px 10px 10px;
padding: 15px 10px 2px 10px;
text-transform: uppercase;
}
#page #right-col ul li {
list-style-type: square;
padding-left: 5px;
margin-left: 35px;
}
#page #right-col ol li {
list-style-type: decimal;
padding-left: 5px;
margin-left: 35px;
}
#page #left-col .sidebar {
margin-top: 20px;
}
#page #right-col img#rainfall-map {
display: block;
height: 400px;
width: 400px;
margin: 15px auto;
}
/*------------------------------------------------------------------
stars
------------------------------------------------------------------*/
.star {
background: url('/images/star.gif') no-repeat center;
cursor: pointer;
height: 20px;
position: absolute;
width: 19px;
z-index: 40;
}
.star.red {
background: url('/images/redstar.gif') no-repeat center;
height: 25px;
width: 25px;
}
.star .info {
display: none;
z-index: 50;
}
.star.open .info {
background: url('/images/bubble.gif') no-repeat center;
color: #000;
display: block;
height: 127px;
left: 0px;
padding: 5px 10px;
position: absolute;
text-indent: 0px;
top: -132px;
width: 170px;
z-index: 50;
}

.star.open .info.left {
background: url('/images/bubble-left.gif') no-repeat center;
left: -170px;
}
.star .info .close {
font-size: 0.9em;
}
#star-1 {
left: 14px;
top: 250px;
}
#star-2 {
left: 29px;
top: 264px;
}
#star-3 {
left: 267px;
top: 337px;
}
#star-4 {
left: 277px;
top: 387px;
}
#star-5 {
left: 333px;
top: 227px;
}
#star-6 {
left: 379px;
top: 280px;
}
#star-7 {
left: 396px;
top: 282px;
}
#star-8 {
left: 390px;
top: 265px;
}
#star-9 {
left: 410px;
top: 273px;
}
#star-10 {
left: 428px;
top: 240px;
}
#star-11 {
left: 445px;
top: 345px;
}
#star-12 {
left: 463px;
top: 397px;
}
/*------------------------------------------------------------------
brochures
------------------------------------------------------------------*/
#brochures {
margin-left: 2px;
}
#brochures li {
float: left;
width: 56px;
padding-top: 0px;
padding-bottom: 0px;
}
#brochures li img {
border: 0 none;
display: block;
height: 74px;
width: 56px;
}
#brochure-overlay {
display: none;
left: 277px;
position: absolute;
top: 150px;
z-index: 100;
}
#brochure-overlay img {
height: 450px;
width: 346px;
}
#brochure-overlay .close {
background: #000;
color: #fff;
cursor: pointer;
display: block;
font-size: 1.2em;
padding: 5px;
text-align: right;
}
/*------------------------------------------------------------------
tags and classes
------------------------------------------------------------------*/
a {
text-decoration: none;
}
#page #right-col a {
display: inline;
}
#page #right-col a.pdf {
background: url(/images/pdficon.gif) top left no-repeat;
padding-left: 20px;
}
#page #right-col a.dwg {
background: url(/images/dwgicon.gif) top left no-repeat;
padding-left: 20px;
}
#page #right-col a.rtf {
background: url(/images/rtficon.gif) top left no-repeat;
padding-left: 20px;
}
ol ol,ul ul {
margin-left: 0px;
}
ol li,ul li {
padding: 2px 0;
}
strong {
font-weight: bold;
}
/* -----------------------------------------------------------------
clearfix
----------------------------------------------------------------- */
.clearfix:after {
content: ".";
display: block;
clear: both;
visibility: hidden;
line-height: 0;
height: 0;
}
.clearfix {
display: inline-block;
}
html[xmlns] .clearfix {
display: block;
}
* html .clearfix {
height: 1%;
}
/* -----------------------------------------------------------------
forms
----------------------------------------------------------------- */
#page #right-col #rainfall-map {
width: 400px;
margin: 0px auto;
}
#page #right-col #rainfall-form {
margin: 30px 0px 20px 0px;
width: 400px;
}
#page #right-col #rainfall-form form {
height: 4em;
}
#page #right-col #rainfall-form div {
width: 100%;
}
#page #right-col #rainfall-form .form-line-left {
float: left;
width: 40%;
text-align: right;
}
#page #right-col #rainfall-form .form-line-right {
float: right;
width: 58%;
text-align: left;
}
#page #right-col #rainfall-form .submit-line {
display: block;
padding-right: 20px;
width: 100%;
text-align: right;
}

#page ul#product-list {} 
#page ul#product-list li {
  min-height: 76px;
  list-style-type: none;
  margin-left: 15px;
  padding-bottom: 5px;
  border-bottom: 1px solid rgb(0, 41, 93);
  margin-bottom: 5px;
  margin-right: 10px;
}
#page ul#product-list li div.product {padding-bottom: 10px;font-size: 1.2em;}
#page ul#product-list li div.desc { padding-right: 15px; padding-bottom: 8px;}
#page ul#product-list li div a {margin: 0;} 
#page ul#product-list li img {float:left;padding-right: 15px;padding-bottom: 8px;}
#page ul#product-list li div.desc a {line-height: 1.4em;}

/* ---------------------------
Stupid Hacks.
--------------------------- */

body table {
color: rgb(171, 188, 211);
}