html { background:#edeff0 }
body {
font-family:tahoma, verdana, sans-serif;
font-size:62.5%;
line-height:1em;
margin:0;
color:#666;
background:#fff url(../img/body.gif) no-repeat top center;
}

/*-----
generic
-----*/

a:link, a:visited { color:#205799; text-decoration:none }
a:hover { color:#4077b9 }
h1, h2, h3, h4, h5, h6 { margin:0; font-size:1em; font-weight:normal }
p, ul, ol { margin:0 0 20px; font-size:1.2em; line-height:20px;  }
ul { padding:0 0 0 25px }

a img { border: none; }

/*-----------
layout styles
-----------*/

#head, #banner, #content, #buckets, #foot { clear:both }
#head-content, #banner-content, #foot-content, #content { width:957px; margin:0 auto }
#head { float:left; width:100% }
  #head #logo { float:left; width:238px; height:57px; padding:25px 0 0 }
  #head #logo img { display:block }

#content-base { float:left; clear:both; width:100% }
  #content { position:relative; z-index:1 }
  .int #content { background:#f8f8f8 }
  .int #content { padding-top:0 }

.int #content { background:#f8f8f8 url(../img/side.gif) repeat-y top right }

#content h2 { font-size:18px; color:#21589a; line-height:23px; font-weight:bold; margin:0 0 8px }
#content #main { float:left; width:570px; padding:40px 40px 30px }
#content #side { float:right; width:300px }
#content #main-left { float:left; width:270px }
#content #main-right { float:right; width:270px }

h1 { color:#72b844; font-size:32px; line-height:32px; margin:0 0 20px }
h1 span { display: block; color: #909396; font-size: 12px; }
h3 { color:#78b943; font-size:13px; line-height:13px; margin:23px 0 3px; font-weight:bold }
#content #main p { color:#909396 }
#content #main .heading { margin:0 0 40px }
#content #main ul.pdf { list-style:none; padding:0; margin:0 }
#content #main ul.pdf li { background:url(../img/i-pdf.gif) no-repeat 0 9px; padding:5px 0 0 20px }
#content #main ul.pdf li a { color:#205799; text-decoration:underline }
#content #main ul.pdf li a:hover { color:#4077b9 }

#content #side { border-top:20px solid #f8f8f8 }
#content #side-photo { background:#dadada }
#content #side-photo img { display:block }
#content #side-content { background:#eaeaea; padding:22px 25px 20px }
#content #side h2 { font-size:14px; line-height:18px; margin:0 0 11px }
#content #side ul { margin:0 0 20px; padding:0 0 0 15px; line-height:19px }
#content #side p { line-height:19px }
#content .products { margin: 30px 0; padding-top: 1px; }
#content .products h2 { margin: 30px 0 8px 0; }

.address p { font-size:11px }
.address p span { font-weight:normal; color:#999; text-transform: uppercase; }

p.quote { font-size:13px; background:url(../img/quote-begin.gif) no-repeat 0 3px; padding:0 0 0 28px }
p.cite { text-align:right; font-size:11px; background:url(../img/quote-end.gif) no-repeat top right; padding:35px 0 0; margin:-35px 0 0; color:#888 }
p.cite strong { color:#666; font-weight:normal }

.home p.quote { background:url(../img/quote-begin-home.gif) no-repeat 0 3px }
.home p.cite { background:url(../img/quote-end-home.gif) no-repeat top right; text-align:left; padding:25px 0 0; margin-bottom:15px; margin-top:-38px }

#banner-content { background:#275a9c; height:257px }
#banner-content img { display:block }

#main-columns { clear:both; margin:-18px 0 0 }

#buckets { padding:0 0 0 20px; margin:25px 0 0;  float:left; width:957px }
#buckets .bucket { width:250px; float:left; margin-right:70px; padding-bottom:25px }
#buckets .last { margin-right:0 }
#buckets .b1 p { line-height:18px }
#buckets .b1 p strong { display:block; padding:0 0 4px }
#buckets .b2 p { font-size:12px; line-height:20px }
#buckets .b2 p em { color:#5e9539; font-style:normal; font-weight:bold; display:block; padding:7px 0 0 }
#buckets .b3 { background:#f6f7f8; width:240px; min-height:220px; padding:0 28px 25px; margin:10px 0 0 }
#buckets .b3 h2 { margin-top:-10px; position:relative }
#buckets .b3 h3 { color:#6eb43f; font-size:17px; font-weight:bold; margin:16px 0 0 }
#buckets .b3 h4 { color:#6eb43f; font-size:12px; font-weight:bold; margin:7px 0 0; line-height:15px }
#buckets .b3 p { margin-top:8px; line-height:15px }

#buckets .bucket p { clear:both }
#buckets .bucket a.btn {
display:inline-block; color:#5e9539; background:#dcdddd url(../img/btn-begin.gif) no-repeat 0 0;
padding:0 10px; height:22px; line-height:22px; position:relative;
}
#buckets .bucket a.btn span { display:block; width:6px; height:22px; background:url(../img/btn-end.gif) no-repeat 0 0; position:absolute; top:0; right:0 }
#buckets .bucket a.btn:hover { background-color:#d2d3d3 }
#buckets .bucket #bucket-nav { margin:15px 0 0; float:right; font-weight:bold; font-size:10px }
#buckets .bucket #bucket-nav a { position:relative; top:5px }
#buckets .bucket #bucket-nav span { padding:0 6px }

#product-nav h1 { margin:0 0 10px }
#product-nav { margin:15px 0 }
#product-nav ul { list-style:none; padding:0; margin:0; }
#product-nav ul li { float:left; border-right:1px solid #ddd; font-size: 16px; line-height: 24px; }
#product-nav ul li a { display:block; padding:0 10px; }
#product-nav ul li.first a { padding-left:0 }
#product-nav ul li.last { border-right:0 }
#product-nav ul li.on a { background:#eee }

.product #main h2 { color:#888; font-weight:normal }

.contact form { font-family:'lucida grande', 'lucida sans unicode', sans-serif; font-size:11px }
.contact form { margin:15px 0 }
.contact form label { color:#666; float:left; width:130px; padding:5px 0 0 }
.contact form input.text, .contact form textarea { padding:5px; border:1px solid #d2d2d2 }
.contact form input.text { width:220px }
.contact form textarea { width:350px; height:100px }
.contact form label, form input { margin:0 0 10px }
.contact form button { display:block; margin:20px 0 0; line-height:20px }
.contact form .contact-error { padding:15px 17px 0; background:#eaeaea; margin:0 0 20px; border:1px solid #ddd; font-size:12px }
.contact form .contact-error h4 { font-size:14px; margin:3px 0 7px }
.contact form .contact-error ul { font-size:12px; padding:0 0 0 20px }
.contact form .contact-error p strong { color:#666 }
.contact form h3 { margin:20px 0 15px; clear:both; color:#888 }
.cRow { clear:both; padding:10px 0; border-top:1px solid #ddd }
.contact form .right { float:right; width:325px }
.contact form .left { float:left; width:205px }

#foot { float:left; width:100%; z-index:0; padding:33px 0 40px; background:#edeff0; border-top:3px solid #dcdddd }
#foot-copyright { float:left; width:280px }
#foot-copyright p { font-size:10px; color:#6eb43f }
#foot .nav { float:right; width:675px }
#foot .nav ul { float:right; list-style:none }
#foot .nav ul li { float:left }
#foot .nav ul li a { color:#8d8e8e; font-size:10px; border-left:1px solid #b3b5b5; border-right:1px solid #c0c2c2; padding:0 10px }
#foot .nav ul li a:hover { color:#7d7e7e }
#foot .nav ul li.last a { border-right:0 }
#foot .nav ul li.first a { border-left:0 }
#foot .nav ul li.on a { color:#555 }


.float-right { float: right; margin: 0 0 20px 20px; }


  
/*-
nav
-*/

#head #nav { float:left; margin:35px 0 0; padding:0; width:100%; background:#d8d9da }
#head .nav ul { margin:0; padding:0; list-style:none }
#head .nav ul li { float:left }
#head .nav ul li a { float:left; display:block; padding:13px 16px; color:#255699; font-size:13px; font-weight:bold; border-left:1px solid #b6b7b8; border-right:1px solid #fff }
#head .nav li { background:url(../img/nav-divide.gif) no-repeat right 4px }
#head .nav ul li a:hover { background:#e8e9ea }
#head .nav ul li.on a { background:#21589a; color:#fff }
#head .nav ul li.first a { border-left:0 }
#head .nav ul li.last a { border-right:0 }

/*--
misc
--*/

hr.divide { display:none }
.clear { clear:both }
.hide { display:none }
img { border:0 }
img.image { border:5px solid #eee }