body, div, ul, li, p, embed, object { margin: 0; padding: 0; font-family: arial, sans-serif, helvetica; }
.clear { clear: both; }

.blackbold { font-weight: bold; color: #000 !important; }


/************/
/* NO FLASH */
/************/
.flash   { display: block; }
.noflash { display: none; }


/*******************/
/* HEADER AND MENU */
/*******************/
#header         { margin: 0; width: 1000px; padding-top: 20px; }
#header .left   { float: left; width: 246px; height: 60px; border-right: solid 2px #444; }
#header .middle { float: left; width: 510px; height: 60px; }
#header .right  { float: right; width: 242px; height: 60px; text-align: right; vertical-align: bottom; }

#logo    { text-align: left; text-indent: -9000px; background: url(images/kineticorp.gif) no-repeat; display: block; width: 191px; height: 42px; margin: 8px 20px 11px 35px; outline: none; }
#logo h1 { margin: 0; padding: 0; display: inline; }
#reconk         { display: inline-block; width: 182px; height: 53px; margin: 12px 0 0 0; outline: none; z-index: 10; }
#reconknoflash  { width: 182px; height: 53px; margin: 12px 0 0 0; outline: none; z-index: 10; background: url(images/reconstructing_k.gif) no-repeat 5px 2px; float: right; }

#nav             { float: left; width: 550px; height: 60px; padding-top: 24px; }
#nav .submenu    { position: relative; left: 20px; }

/* Menu Level 1 */
#nav             { position: relative; z-index: 1000; }
#nav li          { list-style: none; float: left; }
#nav li a        { color: #000; display: block; padding: 15px 15px 5px 15px; text-decoration: none; white-space: nowrap; text-transform: uppercase; font-family: arial, sans-serif; font-size: 10.5pt; font-weight: bold; outline: none; }
#nav li a:hover  { color: #f00; }
#nav li a:active { color: #f00; }

/* Menu Level 2 (controls-drop-down)*/
#nav li ul      { position: absolute; display: none; padding: 15px 5px 10px 10px; background: url(images/bg_menu.png); border: solid 1px #444; }
#nav li ul li   { position: relative; float: left; display: inline-block; width: 100%; }
#nav li ul li a { text-transform: none; padding: 5px 20px; outline: none; font-size:8.5pt }

/* Menu Level 2 Lines */
#nav li ul li          { background: url(images/nav_submenu.gif) no-repeat 4px   0px; }
#nav li ul li.last     { background: url(images/nav_submenu.gif) no-repeat 4px -25px; }
#nav li ul li a:hover  { background: url(images/nav_submenu.gif) no-repeat 4px -50px; }
#nav li ul li a:active { background: url(images/nav_submenu.gif) no-repeat 4px -50px; }

#graybar        { width: 1000px; height: 18px; }
#graybarnoflash { width: 1000px; height: 15px; background: #eee url(images/bg_graybar.gif) repeat-y; border-top: solid 2px #f00; border-bottom: solid 1px #888; }

/*******************/
/* CONTENT SECTION */
/*******************/
#content          { background: #e2e2e2; width: 1000px; padding-bottom: 35px; }
#content .left    { float: left; width: 580px; }
#content .right   { float: left; width: 380px; }
#content .right p { padding: 0 20px; margin-bottom: 20px; font-family: arial, helvetica condensed, helvetica, sans-serif; font-size: 10pt; font-weight: bold; color: #444; }

#pagename        { width: 1000px; background: #e2e2e2; padding: 12px 0; color: #000; font-family: arial, helvetica condensed, helvetica, sans-serif; font-size: 10.5pt; }
#pagename .left  { border-right: solid 2px #f00; text-transform: uppercase; text-align: right; width: 226px; display: inline-block; padding-right: 20px; }
#pagename .right { padding-left: 20px; }


/***************/
/* IMAGE FADER */
/***************/
#fader      { position: relative; overflow: hidden; width: 480px; height: 267px; background: #888; margin: 0 0 0 75px; border: solid 2px #000; }
#fader img  { position: absolute; top: 0px; left: 0px; }
.image_first { z-index: 2; }
.image_other { z-index: 1; display: none; }

#strip { margin: 0 0 0 75px; width: 507px; }
#strip img { width: 18%; height: 50px; display: inline-block; cursor: pointer; border: solid 2px #000; margin: 2px 2px 0 0; float: left; }/*for no margin: width: 18%, margin:-1px -1px*/


/****************/
/* BOTTOM LINKS */
/****************/
#bottombg { width: 1000px; height: 75px; background: url(images/background.gif) no-repeat; }

.btmlinks { color: #000; font-size: 60%; word-spacing: 2px; font-family: arial; font-weight: bold; text-align: center; width: 1000px; margin-bottom: 20px; }

/********/
/* LINK */
/********/
a { font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: none}
a:link { font-family: Arial, Helvetica, sans-serif; color: #A6A6A6; text-decoration: none}
a:visited { font-family: Arial, Helvetica, sans-serif; color: #A6A6A6; text-decoration: none}
a:hover { font-family: Arial, Helvetica, sans-serif; color: #505050; text-decoration: none}
a:active { font-family: Arial, Helvetica, sans-serif; color: #A6A6A6; text-decoration: none}

a.email:link { font-family: Arial, Helvetica, sans-serif; color: #0066ff; text-decoration: none}
a.email:visited { font-family: Arial, Helvetica, sans-serif; color: #000000; text-decoration: none}
a.email:hover { font-family: Arial, Helvetica, sans-serif; color: #ff0000; text-decoration: none}
a.email:active { font-family: Arial, Helvetica, sans-serif; color: #ff0000; text-decoration: none}

a.per:link { font-family: Arial, Helvetica, sans-serif; color: #4c4c4c; text-decoration: none}
a.per:visited { font-family: Arial, Helvetica, sans-serif; color: #4c4c4c; text-decoration: none}
a.per:hover { font-family: Arial, Helvetica, sans-serif; color: #ff0000; text-decoration: none}
a.per:active { font-family: Arial, Helvetica, sans-serif; color: #ff0000; text-decoration: none}