/* reset styles */
/* First let's reset all padding and margins to give us an equal work area cross browser */
*{ margin: 0px; padding: 0px; }
/* Now reset the font size so we can use EM sizing cross browser */
html{font-size: 62.5%; }
/* Now we can specify EM sizing where 1.1em = 11px, 1.4em = 14px etc */
body { 
font: 1.2em/1.4em Verdana, "Bitstream Vera Sans", "DejaVu Sans", "Lucida Sans Unicode", Arial, sans-serif;
color: #b4b4b4; background: #000000;
word-wrap: break-word;
}

/*reset font size across the board */
p, table, th, td, li, li li, li p, td p, blockquote p { font-size:1em;  }
h1, h2, h3, h4, h5 { color : #ffffff; font-weight: bold; text-transform: capitalize; font-size:1.2em; }

img { border: 1px solid #202020; }

p { margin: 0 0 8px 0; line-height: 1.4em; }
p a { }

b, strong { color: #ffffff; }

a, a:visited { font-weight: normal; color: #ffffff; text-decoration: underline; outline: 0; }
a:hover{ color: #146ead; text-decoration: underline; outline: 0; }

.content-wrapper { width:1020px; margin: 0 auto; padding-bottom: 100px; background: #000000; }

#top-inline-wrapper {  height: 32px; position: fixed; top: 0; z-index: 20;  }

#top-inline-nav { list-style: none; margin: 0 0 0 19px; width: 1000px; }
#top-inline-nav li { display: block; float: left; margin: 0 20px 0 0; padding: 0; }
#top-inline-nav li.right-most { margin-right: 0; }
#top-inline-nav li a { font-size: 1.1em; display: block; height: 26px; width: 172px; margin: 0; padding: 6px 0 0 8px; color: #b4b4b4; text-decoration: none; background: url(../bckgrd/1px-grey-trans.png) 0 0 repeat; }
#top-inline-nav li a:hover { color: #ffffff; text-decoration: underline; }

#kim-logo { margin: 0 0 70px 21px; padding: 86px 0 0 0;}
#kim-logo a { display: block; width: 195px; height: 47px; text-indent: -1000px; overflow: hidden; background: url(../icons/kim-brandstrup.png) 0 0 no-repeat; }

#left-sidebar { float: left; width: 180; margin: 0 0 30px 19px;  }
.right-column-wrapper { float: left; width: 780px; margin: 0 0 30px 20px;   }

/* headers */

.extra-dark-back { background: url(../bckgrd/1px-extra-dark-trans.png) 0 0 repeat; padding: 7px 8px 7px 8px;  }
#left-sidebar .extra-dark-back { font-weight: normal; text-transform: uppercase; }
.page .extra-dark-back { margin: 0 0 10px 0; text-transform: uppercase; font-weight: normal; }

.dark-back { margin: 0 0 10px 0; text-transform: uppercase; font-weight: normal; background: url(../bckgrd/1px-dark-trans.png) 0 0 repeat; padding: 7px 8px 7px 8px; }

.white-back { color: #000000; padding: 6px 8px 7px 8px; background: url(../bckgrd/1px-white-trans.png) 0 0 repeat;   }
h1.white-back, h2.white-back { margin-bottom: 12px; color: #000000; font-size: 1.1em; line-height: 1.2em; font-weight: normal; text-transform: uppercase; }
.white-back a { color: #000000; text-decoration: none; }
.white-back a:hover { color: #146ead; text-decoration: underline; }
.page .white-back { text-transform: uppercase; font-weight: normal; margin-bottom: 12px; }

.grey-back { color: #b4b4b4; line-height: 1em; text-transform: uppercase; font-weight: normal; margin-bottom: 12px; background: url(../bckgrd/1px-grey-trans.png) 0 0 repeat; padding: 7px 8px 7px 8px; }
h1.grey-back, h2.grey-back {  margin-bottom: 12px; font-size: 1.1em; line-height: 1.2em; font-weight: normal; text-transform: uppercase; }

.box-quote { margin: 0 0 10px 0; background: url(../bckgrd/1px-extra-dark-trans.png) 0 0 repeat; padding: 7px 8px 8px 8px; border: 1px solid #444444;  }
h2.box-quote, h3.box-quote { color: #b4b4b4; font-weight: normal; font-size: 1em; }
.feature-info-wrapper .box-quote {  }

.solid-white-border { font-size: 1em; font-weight: normal; color: #b4b4b4;  margin: 0 0 10px 0; background: url(../bckgrd/1px-extra-dark-trans.png) 0 0 repeat; padding: 7px 8px 7px 8px; border: 1px solid #ffffff;   }






.chalk-base, #left-sidebar h3 { margin-bottom:8px; padding-bottom: 12px; background: url(../chalk_alts/chalk-180-slash.png) bottom center no-repeat; }
#left-sidebar h3 { display: block; width: 180px; font-size: 1.4em; font-weight: normal;  }
.solid-header, h3.solid-header { text-transform: uppercase; font-weight: bold; font-size: 1.3em; line-height: 1.2em; }


.main-nav { width: 177px; list-style: none; padding: 0 0 12px 0; margin-bottom:10px; background: url(../chalk_alts/chalk-180-slash.png) bottom center no-repeat; }
.main-nav li ul { list-style: none; width: 161px; padding: 0 0 5px 16px; }
.main-nav li { padding: 1px 0 1px 0; }
.main-nav li a, #main-nav li li a { text-decoration: none; display: block; line-height: 1.1em; color: #b4b4b4; }
.main-nav li a:hover, #main-nav li li a:hover { text-decoration: none; color: #ffffff; }
.main-nav li a { font-size: 1.1em; padding: 2px 0 2px 16px; text-transform: uppercase;  background: url(../icons/arrow-right.gif) left center no-repeat; }
.main-nav li a:hover, .main-nav li a.active { background: url(../icons/arrow-right-white.gif) left center no-repeat; }
.main-nav li li a { font-size: 1em; padding: 1px 0 1px 14px; text-transform: capitalize;  background: url(../icons/circle.gif) left center no-repeat; }
.main-nav li li a:hover, .main-nav li li a.active { background: url(../icons/circle-fill.gif) left center no-repeat; }



.feature { padding-bottom: 20px; line-height: 1.1em; }
.feature img { width: 378px; }
.feature a.image-link { float: left; margin-right: 20px; }
.feature img.no-link { float: left; margin-right: 20px; }
.feature-info-wrapper { width: 380px; float: left; }
.feature-info-wrapper h2 { font-size: 1.5em; line-height: 1em; text-transform: capitalize; font-weight: bold; margin-bottom: 0px; }
.feature-info-wrapper h2 a { color: #ffffff; text-decoration: none; }
.feature-info-wrapper h2 a:hover { color: #146ead; text-decoration: underline; }
.sub-info { line-height: 1.1em; margin-bottom: 15px; color: #ffffff; }
.feature-info-wrapper h3 { text-transform: none; font-size: 1em; }
.categories-view .feature-info-wrapper h2 { text-transform: uppercase; font-weight: bold; font-size: 2em; line-height: 1.3em; margin-bottom: 16px; position: relative; margin-top: -6px; }


.category-link { margin-bottom: 10px; font-size: 1em; text-transform: capitalize; font-weight: normal; }
.category-link a { text-decoration: none; }
.category-link a:hover { color: #146ead; text-decoration: underline;  }


.read-more { text-align: right; }
.read-more a {  color: #b4b4b4; text-decoration: none; /* padding-left: 14px; background: url(../icons/tri-right.png) left center no-repeat; */}
.read-more a:hover { color: #146ead; text-decoration: underline;  }
.categories-view .read-more a {  padding: 2px 0 4px 14px; background: url(../icons/arrow-right.gif) left center no-repeat; }
.categories-view .read-more a:hover {  background: url(../icons/arrow-right-white.gif) left center no-repeat; }
.seg-wrapper .read-more a {  color: #b4b4b4; text-decoration: none; padding: 2px 0 4px 14px; background: url(../icons/arrow-right.gif) left center no-repeat; }
.seg-wrapper .read-more a:hover {  color: #146ead; text-decoration: underline; padding: 2px 0 4px 14px; background: url(../icons/arrow-right-white.gif) left center no-repeat; }


.col { float: left; margin: 0 20px 20px 0; }
.right-most { margin-right: 0; }
.one-of-four { width: 180px; }
.two-of-four { width: 380px; }

.project-mini { margin: 0 0 12px 0; padding: 10px 0 4px 0; background: url(../chalk_alts/chalk-corners.png) top left no-repeat; }
.project-mini h3 { font-size: 1.3em; text-transform: capitalize; font-weight: bold; margin-bottom: 0px; padding-bottom: 0; }
.project-mini h3 a { color: #ffffff; text-decoration: none; }
.project-mini h3 a:hover { color: #146ead; text-decoration: underline; }
.project-mini .chalk-baseline { width: 180px; height: 10px; background: url(../chalk_alts/chalk-180-slash.png) bottom center no-repeat; }
.project-mini h3, .project-mini p, .project-mini h4 { padding-left: 12px; }
.project-mini .sub-info { margin-bottom: 0; padding-bottom: 0; }
.project-mini h4 { margin-top: 0; padding-top: 2px; line-height: 1em; }

/* failed attempt 
.alt-project-mini .col { margin: 0 10px 0 0; padding: 10px 0 0 0; }
.alt-project-mini .one-of-four { width: 190px; background: url(../chalk/chalk-corners.gif) top left no-repeat; background-color: #fff;}
.alt-project-mini .left-most { width: 180px; margin-left: 0; padding-left: 0; }
.alt-project-mini .right-most { margin-right: 0; }

.alt-project-mini .project-mini { margin: 0 0 12px 0; padding: 0 0 4px 0; background: none;   }
.alt-project-mini .chalk-baseline { width: 180px; height: 10px; background: url(../chalk/chalk-180-slash.jpg) bottom center no-repeat; }
.alt-project-mini .project-mini h3, .alt-project-mini .project-mini p, .alt-project-mini .project-mini h4 { padding-left: 0; }

*/

.two-of-four .feature { margin: 0 0 16px 0; padding: 0 0 4px 0; border-bottom: 1px dashed #444444; }
.two-of-four .feature h2 { font-size: 1.3em; text-transform: capitalize; font-weight: bold; margin-bottom: 0px; }
.two-of-four .feature img { width: 178px; }
.two-of-four .feature a.image-link { margin-bottom: 12px; }
.two-of-four .feature .feature-info-wrapper { width: 180px; }
.two-of-four .feature .img-place-holder { width: 178px; height:240px; margin-bottom: 12px; }

.two-of-four .missing-image .feature-info-wrapper { width: 380px; }

.feature .no-image { width: 100% }

h2.no-style { padding-top: 2px; margin-bottom: 8px;  }
.subtitle { font-weight: normal; font-size: 75%; line-height: 80%; color: #b4b4b4; padding-bottom: 1px; display: block;}
.white-back .subtitle { color: #000000; }
.border-base { padding-bottom: 12px; background: url(../chalk_alts/chalk-180-slash.png) bottom center no-repeat; margin-bottom: 8px; }
.two-of-four .border-base, .full-width .border-base { background: url(../chalk_alts/chalk-strip-780.png) bottom center no-repeat; }

img.left-align { float: left; margin: 2px 18px 8px 0; }
img.right-align { float: right; margin: 2px 0 8px 18px; }
img.full-column { width: 778px; margin: 0 0 8px 0; }
img.half-width { width: 378px; }
img.narrow { width: 178px; margin-bottom: 8px;}
.list-seg p { margin-bottom: 2px; }
.page ul { list-style: none; margin: 0 0 8px 13%; padding: 0; width: 87%; }
.page ul li { background: url(../icons/bul-point.png) left center no-repeat; padding: 0 0 1px 12px; }
.page ul.rel-links li { background: url(../icons/circle.gif) left center no-repeat; }
.page ul.rel-links li a { display: block; padding-top: 1px; color: #b4b4b4; text-decoration: none; }
.page ul.rel-links li a:hover { color: #146ead; text-decoration: underline; }
/*
.page a.read-more { display: block; text-align: right; color: #b4b4b4; text-decoration: none; padding-left: 14px; background: url(../icons/tri-right.png) left center no-repeat; }
.page a.read-more:hover { color: #146ead; text-decoration: underline;  }
*/
.indent-text .top-p { margin-bottom: 0; color: #ffffff; }
.indent-text .indent-p { padding-left: 20%; width: 80%; }
.text-right .left-p { margin-bottom: 0; }
.text-right .right-p { text-align: right; }
.shift-up { margin-top: -8px; }

.two-of-four .p-wrap-left { display: block; width: 180px; float: left; }
.two-of-four .p-wrap-right { display: block; width: 180px; float: right; }

.raw-html { margin-bottom: 8px; overflow: hidden; }
iframe { width: 780px; height: 439px; }
.one-of-four iframe { width: 180px; height: 101px; }
.two-of-four iframe { width: 380px; height: 214px; }

.two-of-four img.full-column { width: 378px; }
.two-of-four img.half-width {  width: 178px;  }

.one-of-four img { width:178px; margin-bottom: 8px; }

.alt-thumb-size .one-of-four img { width: 166px; }
.alt-thumb-size .project-mini a.image-link { padding-left: 12px; }
.alt-thumb-size .project-mini .chalk-baseline { margin-left: 14px; width: 166px; height: 10px; background: url(../chalk_alts/chalk-180-slash.png) bottom center no-repeat; }

/* .alt-project-mini .one-of-four img { width: 169px; }
*/



.project-title { font-size: 1.9em; line-height: 1em; text-transform: capitalize; font-weight: normal; padding-top: 2px; margin-bottom: 5px;  }
.project-title-wrapper .sub-info { margin-bottom: 10px; }



#footer { width: 780px; margin: 0 20px 80px 0; float: right; padding: 8px 0 0 0; font-size: 90%; color: #444444; border-bottom: 1px solid #444444; border-top: 1px solid #444444;  }
#footer .left { width: 70%; float: left; margin: 0 0 0 0; }
#footer .right { width: 30%; float: right; margin: 0 0 0 0; text-align: right; }
#footer a { color: #444444; text-decoration: none; }
#footer a:hover { color: #146ead; text-decoration: underline; }


#base-fade {  width: 1020px; height: 30px; position: fixed; bottom: 0; z-index: 20; background: url(../bckgrd/base-fade-30.png) 0 0 repeat-x; }


/* background-color: #fff;*/

.right-margin { margin-right: 10px; }
.left-margin { margin-left: 10px; }

/* USEFUL STUFF - ### KEEP @ BOTTOM OF PAGE ### */
.image-replace { display: none; }
.clear-floats { clear: both; }

.full-justify { text-align: justify; }
.centre { text-align: center; }

/*
@import url("../css/antistyles.css") handheld; 
@import url("../css/antistyles.css") only screen and (max-device-width:480px);
*/