/* K&L Productions Style Sheet */
/* User Agent String: CCBot/1.0 (+http://www.commoncrawl.org/bot.html) 
 * Browser recognized as: ??, version 0
 */
 



body
  { position: relative;
    font-family: Tahoma,Arial,sans-serif;

    margin: 1em auto;
    max-width: 55em;
	min-width: 600px;
	min-height: 550px;

	border: solid 2px #1f201f;
	background: #fff;
	color: #000;
  }

img
  { border: none;
  }

div
  { margin: 0px;
    padding: 0px;
  }

p, dd
  { text-indent: 0em;
    text-align: left;
    line-height: 1.4em;
  }
  
ul
  { line-height: 1.3em;
  }

li
  { text-align: justify;
    line-height: 1.4em;
  }


h2
  { text-align: center;
    letter-spacing: 0.1em;
    font-size: 1.4em;
    margin: 1em 1em 0.5em 1em;
    padding: 0px;
  }

h3
  { text-align: left;
    font-size: 1.2em;
    margin: 1em 2em 0.25em 1em;
  }

#content a
  { color:       #33e;
    text-decoration: none;
    border-bottom: solid 1px #33e;
  }

#content a:hover
  { border-bottom: double 3px #33e;
    color: #33e;
  }

dt
  { display: compact;
    font-weight: bold;
  }

dd
  { margin-left: 2em;
  }

dd ul
  { margin: 0px;
    padding: 0px;
  }

dd li
  { margin: 0.5em 0.5em 0.5em 0em;
    padding: 0em;
  }

#header
  { position: relative;
    top: 0px;
    left: 0px;

    margin: 1.5em 0px 0px 0px;

    overflow: hidden;
    height:     102px;
    z-index: 10;
  } 
  
#header h1
  { margin: 0px 0px 0px 0px;
    text-align: center;
    height:     102px;
    padding:  120px 0px 0px 0px;
    white-space: nowrap;
    font-size: 0.05em;
	overflow: hidden;
 }  
  
#header p
  { display: none;
    position: absolute;
    bottom: 0px;
    right: 0px;
    margin: 0px 0px 1px 0px;
    text-align: right;
	color: #242477;
	border-top: solid 1px #242477;
	background: url("../images/mibg.png");
	padding: 0.25em 2em;
    font-weight: bold;
    font-style: italic;
  }
  
#header:hover p
  { display: block;
  }
  
#crumbs
  { position: absolute;
    font-size: 0.7em;
    top: 0.4em;
    left: 18em;
    height: 1em;
    padding: 0px 0px 0px 1em;
    margin: 0px;
  }


#crumbs>a, #crumbs>span

  { margin:0px;
    padding: 0px;
    border: none;
	text-decoration: none;
  }


#crumbs>a:hover

  { text-decoration: underline;
  }

#primNav
  { position: absolute;
    top: 102px;
	right: 0px;
    margin: 2.5em 0px 2em 0px;
    width: 125px;
  }


#primNav>ul

  { display: block;
    margin: 0px;
    padding: 0px;
  }


#primNav>ul>li

  { display: block;
    padding: 0px;
    margin: 0px;

  }


#primNav>ul>li>a

  { display: block;
    padding: 86px 0px 0px 0px;
    margin: 1px 3px;
    width: 116px;
    height: 0px;
    overflow: hidden;
    border: none;
    background-position: 0px 0px;
    background-repeat: no-repeat;
  }


#primNav>ul>li>a#navWD

  { background-image: url("../images/wdiconwh.jpg");
  }


#primNav>ul>li>a#navCW

  { background-image: url("../images/copyiconwh.jpg");
  }


#primNav>ul>li>a#navGR

  { background-image: url("../images/graphicsiconwh.jpg");
  }


#primNav>ul>li>a#navCI

  { background-image: url("../images/infoiconwh.jpg");
  }


#primNav>ul>li>a:hover

  { text-decoration: none;
    background-position: 0px -86px;
  }


#primNav>ul>li>a.current

  { background-position: 0px -86px;
  }
  

#secNav
  { position: absolute;
    margin:   0px;
    padding:  0px;
    top:      0px;
    left:     0px;
    width:    12em;

	height: 100%;

    background: #a7abd1;
 	z-index:  1;
	overflow:hidden;
  }
  

#secNav>ul

{   position: relative;
	display: block;

    top: 102px;
    margin: 3em 0px 0px 0px;
    padding: 0px;
	width: 100%;
	min-height: 200px;

    
  }


