/* universal deployment */
body { margin:0; padding:0; font-family: Verdana; }
p { font-size:77%; }

a, a:visited { color:black; text-decoration:none; }
a:hover, a:active { text-decoration:underline}

/*  for img or [a img] */
img {display:block; border:0; }
p img, *.inline {display:inline;}


/* color classes */
*.grey {color:#adb0b3;}
*.lightgrey {color:#ebebec;}
*.black {color:#000000;}
*.white {color:#FFFFFF;}
*.white a {color:#FFFFFF;}

*.wn_brown  { color:#755524; }
*.wn_orange { color:#e8790e; }
*.error     {color:white; background-color:#851517;}

/*  webknowledgy v3 styles */

h1, h2, h3, p, li { margin:0 0 11px 0; line-height:17px; font-family:"Myriad Web", "Verdana"; color:#755524; }

h1 { font-size:19px; font-weight:normal; }
h2 { font-size:14px; }
h3 { font-size:14px; }
p, li { font-size:13px; }

a, a:visited { color:#e8790e; text-decoration:underline; }
a:hover, a:active { text-decoration:underline; }

/* site style specific */
body {background-color:white; margin:0; padding:0;}

#outerpage {position:relative; margin:0 auto 0 auto; width:923px; top:0px;}
#innerpage {left:0px; top:0px; width:923px; min-width:923px; z-index:1; background-color:white; }

#header { background-image:url(/v3-image/header-slice.jpg); background-repeat:no-repeat; height:152px; position:relative; }
#home #header { background-image:url(/v3-image/header-slice-home.jpg); background-repeat:no-repeat; height:152px; position:relative; }
#logotype { position:absolute; top:32px; left:65px; height:68px; width:180px;  }
#logotype h1 { display:none; }


#navigation {font-family: verdana; font-size:77%; position:absolute; top:86px; left:331px;}
#navigation ul, #navigation li {padding:0; margin:0; list-style:none;}
#navigation li {float:left; color:#e8790e; padding:0; margin:0;}
#navigation a, #navigation a:visited { padding:7px 4px 2px 4px; color:#755524; text-decoration:none }
#navigation a:hover, #navigation a:active { color:#755524; background-color:#f79822; text-decoration:none}

#navigation *.menu-0 a:hover, #navigation *.menu-0 a:active { color:white; background-color:#755524; text-decoration:none}
#navigation *.menu-1 a:hover, #navigation *.menu-1 a:active { color:white; background-color:#e8790e; text-decoration:none}
#navigation *.menu-2 a:hover, #navigation *.menu-2 a:active { color:white; background-color:#755524; text-decoration:none}
#navigation *.menu-3 a:hover, #navigation *.menu-3 a:active { color:white; background-color:#e8790e; text-decoration:none}
#navigation *.menu-4 a:hover, #navigation *.menu-4 a:active { color:white; background-color:#755524; text-decoration:none}
#navigation *.menu-5 a:hover, #navigation *.menu-4 a:active { color:white; background-color:#e8790e; text-decoration:none}

#content { position:relative; background-image:url(/v3-image/content-slice.jpg); background-repeat:repeat-y;}
#home #content { position:relative; background-image:url(/v3-image/content-slice-home.jpg); background-repeat: repeat-y;}

#content-spacer { float:left; width:1px; height:353px; }

#first-column { float:left; width:319px; }
#first-column-inner {padding:20px 5px 20px 84px; }

#home #first-column { float:left; width:440px; }
#home #first-column-inner {padding:60px 0px 20px 80px; }
#home #first-column h1 { font-weight: bold;}
#home #first-column p {color:white; line-height:20px;}

#second-column { float:left; width:265px; }
#second-column-inner { padding:20px 5px 20px 30px; }

#home #second-column { float:left; width:347px; }
#home #second-column-inner { padding:60px 0px 20px 75px; }
#home #second-column-inner p { color:#e9790f; font-size: 93%; line-height:160%; }

#third-column { float:left; width:212px; }
#third-column-inner { padding:20px 0 20px 50px; }
#third-column-inner img { border:1px solid #765424; background-color:#b5ba96; margin:20px 0; padding:0; }
#home #third-column { display:none; }

p.first { color: #e8790e;}
#home p.first { color: white;}
p.pullquote { font-style:italic; }

#profile {background-color:#755524; background-color:#8d7652; padding:10px;}
#profile p {color:white;}

#footer { position:relative; clear:both; background-image:url(/v3-image/footer-slice.jpg); background-repeat: no-repeat; background-color:white; padding:0; margin:0;  }
#home #footer { position:relative; clear:both; background-image:url(/v3-image/footer-slice-home.jpg); background-repeat: no-repeat; background-color:white; padding:0; margin:0;  }

#footer-address {padding-top:81px; padding-bottom:50px; padding-right:40px; margin:0;} /* { padding:61px 0px 50px 100px; margin:0; display:inline-block; } */

/* display:inline-block fixes a weird 'IE7 double padding error'*/

#footer-address p { line-height:15px; text-align:right; }
#footer-address p strong { font-weight:normal; color:#e8790e; }
#footer-address a, #footer-address a:visited { color:#e8790e; text-decoration:underline; }
#footer-address a:hover, #footer-address a:active { text-decoration:underline; }
#footer-address p span { color:#d04315; }

#footer-address p.copyright { color:#bbb; font-size:11px; }
#footer-address p.copyright a {color:#bbb; }


#footer-logo {position:absolute; top:59px; left:700px; width:55px; height:33px; }
#footer-logo img {border:0; }

*.external-link { }

/* workarounds */

.clearfix:after {content:"."; display:block; height:0; clear:both; visibility:hidden; }
/* hide from IE-mac */
 * html .clearfix { height:1%;}
/* end hide from IE-mac */



/*  webknowledgy v3 styles */

h1, h2, h3, p, li { margin:0 0 11px 0; line-height:17px; font-family:"Myriad Web", "Verdana"; color:#755524; }

h1 { font-size:19px; font-weight:normal; }
h2 { font-size:14px; }
h3 { font-size:14px; }
p, li { font-size:13px; }

a, a:visited { color:#e8790e; text-decoration:underline; }
a:hover, a:active { text-decoration:underline; }



#story { position:absolute; left:77px; top:253px; width:330px; height:300px; z-index:2; }
#story h1.tagline { display:none; }
#story h2.tagline { display:none; }
#story p { color:#fff; line-height:18px; margin-bottom:13px; }
#story p a, #story p a:visited { color:#fff; text-decoration:none; }
#story p a:hover, #story p a:active { text-decoration:underline; }
#story p.talk { font-size:16px; font-weight:bold; color:#693908; margin-bottom:0px; }



#services { position:absolute; left:220px; top:82px; width:660px; z-index:2; }
#services p { font-size:13px; color:#e8790e; text-align:right; }
#services p span { color:#755524; padding-left:3px; padding-right:3px; }



#contact { position:absolute; left:320px; top:581px; width:560px; height:70px; z-index:2; }
#contact p {line-height:15px; text-align:right; }
#contact p strong { font-weight:normal; color:#e8790e; }
#contact a, #contact a:visited { color:#e8790e; text-decoration:underline; }
#contact a:hover, #contact a:active { text-decoration:underline; }
#contact p.copyright { color:#bbb; font-size:11px; }
#contact p.copyright a {color:#bbb; }