/* styles for kelman design */


/* page styles */
body
{
  background: #000; color: #fff;
  margin: 0; padding: 0;
  font: 10px/1.2 "trebuchet ms", "arial narrow", "helvetica condensed", sans-serif;
  text-align: center;
}

#pgcontent
{
/* background: #000 url( /images/webnav9F-precise.png ) 0 0 no-repeat; /**/
  background: #000 url( /images/kelmanbkg.jpg ) 0 0 no-repeat; /**/
  color: #fff;
  width: 800px; height: 435px;
  margin: 30px auto; padding: 0;
  position: relative;
  text-align: center;
/* border: 1px #fff solid; */
}

#pgheader
{
  display: block; position: absolute;
  top: 0; left: 0;
  width: 100%; height: 64px;
/* border: 1px red solid; */
}

/* kelman design logo */
#logo
{
  display: block; position: absolute;
  top: 21px; left: 36px;
  font-size: 11px; font-weight: bold;
  text-align: left; width: 36em;
  background: url("/images/kelmandesignsolutions.png") -2px -1px no-repeat;
/* border: 1px green solid; /* */
}

#logo a
{
  text-decoration: none;
}

/* turn off logo text */
#logo a span { visibility: hidden; }

/* OR turn off ALL navigation text:
  a span { visibility: hidden; } /* */

#logo a span.kelman
{
  letter-spacing: 22px;
  color: #306;
}

#logo a span.design
{
  letter-spacing: 6.75px;
  color: #fff; background-color: inherit;
}

#logo a:hover span.kelman
{
  color: #fff; background-color: inherit;
}

/* kelman design logo END */


/* nav menu */
#menumain, #menusub, #contactmenu
{
  display: block; position: absolute;
  list-style: none;
/* border: 1px yellow solid; /* */
}

#menumain
{
  height: 40px; width: 274px;
  margin: 0; padding: 0;
  top: 0; right: 0;
}

#menusub
{
  height: 18px; width: 320px;
  margin: 0; padding: 10px 0 0 0;
  top: 26px; left: -999em;
/* border: 1px pink solid;  /* */
}

#menu li
{
  float: left;
  text-align: left;
  height: auto;
/* border: 1px pink solid; /* */
}

#menu a
{
  display: block;
  text-decoration: none;
  float: left;
/* border-bottom: 1px green solid;  /* */
}

#menumain a
{
  padding: 21px 6px 12px 14px;
  font-size: 9px; font-weight: bold; letter-spacing: .275em;
  color: #303; background-color: inherit;
  background-position: 0 -2px;
  background-repeat: no-repeat;
/*  border-bottom: 1px green solid; /* */
}

#menumain li:hover, #menumain a.selected
{
  background: url('/images/nav/purple_line.png') top left no-repeat;
}

#menumain li#print:hover, #menumain li#print .selected, #menumain li#print .sfhover
{
  background: url('/images/nav/purple_line_on.png') top left no-repeat;
}

