﻿body {margin:0; padding:0; font-size:62.5%; color:#4f4f4f; font-family: Arial, Verdana, 'Trebuchet MS', Sans-Serif; 
   background:#aaa url(../img/bg.jpg) repeat-x;}
div.centered {position:relative; margin:0 auto; position:relative; width:902px;}
div#movie {height:200px; margin:20px 0; background:#000; border:solid 1px #000;}
div#wrapper {background:transparent;}
#content {padding:20px 0; margin:20px 0; clear:both; background:#fff; border:solid 1px #777; -moz-border-radius:6px; -webkit-border-radius:3px;}
.home #content {padding:0 !important;}
#content #left {overflow:hidden; width:540px; padding:0 30px;}
#content #center {overflow:hidden; width:600px; margin:0 auto;}
#content #right {float:right; width:265px; padding-right:30px; margin:0;}
.home #content #right {padding-top:20px;}

#about #left{width:260px !important; padding:0 0 0 30px;}
#about #right{width:540px; padding:0 30px;}
#about #right p {padding-top:4px; font-size:1.2em; text-align:justify;}

.clearing {clear:both;}

#topband {position:absolute; z-index:0; left:0; top:0; margin:0; padding:0; background:#dce3e5; width:100%; height:100px;}

#undernav {position:relative; z-index:1; margin:0; padding:0; height:24px; background:#bcd url(../img/navbg.jpg) repeat-x top; 
   border-bottom:solid 1px #000; border-top:solid 1px #000;}
#nav {position:relative; width:902px; height:24px; margin:0 auto;}
#nav ul {float:left; margin:0; padding:0; list-style:none;}
#nav li {float:left;}
#nav a {display:block; float:left; padding:0 12px; font-size:10px; font-weight:bold; text-decoration:none; outline:none; color:#000; height:24px; line-height:24px; border-right:solid 1px #000;}
#nav li.first a {border-left:solid 1px #000;}
#nav a:hover {background:url(../img/navbg_hov.jpg) repeat-x top; color:#fff;}
#nav .chosen {background:#fff; color:#333;}

p {padding-bottom:10px;}

#branding {position:relative; z-index:1; margin:0 auto; width:902px; height:75px; color:#000; background:transparent;}
#branding #logo {position:absolute; left:-10px; top:0px; width:443px; height:45px; background:transparent url(../img/kplogo.jpg) no-repeat;}
#branding #logo a {position:relative; display:block; width:100%; height:100%; background:transparent; overflow:hidden;}
#branding #logo a span {position:absolute; left:-1000px; top:0;} 
#branding span {position:absolute; left:220px; top:45px; width:250px; height:20px; font-size:1.5em;}
#branding #rfqBtn {position:absolute; right:0px; top:2px; width:170px; height:30px; background:transparent url(../img/rfq.png);}
#branding #cuBtn {position:absolute; right:0px; top:28px; width:170px; height:30px; background:transparent url(../img/cu.png);}
#branding #rfqBtn:hover {background:transparent url(../img/rfq-hov.png);}
#branding #cuBtn:hover {background:transparent url(../img/cu-hov.png);}
#branding #phone-number {position:absolute; right:34px; bottom:1px; margin:0; padding:0; font-size:1.1em; font-weight:bold;}

#content #left p {padding-top:4px; font-size:1.2em; text-align:justify;}
#content #center p {padding-top:4px; margin:0; font-size:1.2em; text-align:justify;}
#content #testimonials p.customer-quote {margin-top:20px; background:#c8d2da; color:Black;
   border:solid 1px #999; -moz-border-radius:3px; -webkit-border-radius:3px;}

#content #right p {padding-left:-6px;}
#content #right #rotatorImageWrapper {margin:0 auto; margin-top:20px; width:200px; height:200px; padding-top:10px; background:#fff; font-size:1.2em; font-weight:bold; text-align:center;
   border:solid 1px black; -moz-border-radius:3px; -webkit-border-radius:3px;}
#content #right img {display:block; margin:10px auto; /*width:135px; height:135px;*/}

#content .quote {clear:both; text-align:left; padding:10px; font-size:1.2em; font-style:italic; background:#f5fafc; margin-bottom:20px;
   border:solid 1px #999999; -moz-border-radius:3px; -webkit-border-radius:3px;}
#content #right .quote {}
#content #morequotes {display:block; font-size:.9em; padding:0 10px; color:#aaa; float:right;}
#content cite {display:block; padding-left:20px; padding-top:10px;}
#content #quotewrapper {margin:0 auto;}

h1 {padding-top:0; font-size:3.0em; color:#fff; font-variant:small-caps; font-style:oblique;  }
h2 {font-size:1.75em; padding:15px 0; text-align:center; color:#248; margin:0;}
h3 {font-size:1.3em; padding-top:14px; border-bottom:solid 1px #999999; color:#248;}
h4 {font-weight:bold; margin:20px 0; font-size:1.4em; text-align:left;}
h5 {margin-top:-3px; color:#fff; font-size:1.2em;}

#big-k {font-size:2.0em; color:Red;}
#fakepdiv {padding-top:1px; margin-bottom:10px; margin-left:30px; border-left:solid 1px #999999;}
#copyright {text-align:right; padding-right:4px;}
#copyright a {color:#333; font-weight:bolder; text-decoration:none;}
#copyright a:hover {color:#000; text-decoration:underline;}

.form-prompt {text-align:right; padding:3px; font-weight:bold;}
.form-prompt-top-align {text-align:right; vertical-align:text-top; font-weight:bold;}
.form-input {text-align:left; padding:3px;}
.centered-form table {margin:0 auto;}
.centered-form p {margin:0 auto; margin-bottom:20px; padding:8px; font-size:1.2em; width:66%; border-bottom:solid 1px #999999; border-top:solid 1px #999999;}
.centered-form #command-area {width:66%; text-align:center; margin:15px auto; padding-top:15px; border-top:solid 1px #999999;}
.centered-form .required-field {background:#e6e8d5; color:Black; border:solid 1px black;}

.bold-underline {font-weight:bold; text-decoration:underline;}

.indent {margin-left:20px;}

cite {font-weight:bold;}

#products img {float:right; margin:4px 0px 4px 8px; padding:0; border:solid 1px #000;}
#products h3 {margin:0;}
#products .prd-item {clear:both;}

.standout {margin:8px; margin-left:0; padding:8px; float:left; font-size:1.1em; font-weight:bold; color:#000; background:#f5fafc; width:100px; text-align:center;
   border:solid 1px #aaa; -moz-border-radius:3px; -webkit-border-radius:3px;}
.smaller {font-size:0.9em;}
.larger {font-size:1.1em;}

#equipment #center {width:80%;}
#equipment h3 {margin:0;}
.equipitem {clear:both;}
#equipment img {float:right; margin:4px 0px 4px 8px; padding:0; border:solid 1px #000;}
#equipment #webimg1, #equipment #webimg2 {height:150px;}
#equipment #attribution {clear:both; margin-top:20px; font-size:.9em; color:#999; float:right; text-align:right;}
#equipment #attribution a {color:#777;}

#errorReport {padding:5px 20px; color:#f00; font-size:1.2em;}
#successful-request {padding:30px; font-size:1.5em; text-align:center;}

#server-error {margin:40px 20px; font-size:1.3em; color:#000;}
#server-error #requrl {margin:10px 20px; font-style:italic;}