/*
-----------------------------------------------
natwoodard.com ACME 1.0
Author:   Nat Woodard
Version:  June 20, 2006
----------------------------------------------- */
body {background-color:#77797b;}

#wrap {
width:887px;
margin:0 auto;
}

#header {
position:relative;
clear:both;
background-color:#fff;
width:681px;
}

#header h1 {
font-size:300%;
margin:12px 18px;
font-weight:normal;
width:419px;
height:46px;
background-image:url(/i/hkw-logolong.gif);
background-repeat:no-repeat;
background-position:left center;
text-indent:-9999px;
float:left;
display:inline;
}


#header h1 a {
display:block;
width: 419px;
height: 46px;

}

#nav {
margin:0;
float:left;
padding-right:0;
font-size:93%;
width:680px;
background-color:#eee;
}

#nav li, #utilitynav li {
float:left;
margin:0;
margin-right:1px;
line-height:1em;
}

#nav li a {
display:block;
color:#77797c;
text-transform:uppercase;
letter-spacing:.1em;
padding:9px 18px;
}

#utility {
float:right;
font-size:85%;
width:200px;
margin-top:-96px;
}

#utility li {
float:right; 
line-height:1.5em;
margin-left:1px;
padding-right:12px;
width:auto;
}

#utility li a {
display:block; 
color:#666;
}


#utility li a:hover {color:#ffa300;text-decoration:none;}

#header #nav a:hover {
text-decoration:none;
background-color:#ffa300;
color:#fff;
}

#sineup {
width:189px;
position:absolute;
right:6px;
bottom:0;
padding:6px;
}

#sineup h3 {
font-size:95%;
font-weight:normal;
margin:0;
text-transform:uppercase;
font-size:85%;
letter-spacing:.1em;
}

#sineup .text {
width:148px;
}


#main {
width:887px;
}


#main h1 {
font-size:120%;
text-transform:uppercase;
background-color:#38393c;
width:194px;
padding-top:82px;
padding-bottom:6px;
color:#fff;
text-align:center;
position:absolute;
top:-130px;
right:0;
letter-spacing:.15em;
vertical-align:bottom;
}

#main h3 {font-size:110%;}

#home, #contact, #body_news #news {
position:relative;
background-color:#fff;
width:681px;
}

#home #news, #contact h1, #news h1 {
position:absolute;
width:194px;
left:690px;
top:-100px;
}

#body_news  #news {padding-top:60px;}

#contact h1, #news h1 {top:-124px;}

#home #news a {color:#3c3d3f;}
#home #news dd a {color:#ffa300;}

#home #news dt {
margin:0;
padding:12px 9px 2px;
width:176px;
background-color:#fff;
text-transform:uppercase;
line-height:1.1em;
font-size:95%;
}


#home #news dt.head {
font-size:16px;
text-transform:uppercase;
background-color:transparent;
padding-top:74px;
padding-bottom:6px;
color:#fff;
text-align:center;
vertical-align:bottom;
background-color:#38393c;
}


#home #news dd {
font-size:90%;
line-height:1.2em;
background-color:#fff;
padding:0 9px 12px;
margin-bottom:1px;
}

.content {
position:relative;
width:887px;
}

#content_8, #content_9, #content_35, #content_41  {
background-image:url(/i/bio_kieth.jpg);
background-repeat:no-repeat;
background-position:left top;
padding-top:270px;
padding-left:20px;
width:660px;
}
#content_41 .orderedcontent {line-height:2em;}

#content_9 {background-image:url(/i/bio_jeff.jpg);}
#content_35, #content_41 {background-image:url(/i/bio_office.jpg);}

#content_8 img, #content_9 img, #content_35 img {display:none;}

#contentlist, #body_news #news {
padding-top:290px;
padding-bottom:36px;
background-image:url(/i/bio_office.jpg);
background-repeat:no-repeat;
}

div.news {
background-color:#fff;
width:585px;
padding:0 24px;
padding-right:72px;
}

div.news .date {font-style:italic;
font-size:11px;
line-height:1.6em;
color:#999;
}

div.news h3 {margin:0;}

.newscontent {
line-height:1.5em;
padding-bottom:2em;
}

#home h1 {display:none;}

#home #keyimg {
float:left;

}

#home h3 {margin-bottom:0;text-transform:uppercase;}

#home .cockblock {
margin:0 4em;
padding-bottom:36px;
font-size:95%;
clear:both;
}

#home .cockblock p {line-height:1.4em;}


#news {
position:relative;
}

#content_subnav {
float:right;
width:194px;
margin-top:0;
}

#content_subnav li {
position:relative;
margin-bottom:1px;
background-color:#fff;
text-transform:uppercase;
line-height:1em;
font-size:80%;
}

#body_about #content_subnav li {
float:none;
width:194px;
}

#content_subnav li img {
margin-bottom:6px;
float:left;
margin-right:6px;

}
#content_subnav li a  {
color:#77797c;
padding:6px;
padding-bottom:3px;
display:block;
height:76px;
}

#body_about #content_subnav li a {height:auto;}

#content_subnav li a:hover, #content_subnav li a.on {
background-color:#ffa300;
color:#fff;
text-decoration:none;
}

.contentblock {
width:681px;
float:left;
background-color:#fff;
padding-bottom:64px;
display:inline;
}

.contentblock h3 {
clear:both;
margin-left:36px;
margin-top:1em;
text-transform:uppercase;
}

.contentblock .orderedcontent h3 {text-transform:none;margin:0;}
.contentblock .orderedcontent br {line-height:.75em;}
.contentblock .orderedcontent {text-align:justify;line-height:1.5em;margin-left:36px;margin-right:64px;}
.contentblock .orderedcontent i {font-size:115%;display:block;margin-bottom:0;}
.contentblock .orderedcontent em {font-size:85%;}

.gallery_wrap {
position:relative;
width:681px;
background-image:url(/i/gallery_bg.jpg);
background-repeat:repeat-x;
background-position:right top;
}

#home #keyimg {margin-bottom:1px;}

#home .featured {
padding:0;
margin-left:1px;
clear:both;
margin-bottom:2em;
}

ul.gallerynav, ul.featured {
margin:1px 0;
}

.gallerynav li, .featured li {
float:left; 
margin-right:1px;
display:inline;
}


#home .featured li {
width:96px;
font-size:80%;
text-transform:uppercase;
color:#777;
}


#home .featured li img {
margin-bottom:4px;
width:96px;
}

.gallerynav h3 {
line-height:1em;
margin:0 3px;
font-weight:normal;
font-size:80%;
display:none;
}
.gallerynav a {color:#777;}
.gallerynav li p {display:none;}

.photocontent {
position:absolute;
left:3px;
padding:1px 4px;
bottom:76px;
font-size:.75em;
color:#fff;
}


#home .photocontent {
display:none;
}

#footer {
font-size:80%;
clear:both;
padding:18px;
background-color:#888;
width:645px;
}

#footer, #footer a {color:#666;}