@charset "utf-8";
/* CSS Document */

body{
font:0.625em Arial, Helvetica, sans-serif; /* This resets the font size to a 10 scale: 1em = 10px */
margin:0 auto;
padding:0;
background:url('../images/bg.gif') repeat-x 0 9.25em;
}

a{outline:none; text-decoration:none;}
.sidebar a, #content a, .footer a{padding:0 .2em;}
h2 a{border-bottom:none !important;}

abbr, acronym{cursor:help; border-bottom:.1em dotted;}

p{margin:0 0 1em; padding:0;}

blockquote{margin:.5em 0; padding:1em; font-size:1.2em;}
blockquote span{float:left; height:0; margin:0 0 0 -.4em; padding:.2em 0 0; font-size:4em; font-family:Georgia, Times, "Times New Roman", serif;}
cite{font-size:0.7em; display:block;}

h1,h2,h3,h4,h5,h6{margin:0; padding:0; line-height:1.2em;}
h1{
font:normal 1.7em Arial, Helvetica, sans-serif;
margin-bottom:.5em;
}
h2{font:italic 1.4em Cambria, Georgia, Times, "Times New Roman", serif;margin-bottom:1em;text-transform:capitalize;}
h3,h4{font-size:1em; text-transform:uppercase; letter-spacing:.1em; margin-top:3em;}
h5,h6{font-size:1.2em; font-weight:normal;}

table, img{border:none;}
td{vertical-align:top;}

textarea{font:1em "Helvetica Neue", Arial, Helvetica, sans-serif;}

ul.disc{list-style-type:disc;}
ul.circle{list-style-type:circle;}

ol.A{list-style-type:upper-latin;}
ol.a{list-style-type:lower-latin;}
ol.I{list-style-type:upper-roman;}
ol.i{list-style-type:lower-roman;}

.left{float:left;}
.right{float:right;}
.center{text-align:center;}
.justify{text-align:justify;}
.textright{text-align:right;}

.clear{clear:both;}
.clearright{clear:right;}
.clearleft{clear:left;}

.underline{text-decoration:underline;}

.access{height:0; text-indent:-9999em; display:none;}

.nomargin,.sidebar h5.nomargin,.sidebar h5.nomarginform{margin:0;}
	.index .sidebar h5.nomarginform{margin:3em 0 0;}

.container{
width:998px;
margin:0 auto;
padding:0;
font-size:1.2em; /* Sets default to 12px */
}
.header{margin:0; padding:0;background:url('../images/Klein-Look06_01.jpg') no-repeat top left;}
.brand{
display:block;
height:100px;
width:400px;
padding:3em 0 0 2.5em;
text-indent:-9999em;
}

.tele, .add{text-indent:-9999em;}

.slider{float:right;width:578px;height:245px;}

.nav{width:95%; margin:0; padding:0 0 0 5%; clear:left; background:url('../images/nav.gif') repeat-x;}
.nav li{height:100%;}
.nav a{
display:block;
height:100%;
cursor:pointer;
text-decoration:none;
font-weight:bold;
margin:0;
padding:1em 2em;
}
.nav li ul li a, .nav li:hover ul li a{
text-align:left;
height:100%;
padding:.7em;
margin:0;
border-bottom:.1em solid;
}
.nav .drop:after{content:"\2198"; font-size:1em; font-weight:bold; line-height:0; position:relative; top:.55em;}
.nav .hidden{display:none;}



/*** adding the class sf-navbar in addition to sf-menu creates an all-horizontal nav-bar menu ***/
.sf-navbar{position:relative;}
.sf-navbar li{position:static;}
.sf-navbar li ul{width:44em;} /*IE6 soils itself without this*/
.sf-navbar li li{position:relative;}
.sf-navbar li li ul{width:13em;}
.sf-navbar li li li{width:100%;}
.sf-navbar ul li{width:auto; float:left;}

ul.sf-navbar .current ul, ul.sf-navbar ul li:hover ul, ul.sf-navbar ul li.sfHover ul{left:0; top:2.5em;} /* match top ul list item height */
ul.sf-navbar .current ul ul{top:-999em;}



