/* 
Title: KineticPump.com
Author: team A design 
www.GoTeamA.com
*/

* { margin:0; padding:0; list-style:none; text-decoration:none; border:0; outline:none; }

html, body { height:100%; }

body { background:#000 url(../img/bg/nav-line.gif) 0 180px repeat-x; font:normal 100% Helvetica, Arial, Verdana, sans-serif; color:#fff; } 
a:link, a:visited { color:#fff; }
a:hover, a:active { color:#ccc; }

.center { text-align:center; }
.clear { clear:both; }
.left { float:left; }
.right { float:right; }

div.wrap { position:relative; width:960px; margin:0 auto; }

div#header { position:relative; background:url(../img/bg/header-bg.jpg) top center no-repeat; height:220px; }

img#kp-logo { position:absolute; top:9px; left:0; }
img#tail { position:absolute; top:180px; left:25px; }

div#header p { text-align:right; padding:10px; font-size:14px; color:#333; font-weight:bold; }
p#head-call { position:absolute; top:10px; right:0; background:url(../img/bg/header-call-bg.png) no-repeat; width:118px; }
p#head-email { position:absolute; top:80px; right:0; background:url(../img/bg/header-email-bg.png) no-repeat; width:188px; }
div#header p em { font-style:normal; color:#fff; }

/*nav*/

div#navigation { position:absolute; top:180px; height:40px; text-align:center; }
ul#nav { position:relative; top:9px; left:85px; width:875px; }
ul#nav li { float:left; margin:0 35px; text-transform:uppercase; font-size:14px; }
ul#nav li a { display:block; padding:10px 10px 5px;  }
#nav li a:link, #nav li a:visited { background:#000; border-top:1px solid #858585; border-bottom:1px solid #000; color:#00a089; }
#nav li a:hover, #nav li a:active, #nav li#current a { color:#1ebcde; }
#nav li#current a { background:#333; border-top:1px solid #333; border-bottom:1px solid #666; color:#1ebcde; }

/* */

div#main { margin:20px 0 60px; }

div.col2 { width:440px; margin:0 0 20px; }
div.col-wide { width:600px; margin:0 0 20px; }
div.col-narrow { width:280px; margin:0 0 20px; }

div.black { padding:10px 10px 35px; border-top:1px solid #066; }
div.green { padding:10px 10px 35px; background:url(../img/bg/content-bg-green.gif) top repeat-x; }
div.gray { padding:10px 10px 35px; background:url(../img/bg/content-bg-grey.gif) top repeat-x; }
div.blue { padding:10px; background:#003 url(../img/bg/content-bg-blue.gif) top repeat-x; }

input.text, textarea.text { border:1px solid #360; background:#033; padding:5px; font-size:16px; color:#fff; }

div#main h2 { font-size:16px; text-transform:uppercase; margin:0 0 15px; }

div#main p { font-size:14px; line-height:18px; }

div#contact-info h3 { font-weight:normal; font-size:16px; margin:5px 0 10px 80px; }
div#contact-info p { font-weight:bold; font-size:16px; margin:0 0 10px 160px; }

div#contact-form p { margin:0 0 15px; }
div#contact-form form { }
div#contact-form form ul li { margin:0 0 20px; }
div#contact-form form label { display:-moz-inline-stack; display:inline-block; width:80px; padding:5px 0 0; vertical-align:top; }
div#contact-form form label.error { display:block; padding:5px 0 0 85px; width:328px; color:#c00; }
div#contact-form form ul li input, div#contact-form form ul li textarea { width:328px; vertical-align:top; }
div#contact-form form input.submit { background:#666 url(../img/bg/grad-bg-btn.jpg) repeat-x; font-size:16px; padding:10px; text-transform:uppercase; color:#fff; }
div#contact-form form input.submit:hover { color:#1ebcde; }
h2.thanks { color:#009ec0; }

div#design-adv ul li { padding:0 0 20px; }
div#design-adv ul li h3 { font-size:14px; margin:0 0 5px; }
div#design-adv ul li p { margin:0 10px; }
div#design-img { float:right; width:283px; }
div#design-img img { padding:0 0 10px; }

div.shadow-img { width:280px; float:right; margin:0 0 0 20px; text-align:center; font-size:14px; }
div.shadow-img img { margin:0 0 15px; }

div#pump-testing ul li { font-size:14px; line-height:18px; padding:10px 0; }

div#tech-specs ol { margin:0 5px 0; }
div#tech-specs ol li { float:left; width:240px; height:160px; margin:0 35px 35px; text-align:center; text-transform:uppercase; background:#414141 url(../img/bg/product-spec-head-bg.gif) top repeat-x; line-height:40px; font-size:14px; font-weight:bold; }
div#tech-specs ol li a { color:#fff; }

div.box { position:relative; margin:0 10px 10px; width:300px; height:300px; float:left; }
div.items div.box { margin:0 20px 30px 80px; }

div.box a.product-link { position:absolute; top:0; left:0; display:block; width:300px; height:300px; }

div.product { text-align:center; }
div#main div.product h2 { font-size:18px; font-weight:normal; margin:225px 0 5px; }
div#main div.product h3 { font-size:14px; line-height:18px; font-weight:normal; }

div#product-nav { width:120px; float:left; margin:0 10px; }
div#product-nav h2 { padding:5px 10px; font-weight:normal; font-size:14px; }
div#product-nav ul li { padding:0 0 10px 20px; font-size:14px; }
div#product-nav a { color:#00a089; }
div#product-nav a:hover, div#product-nav li#selected a { color:#1ebcde; }

div.details { float:right; width:440px; margin:0 0 20px; }
div.details p { margin:0 0 20px; }
div.details h2 { font-weight:normal; padding:20px 0 10px; font-size:14px; }
div.details ol { margin:0 0 0 80px; }
div.details ol li { float:left; width:170px; font-size:14px; padding:0 0 5px; }

div.col3-mid { width:300px; margin:0 10px 20px; float:left; }
div.col3-mid div.box { margin:0 0 10px; clear:both; }

div.info { }
div.info h2 { font-size:18px; text-align:center; margin:10px 0 15px; }
div.info p { clear:both; margin:0 10px 10px; }
div.info ol { margin:15px 25px 0; }
div.info ol li { font-size:12px; float:left; width:125px; padding:0 0 2px; }

div.info span { display:block; }
div.info span a { color:#9c9; font-weight:bold; }
div.info span a:hover { color:#cfc; }

div#kpc { background:url(../img/products/kp-c-main.jpg) no-repeat; }
div#wanted { background:url(../img/bg/home-center-bg.jpg) no-repeat; }
div#spt { background:url(../img/products/spt-main.jpg) no-repeat; }

div#wanted h2 { margin:10px 0 15px; }

p#select-button { clear:both; text-align:center; padding:10px; width:940px; height:60px; text-indent:-9999px;  }
p#select-button a { display:block; width:940px; height:60px; background:url(../img/btn/online-pump-selection.gif) no-repeat; }
p#select-button a:hover { background:url(../img/btn/online-pump-selection.gif) 0 -60px no-repeat; }

p#select-button-small { text-align:center; width:300px; height:40px; text-indent:-9999px; clear:both; }
p#select-button-small a { display:block; width:300px; height:40px; background:url(../img/btn/prod-pump-selection.gif) no-repeat; }
p#select-button-small a:hover { background:url(../img/btn/prod-pump-selection.gif) 0 -40px no-repeat; }

div.shadow-content { width:800px; background:#fff; color:#000; display:none; }

img#ev-img { float:left; }
ol#ev-list { float:right; width:155px; margin:50px 0 0 30px; }
ol#ev-list li { list-style:decimal outside none; margin:0 0 5px; color:#000; font-size:14px; font-weight:bold; }
p#ev-p { text-align:center; clear:both; padding:10px 0; font-size:14px; font-weight:bold; color:#000; }

table#mat-table { width:100%; border:1px solid #999; border-collapse:collapse; color:#000; }
table#mat-table td, table#mat-table th { text-align:center; width:148px; padding:5px; border:1px solid #ccc; color:#000; }

img#dim-img { float:left; margin:0 0 15px; }
table#narrow-table { float:left; width:155px; margin:30px 0 15px 30px; }
table#wide-table { clear:both; width:800px; }

table.dim-table { border-collapse:collapse; color:#000; }
table.dim-table th { background:#069; color:#fff; border:1px solid #fff; font-size:14px; font-weight:normal; padding:5px; text-align:center; }
table.dim-table td { text-align:center; font-size:14px; border:1px solid #666; padding:2px; }
table.dim-table tr.odd { background:#ccc; }

div.download { clear:both; padding:20px 0; }
p.download-label { float:left; width:135px; font-size:16px; }
.download-content { float:left; width:170px; padding:2px 5px; background:#fff; color:#069; }
a.button { float:right; background:#036; text-transform:uppercase; color:#fff; font-weight:bold; padding:2px 5px; border:1px solid #666; font-size:14px; margin-left:10px; cursor:pointer; }

/*footer*/

div#footer { clear:both; height:250px; background:url(../img/bg/footer-bg.jpg) center top no-repeat; border-top:1px solid #999; width:100%; text-align:center; }
div#footer ul { background:#000 url(../img/bg/footer-text-bg.png) bottom repeat-x; width:268px; margin:50px auto; padding:10px 0; border:1px solid #333; }
div#footer ul li { color:#ccc; font-size:12px; line-height:18px; font-weight:bold; }
div#footer a { color:#ccc; }
div#footer a:hover { color:#1ebcde; }