#secNav>ul>li

  { display: block;
	list-style: none;
    text-align: left;
    font-size: 0.9em;
    padding: 0px;
    margin: 0px 0px 0.3em 0.5em;
  }
  

#secNav>ul a

  { display: block;
    color: #333;
    font-weight: bold;
    text-decoration: none;
    line-height: 1.2em;

    background: url("../images/mibg.png");

  }


#secNav>ul a:hover

  { background: #fff;
    color:      #000;
  }
  
#secNav>ul>li>a
  { padding: 0.2em 0.3em;
    margin: 0.2em 0 0.2em 0.2em;
    border: solid 1px #65677e;
  }

#secNav span
  { display: block;
    color: #000;
    font-weight: bold;
    text-decoration: none;
    background: #fff;
    text-align: left;
    text-indent: 0px;

  }

#secNav>ul>li>span
  { line-height: 1.2em;
    padding: 0.2em 0.3em;
    margin: 0.2em 0em 0.2em 0.2em;
    border: solid 1px #65677e;
    border-right: none;
  }


ul.tier2nav

  { display: block;
    font-size: 90%;

	margin: 0px 0px 0px 2em;

    padding: 0px;
  }


ul.tier2nav>li
  { display: block;
    margin: 0px;
  }

ul.tier2nav>li>a
  { padding: 0.2em 0.3em;
    margin: 0.2em 0 0.2em 0.2em;
    border: solid 1px #65677e;
  }

ul.tier2nav>li>span
  { line-height: 1.2em;
    padding: 0.2em 0.3em;
    margin: 0.2em 0em 0.2em 0.2em;
    border: solid 1px #65677e;
    border-right: none;
  }
 
 
#logos
  { margin: 10em 0px 0px 0px;
    text-align: center;
	z-index:100;
  }


#logos a

  { display: block;
    margin: 1em;
    border: none;

  }

#secNav span.linkDivider
  { display: none;
  }
  
  
#content
  { margin: 15px 135px 6em 13em;
    padding: 1px 1.5em 0px 1em;

  }
  
#footer
  { 

	position: absolute;

    bottom: 0px;
	left: 12em; 
	right: 0px;
	padding: 0.5em;

    background: #abd1a7;
	border-top: solid 1px #4b5b49;
}

#footer p
  { margin: 0px;
    padding: 0px;
    text-indent: 0px;
    font-size: 80%;
    text-align: center;

  }
  
.smallprint
  { font-size: 80%;
  }

.pricing td
  { padding-left: 2em;
  }

.quote
  { position: absolute;
    width: 14em;
    left: 0.5em;
    border: solid 1px #115;
    font-size: 0.8em;
    margin: 0.25em;
    padding: 0.75em;
    background: #dfe0ea;
	z-index:20;
  }

.quote q
  { display: block;
    text-align: justify;

  }

.quote p
  { text-align: right;
    font-style: italic;
  }


.picright, .picleft
  { clear: both;
    margin: 1.5em 0em;
  }


#content .picleft>a, #content .picright>a

  { display: block;
    width: 182px;
    height: 110px;
    border: none;
    text-decoration: none;
  }


.picleft>a

  { float: left;
    padding: 0px 10px 10px 0px;
    margin: 0.75em 1em 0.5em 0em;
  }


.picright>a

  { float: right;
    padding: 0px 0px 10px 10px;
    margin: 0.75em 0em 0.5em 1em;
  }


.picleft>a:hover
  { background: url('../images/shadowright.jpg') no-repeat;
  }

.picright>a:hover
  { background: url('../images/shadowleft.jpg') no-repeat;
  }
  
  
/* Define backgrounds */

#header h1
  { background: url("../images/logo.jpg") no-repeat;
    
  }
  
#secNav
  { background: #a7abd1 url('../images/lcb.jpg') repeat-y 100% 0%;
  }
  
.info 
  { background: url('../images/menuinfo.jpg') no-repeat 100% 50%;
  }
  
.copy 
  { background: url('../images/menucopy.jpg') no-repeat 100% 50%;
  }
  
.graphics 
  { background: url('../images/menugraphics.jpg') no-repeat 100% 50%;
  }

.wd 
  { background: url('../images/menuwd.jpg') no-repeat 100% 50%;
  }
  
#header
  { background: url("../images/hbbg.jpg") repeat-x;
  }

html
  { background: #d0cca6 url('../images/htmlbg.jpg') repeat-x 0% 50% fixed;
  }