#menusub a
{
  padding: 7px 6px 8px 14px;
  font-size: 10px; font-weight: normal; letter-spacing: 1.5px;
  color: #fff; background-color: inherit;
/*  border: 1px green solid; /* */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul
{
  /* lists nested under hovered list items */
	left: -80px;
}

#menumain li#print li:hover, #menumain li#print li a.selected
{
  color: #000; background-color: inherit;
  background: url('/images/nav/print_select.png') 0 8px no-repeat;
}

/* nav menu END */


/* category sidebar */
#categorymenu
{
  display: block; position: absolute;
  top: 64px; left: 24px;
  height: 330px; width: 188px;
  background-position: top left;
  background-repeat: no-repeat;
  text-align: left;
/* border: 1px yellow dashed;  /* */
}

#categorymenu .sectbody
{
  margin: 13px 0 0 22px;
  height: 294px; width: 164px;
  overflow-y: auto;
/* border: 1px red solid; /**/
}

#categorymenu .sectbody h1
{
  margin: 0 0 24px 0; padding: 0;
  font-size: 11px; font-weight: bold; letter-spacing: .1em;
}

#categorymenu .sectbody ul
{
  display: block; list-style: none;
  margin: 0; padding: 0;
}

#categorymenu .sectbody ul li
{
  margin: 0 0 6px 0; padding: 0;
  font-size: 10px; font-weight: normal; letter-spacing: .07em;
}

#categorymenu .sectbody ul li a
{
  text-decoration: none;
  margin: 0; padding: 0;
  color: #303; background-color: inherit;
}

#categorymenu .sectbody ul li a:hover
{
  color: #fff; background-color: inherit;
}

#categorymenu .sectbody ul li a.selected
{
  color: #fff; background-color: inherit;
}
/* category sidebar END */


/* category writeup */
/* this will be converted to text */
#categorywriteup
{
  display: block; position: absolute;
  top: 80px; right: 28px;
  height: 240px; width: 165px; /* 160 */
  color: #303; background-color: inherit;
/* border: 1px yellow dashed; /* */
}

#categorywriteup p
{
  font-weight: normal;
  letter-spacing: 0;
}

#categorywriteup p strong
{
  font-weight: bold;
  font-size: 11.5px;
}

#categorywriteup a
{
  font-style: italic;
  text-decoration: none;
  color: #303; background-color: inherit;
}

#categorywriteup a:hover
{
  color: #fff; background-color: inherit;
}

#categorywriteup .useraction
{
  margin-top: 18px; font-weight: bold;
}
/* category writeup END */





/* category sample */
#categorysample
{
  background-color: #000; 
  display: block; position: absolute;
  top: 64px; left: 210px;
  height: 307px; width: 377px;
}
/* category sample END */


/* category page numbers */
#categorypages ul
{
  display: block; position: absolute;
  height: 16px; width: 378px;
  top: 370px; left: 210px;
  margin: 2px 0 0 0; padding: 0;
  list-style: none;
}

#categorypages ul li
{
  display: block; float: left;
  margin: 0; padding: 0 3px;
  height: 11px;
  font-size: 11px; font-weight: bold;
  color: #fff; background-color: inherit;
}

#categorypages ul li+li
{
  border-left: 1.5px #636 solid;
}

#categorypages ul li a
{
  color: #303; background-color: inherit;
  text-decoration: none;
}

#categorypages ul li a:hover
{
  color: #fff; background-color: inherit;
}
/* category page numbers END */


/* page footer */
#pgfooter
{
  display: block; position: absolute;
  width: 750px; height: 24px;
  top: 409px; left: 30px;
  text-align: left;
/* border: 1px green solid; */
}

/* copyright */
#copyright
{
  display: block; position: static;
  margin: 0; padding: 0;
  font-size: .75em; font-weight: normal;
  color: #406; background-color: inherit;

}

#copyright a
{
  color: #406; background-color: inherit;
  text-decoration: none;
}

#copyright a:hover
{
  color: #fff; background-color: inherit;
  text-decoration: none;
}
/* copyright END */


/* contact menu */
#contactmenu
{
  margin: 0; padding: 0;
  top: 0; right: 0;
/* border: 1px blue solid; /* */
}

#contactmenu li
{
  margin: 0; padding: 0; letter-spacing: .2em;
  display: block; float: left;
  font-size: 9px; font-weight: bold;
  color: #406; background-color: inherit;
  border: none;
}

#contactmenu li + li
{
  border-left: 1px #303 solid;
}

#contactmenu li a
{
  margin: 0; padding: 0 .75em;
  color: #406; background-color: inherit;
  text-decoration: none;
  border: none;
}

#contactmenu li a span
{
  margin: 0; padding: 0;
}

#contactmenu li a:hover, #contactmenu li a.selected
{
  color: #fff; background-color: inherit;
}
/* contact menu END */

/* contact email */
#kdcontact a
{
  display: block;
  position: absolute;
  top: 175px; left: 125px;
  width: 135px; height: 14px;
  text-decoration: none;
}

#kdcontact a:hover
{
  border-bottom: 1px #cc9 solid;
}

#kdcontact a span
{
  visibility: hidden;
}

#kdforward a
{
  display: block; position: absolute;
  margin: 0; padding: 0;
  top: 0; left: 0;
  width: 100%; height: 100%;
  text-decoration: none;
  border: none;
}
/* contact email END */