/*** ESSENTIAL STYLES ***/
.sf-menu, .sf-menu *{list-style:none;}
.sf-menu{float:left;}
.sf-menu li{float:left; position:relative;}
.sf-menu li:hover{visibility:inherit;} /* fixes IE7 'sticky bug' */
.sf-menu ul{position:absolute; top:-999em; width:17em;} /* left offset of submenus need to match (see below) */
.sf-menu ul li{width:100%;}
.sf-menu li:hover ul, .sf-menu li.sf-menuHover ul{
left:0;
width:18em;
top:3em;
z-index:99;
text-align: left;
padding:0;
} /* match top ul list item height */
.sf-menu li:hover li ul, .sf-menu li.sf-menuHover li ul{top:-999em;}
.sf-menu li li:hover ul, .sf-menu li li.sf-menuHover ul{left:18em; top:0;} /* match ul width */
.sf-menu li li:hover li ul, .sf-menu li li.sf-menuHover li ul{top:-999em;}
.sf-menu li li li:hover ul, .sf-menu li li li.sf-menuHover ul{left:10em; top:0;} /* match ul width */
.sf-menu li:hover, .sf-menu li.sf-menuHover, .sf-menu a:focus, .sf-menu a:hover, .sf-menu a:active{outline:0;}



/*** arrows **/
.sf-menu a.sf-menu-with-ul{padding-right: 2.25em; min-width:1px;} /* trigger IE7 hasLayout so spans position accurately */
.sf-menu-sub-indicator{
position:absolute;
display:block;
right:.75em;
top:1.05em; /* IE6 only */
width:10px;
height:10px;
text-indent:-999em;
overflow:hidden;
}
a > .sf-menu-sub-indicator{  /* give all except IE6 the correct values */
top:.8em;
}

/* Geoff arrow. I edited superfish.js line18 to ⌄ */
.sf-menu span{font-size:1.4em; font-weight:bold; line-height:0;}


/*** shadows for all but IE6 ***/
.sf-menu-shadow ul{
padding:0 8px 9px 0;
-moz-border-radius-bottomleft:17px;
-moz-border-radius-topright:17px;
-webkit-border-top-right-radius:17px;
-webkit-border-bottom-left-radius:17px;
}

.wrap{margin:0; padding:2em; line-height:1.6em; clear:left;}

.sidebar{width:18em; padding:0;}
.sidebar form fieldset{border:0; margin-bottom:1em;}
.sidebar form legend{
font-size:1.2em;
font-style:italic;
text-transform:uppercase;
padding:.35em .5em .4em;
}
.sidebar form p{margin:0; padding:5px;}
	.notice legend{font-size:1.2em !important;}
	.notice p{font-size:1em; line-height:1em;}
.sidebar form label{text-transform:capitalize; cursor:pointer;}
.sidebar form label.disclaimer{
text-transform:none;
font-size:.875em;
display:block;
margin:-1.7em 0 0 2.3em;
padding:0 2em 0 0;
line-height:1.2em;
}
.sidebar input, .sidebar textarea{padding:.2em .3em;}
.sidebar .wide, .sidebar textarea{width:90%;}
.sidebar .tel{width:1.8em;}
.sidebar .tell{width:2.4em;}
.sidebar #submit, .sidebar #reset{
padding:.3em 1em .4em;
border:.1em solid;
border-radius:.5em; -moz-border-radius:.5em; -webkit-border-radius:.5em;
cursor:pointer;
}
.sidebar #submit{margin:1em 0 1em 1.5em;}
.sidebar #reset{margin:1em 0 1em .6em;}

.sidebar form small{display:block; margin:-.4em 0 -1.5em;}

.sidebar blockquote{margin:0;padding:.5em;font-size:1em;}
.sidebar blockquote .cite{font-size:1.2em;margin:0;}

.error{border:.1em solid;}
label.error{
float:left;
margin:-2.2em -3.5em 0;
padding:.1em .8em;
position:relative;
left:21.3em;
white-space:nowrap;
text-transform:none !important;
}
.tell + label.error{left:17.5em;}
textarea + label.error{top:-7.7em;}
#disclaimer + label.error{top:2.2em;}

.sidebar h5{
margin:3em 0 0;
padding:.3em;
width:100%;
}
.sidebar ul{margin:0 0 0 1em; padding:.5em 1em;}


#content{margin-left:20em; padding:0 3em 0;}
	.index #content{margin:0 20em;}
#content:after{content:" "; display:block; clear:left;}
#content li{margin:0 0 .6em; padding:0;}
#content img{margin:.5em;padding:.5em;border:.1em solid;}

.footer{
margin:0;
padding:.5em 2em;
font-size:.875em;
text-align:center;
}
.footer ul{margin:.5em 0 0; padding:0; float:left;}
.footer li{list-style:none; display:inline; padding:0 .5em .15em; border-right:.1em solid;}
.footer .end{border-right:0;}
.footer li ul{display:none;}
.footer p{margin:.5em 0; padding:0; text-align:right;}

.google{width:70%; height:30em;}
.marker{height:7em;}