/* Design CSS Developed for KPS Technologies 1/4/09 */
.red {font-weight:bold; font-size:14px; color:#f00;}
/* GLOBAL STYLES
---------------------------------------------*/
body {width:100%; margin:0; padding:0; font:normal 12px Arial, Helvetica, sans-serif; background:#b3c4d8 url(../images/body-tile.gif) repeat-x;}
body table {font:normal 12px Arial, Helvetica, sans-serif;}

.master-wrap {float:left; width:100%;height:auto; background:url(../images/master-bg.jpg) no-repeat center top; text-align:center;}
.center-wrap {width:944px; margin:0 auto; text-align:left;}
.float-fix {float:left; width:100%;}

a {color:#0055a5; text-decoration:underline;}
a:hover {color:#333; text-decoration:underline;}
a img {border:none;}

h1 {font-size:26px; color:#616161; font-weight:normal; margin:15px 0;}
h2 {font-size:18px; color:#193162; font-weight:normal; margin:15px 0;}
h3 {font-size:16px; color:#0055a5; font-weight:bold; margin:10px 0;}
.interior h3 {border-bottom:1px solid #ccc;}
h4 {font-size:14px; color:#333; font-weight:bold;}
h5 {font-size:12px; color:#333; font-weight:bold;}
p {margin:7px 0; padding:0;}

.float-left {float:left;}
.float-right {float:right;}

.text-left {text-align:left;}
.text-right {text-align:right;}
.text-center {text-align:center;}

img.left {float:left; display:inline; margin:0 7px 1px 0;}
img.right {float:right; display:inline; margin:0 0 7px 7px;}

.clear {clear:both;}

/* HEAD STYLES
---------------------------------------------*/
.header {float:left; width:100%; height:320px;}
.header-logo {float:left; width:332px; height:92px;}
.header-logo img {behavior: url(iepngfix.htc); margin-top:5px;}
.knm-logo {float:right; width:99px; height:86px; margin-top:3px;}
.knm-logo img {behavior: url(iepngfix.htc);}
.header-nav-wrap {float:left; width:100%; height:30px; background:url(../images/bn-nav-tile.gif) repeat-x;}
.header-nav-sub-wrap {float:left; width:100%; height:30px; background:url(../images/bn-nav-corner-left.gif) no-repeat top left;}
.sub-header {float:left; width:100%; height:198px; background:url(../images/main-img-home.jpg) no-repeat; font-weight:bold; font-size:30px; color:#fff; text-transform:uppercase; text-align:right;}
.sub-header p {line-height:28px; padding:0; margin:15px 20px 0 0;}
.interior .header {float:left; width:100%; height:122px;}
.interior .sub-header {display:none;}

/* Root = Horizontal, Secondary = Vertical */
ul#top-nav {margin:0 0 0 4px; border:0 none; padding:0; width:940px; /*For KHTML*/ list-style:none; height:30px; background:url(../images/bn-nav-corner-right.gif) no-repeat top right;}
ul#top-nav li {margin:0; border: 0 none; float:left; /*For Gecko*/ display:inline; list-style:none; position:relative; height:30px; background:url(../images/bn-nav-divider.gif) no-repeat right;}
ul#top-nav ul {margin:0; border:0 none; padding:0; width:160px; list-style:none; display:none; position:absolute; top:30px; left:0; border-bottom:4px solid #002d73;}
ul#top-nav ul:after /*For IE 7*/{clear:both; display:block; font:1px/0px serif; content:"."; height:0; visibility:hidden;}
ul#top-nav ul li {width:160px; float:left; /*For IE 7*/ display:block !important; display:inline; /*For IE*/ background-image:none; height:25px; line-height:25px;}

/* Root Menu */
ul#top-nav a {padding:0 13px; float:none !important; /*For Opera*/ float:left; /*For IE*/ display:block; color:#fff; font-weight:bold; font-size:11px; text-decoration:none; height:auto !important; height:1%; /*For IE*/ line-height:30px;}

/* Root Menu Hover Persistence */
ul#top-nav a:hover,
ul#top-nav li:hover a,
ul#top-nav li.iehover a {background:url(../images/bn-nav-tile-hover.gif) repeat-x; color:#fff;}

/* 2nd Menu */
ul#top-nav ul a {line-height:25px;}
ul#top-nav li:hover li a,
ul#top-nav li.iehover li a {float:none; background:#005fb8; color:#fff; font-weight:normal;}

/* 2nd Menu Hover Persistence */
ul#top-nav li:hover li a:hover,
ul#top-nav li:hover li:hover a,
ul#top-nav li.iehover li a:hover,
ul#top-nav li.iehover li.iehover a {background:#026acb; color:#FFF;}

/* 3rd Menu */
ul#top-nav li:hover li:hover li a,
ul#top-nav li.iehover li.iehover li a {background:#005fb8; color:#666;}

/* 3rd Menu Hover Persistence */
ul#top-nav li:hover li:hover li a:hover,
ul#top-nav li:hover li:hover li:hover a,
ul#top-nav li.iehover li.iehover li a:hover,
ul#top-nav li.iehover li.iehover li.iehover a {background:#026acb; color:#FFF;}

/* 4th Menu */
ul#top-nav li:hover li:hover li:hover li a,
ul#top-nav li.iehover li.iehover li.iehover li a {background:#005fb8; color:#666;}

/* 4th Menu Hover */
ul#top-nav li:hover li:hover li:hover li a:hover,
ul#top-nav li.iehover li.iehover li.iehover li a:hover {background:#026acb; color:#FFF;}

ul#top-nav ul ul,
ul#top-nav ul ul ul {display:none; position:absolute; top:0; left:160px;}

/* Do Not Move - Must Come Before display:block for Gecko */
ul#top-nav li:hover ul ul,
ul#top-nav li:hover ul ul ul,
ul#top-nav li.iehover ul ul,
ul#top-nav li.iehover ul ul ul {display:none;}

ul#top-nav li:hover ul,
ul#top-nav ul li:hover ul,
ul#top-nav ul ul li:hover ul,
ul#top-nav li.iehover ul,
ul#top-nav ul li.iehover ul,
ul#top-nav ul ul li.iehover ul {display:block;}

/* MIDDLE SECTION STYLES
---------------------------------------------*/
.mid-wrap {float:left; width:100%; height:auto; background:#eee url(../images/content-tile.gif) repeat-x;}

/* Global */
.left-column {display:none;}

.content {float:left; display:inline; width:601px; height:auto; margin-left:19px; vertical-align:top;}
.content p span {font-size:10px;}

.content ul.sub-nav {float:left; display:inline; width:100%; height:auto; margin:0; margin-bottom:15px; padding:0;}
.content ul.sub-nav li {float:left; margin:0; padding:0; list-style:none;}
.content ul.sub-nav li a {padding:0 5px;}
.content ul.sub-nav li:first-child a {padding-left:0;}

.right-column {float:right;}

/* Homepage Only */
.home .content-main {width:601px; height:200px; background:url(../images/content-philosophy-bg.jpg) no-repeat right bottom; margin-top:15px;}
.home .content-main h1 {margin:0;}
.home .content-main p {width:450px;}
.home .content-main p strong {font-style:italic; font-weight:bold; color:#0055a5;}

.home .content .content-sub-left {float:left; display:inline; width:287px; *width:291px; height:230px; margin:19px; margin-left:0; border:2px solid #0156a5; position:relative;} 
.home .content .content-sub-right {float:right; display:inline; width:287px; *width:291px; height:222px; margin:19px 0 0 0; border:2px solid #0156a5; border-bottom:none;}
.home .content .content-sub-left div,
.home .content .content-sub-right div {padding:0 15px;}
.home .content .content-sub-left ul,
.home .content .content-sub-right ul {margin:0; padding:0 0 0 15px;}

.home .rhombus01 {float:right; clear:right; display:inline; width:291px; height:19px; background:url(../images/rhombus01.gif) no-repeat bottom; margin-bottom:10px;}
.home .triangle01 {background:url(../images/triangle01.gif) no-repeat; height:34px; width:17px; position:absolute; top:50px; left:278px; z-index:2;}
.home .triangle02 {float:right; display:inline; width:286px; height:19px; margin:19px 19px 0 0; background:url(../images/triangle02.gif) no-repeat bottom;}

.home .right-column {float:right; display:inline; width:282px; *width:286px; height:428px; margin:19px; margin-top:0; margin-bottom:10px; border:2px solid #0156a5; border-top:none;}
.home .right-column div {padding:0 15px;}
.home .right-column ul {margin:0; padding:0 0 0 15px;}
.home .right-column ul li {margin-bottom:15px;}
.home .right-column ul li.knm-logo {float:right; width:51px; height:33px; margin-top:0; margin-bottom:0; list-style:none;}
.home .right-column ul li.knm-logo img {behavior: url(iepngfix.htc);}

/*Interior Pages */
.interior .content {width:906px; margin:19px;}
.interior .right-column {display:none;}

.interior ul {margin:10px 0; padding:0;}
.interior ul li {margin:0 0 0 20px; padding:0;}
.interior ul li.head {list-style:none; font-weight:bold; margin-left:0; color:#666; font-size:14px; margin:5px 0;}
.interior ul ul {margin:0;}

.office-block {float:left; display:inline; width:290px; height:auto; margin-right:18px;}
.office-block.last {margin-right:0;}

a.top  {height:auto; width:auto; background:#ccc; padding:3px 4px; margin:15px 0; text-decoration:none;}
a:hover.top  {background:#fff; text-decoration:none;}

table.contact-form {width:500px;}
table.contact-form td {padding:3px 5px;}
table.contact-form span {color:#f00; padding:0 3px;}
table.contact-form input {width:260px; font-family:Arial, Helvetica, sans-serif;}
table.contact-form textarea {widht:300px; font-family:Arial, Helvetica, sans-serif;}

input#reset, 
input#button {width:80px; height:auto; background:#ccc; font-weight:normal; text-align:center; border:none; cursor:pointer; color:#0055a5; margin-right:10px;}
input:hover#reset,
input:hover#button {background:#fff; color:#333;}

/* FOOTER STYLES
---------------------------------------------*/
.footer {float:left; background:#0055a5; border-top:1px solid #b3c4d8; height:56px; width:100%; color:#9dd2fe; font-size:11px;}
.footer p {padding:0; margin:0;}
.footer a {color:#fff; text-decoration:none;}
.footer a:hover {text-decoration:underline; color:#fff; }
.footer .float-left {margin:14px 0 0 20px;}
.footer ul#bottom-nav {margin:0; padding:0;}
.footer ul#bottom-nav li {list-style:none; float:left; margin:0; padding:0;}
.footer ul#bottom-nav li a {padding:0 11px;}
.footer ul#bottom-nav li.first a {padding-left:0;}
.footer .float-right {margin:14px 20px 0 0;}