/*
Theme Name: KestrelDDM
Theme URI: http://kestrelddm.com
Description: Kestrel DDM website 2010 wordpress Theme
Version: 2 (WP2.6.2)
Author: kestrelddm
Author URI: http://kestrelddm.com
*/

@import "style/css/reset.css";
@import "style/css/typography.css";
@import "style/css/layout.css";
body { background: url(images/BG-body3.jpg); color: #404041; font-family: Georgia, "Times New Roman", Times, serif; font-size: 12px; }
#wrap-top-bar { position: relative; z-index: 10; background: #232323; height: 9px; position: fixed; width: 100%; }
#wrap-main { width: 960px; }
#wrap-left-nav { /*	background: url(images/BG-wrap-left-nav.png) repeat-y;*/ background: url(images/BG-body3.jpg); position: fixed; float: left; height: 800px; width: 189px; padding: 31px 0px 0px 0px; }
#wrap-left-nav h1 { margin: 0px 0px 0px 30px; height: 122px; width: 128px; }
#wrap-left-nav h1 a { background: url(images/h1.logo.png) no-repeat; display: block; height: 122px; width: 128px; text-indent: -9999px; margin: 0px 0px 0px 0px; }
#wrap-left-nav ul { margin: 50px 0px 0px 0px; }
#wrap-left-nav ul li { margin: 0px 0px 5px 0px; }
.post h2 a { display: none; }
#wrap-left-nav ul li a { display: block; color: #3a3a3a; font-size: 11px; text-decoration: none; width: 180px; height: 18px; padding: 0px 0px 0px 0px; text-align: center; }
#wrap-left-nav ul li a:hover { color: #FFF; display: block; font-size: 11px; text-decoration: none; background: #560e0b; width: 180px; height: 18px; padding: 0px 0px 0px 0px }
#principals #wrap-left-nav .nav-principals, #about #wrap-left-nav .nav-about, #clients #wrap-left-nav .nav-clients, #contact #wrap-left-nav .nav-contact, #print #wrap-left-nav .nav-print, #web #wrap-left-nav .nav-web, #identity #wrap-left-nav .nav-identity, #studies #wrap-left-nav .nav-studies, #wrap-left-nav .current_page_item a { color: #FFF; display: block; font-size: 11px; text-decoration: none; background: #560e0b; width: 136px; height: 18px; padding: 0px 0px 0px 6px }
#wrap-right-content { float: right; padding: 141px 0px 0px 57px; width: 714px; display: none; overflow: visible; }
#wrap-right-content h1 { background: url(images/img-kestrel.png) no-repeat; height: 34px; width: 290px; text-indent: -9999px; margin: 0px 0px 15px 0px; }
#home .kestrel-intro { display: block; border-bottom: 1px dotted #492125; font-size: 18px; font-style: italic; width: 450px; padding: 0px 0px 20px 0px; margin: 0px 0px 0px 0px; }
#home .home-quote { display: block; font-size: 21px; font-style: italic; width: 350px; line-height: 25px; }
/*about*/
#about #wrap-right-content .principal-names { float: left; width: 345px; padding: 23px 0px 50px 0px; border-right: 1px dotted #492125; }
#about #wrap-right-content .principal-names h2 { background: url(images/img-kestrel.png) no-repeat; height: 34px; width: 290px; text-indent: -9999px; margin: 0px 0px 15px 0px; }
#about #wrap-right-content .principal-names span.quote { display: block; font-size: 12px; font-style: italic; width: 300px; font-weight: bold; line-height: 20px; }
#about #wrap-right-content .principal-names .awards-main { display: block; color: #421110; font-size: 18px; margin: 10px 0px; }
#about #wrap-right-content .principal-names .award-block { margin: 10px 0px; }
#about #wrap-right-content .principal-names .award { color: #421110; font-size: 14px; font-weight: bold; }
#about #wrap-right-content .principal-names strong { font-weight: bold; }
#about #wrap-right-content .principal-description { float: right; width: 341px; padding: 50px 0px 0px 26px; line-height: 20px; font-style: italic; }
#about #wrap-right-content .principal-description h3 { background: url(images/h3.service.png) no-repeat; text-indent: -9999px; height: 17px; width: 112px; margin: 0px 0px 20px 0px; }
#about #wrap-right-content .principal-description h4.design { background: url(images/h4.design.png) no-repeat; text-indent: -9999px; height: 17px; width: 59px; margin: 0px 0px 10px 0px; }
#about #wrap-right-content .principal-description h4.digital { background: url(images/h4.digital.png) no-repeat; text-indent: -9999px; height: 18px; width: 60px; margin: 0px 0px 10px 0px; }
#about #wrap-right-content .principal-description h4.media { background: url(images/h4.media.png) no-repeat; text-indent: -9999px; height: 18px; width: 57px; margin: 0px 0px 10px 0px; }
#about #wrap-right-content .principal-description ul { padding: 0px 0px 0px 20px; }
/*end of about*/

/*principals*/
#principals #wrap-right-content h2 { background: url(images/h2.principals.png) no-repeat; height: 17px; width: 138px; text-indent: -9999px; margin: 0px 0px 40px 0px; }
#principals #wrap-right-content .principal-names { float: left; width: 345px; padding: 23px 0px 50px 0px; }
#principals #wrap-right-content .principal-names .marc { background: url(images/BG-marc.png) no-repeat; display: block; height: 53px; width: 212px; text-indent: -9999px; margin: 0px 0px 137px 0px; }
#principals #wrap-right-content .principal-names .dean { background: url(images/BG-dean.png) no-repeat; display: block; height: 55px; width: 323px; text-indent: -9999px; }
#principals #wrap-right-content .principal-description { float: right; width: 341px; padding: 11px 0px 0px 26px; border-left: 1px dotted #492125; line-height: 20px; font-style: italic; }
#principals #wrap-right-content .principal-description p { margin: 0px 0px 35px 0px; }
#principals #wrap-right-content .principal-description p strong { color: #973028; font-weight: bold; font-style: italic; }
/*end of principals*/

/*clients*/
#clients #wrap-right-content .clients-list-heading { overflow: auto; margin: 0px 0px 10px 0px; }
#clients #wrap-right-content .clients-list-heading h2 { background: url(images/h2.clients.png) no-repeat; float: left; height: 24px; width: 199px; text-indent: -9999px; margin: 0px 0px 0px 0px; }
#clients #wrap-right-content .clients-list-heading { }
#clients #wrap-right-content .clients-list-heading p { float: right; display: block; width: 450px; padding: 10px 0px 0px 0px; font-size: 16px; font-weight: bold; font-style: italic; margin: 0px 40px 0px 0px; }
#clients #wrap-right-content ul { border-right: 1px dotted #492125; float: left; display: block; width: 250px; padding: 10px 0px; margin: 0px 30px 0px 0px; }
#clients #wrap-right-content ul.clients-2 { border: none; }
#clients #wrap-right-content ul li { margin: 0px 0px 5px 0px; }
/*end of clients*/

/*contact*/
#contact #wrap-right-content .clients-list-heading { overflow: auto; margin: 0px 0px 10px 0px; }
#contact #wrap-right-content .clients-list-heading h2 { background: url(images/h2.contact.png) no-repeat; float: left; height: 24px; width: 157px; text-indent: -9999px; margin: 0px 0px 0px 0px; }
#contact #wrap-right-content .clients-list-heading p { float: right; display: block; width: 450px; padding: 10px 0px 0px 0px; font-size: 16px; font-weight: bold; font-style: italic; margin: 0px 70px 0px 0px; }
#contact .form-block { float: left; width: 450px; padding: 20px 0px 0px 0px; border-right: 1px dotted #492125; margin: -320px 0px 0px 0px; }
#contact .form-block input.txtfrm { width: 250px; border: 1px solid #CCC; }
#contact .form-block textarea { border: 1px solid #CCC; }
#contact .form-block .label { color: #421110; font-weight: bold; }
#contact .form-block .submit { text-align: right; padding: 0px 35px 0px 0px; }
#contact .contact-block { float: right; width: 100px; padding: 20px 20px; margin: 20px 120px 0px 0px; }
#contact .contact-block span { color: #421110; font-weight: bold; font-size: 15px; }
/*end of contact*/

/*print*/
#print #wrap-right-content .clients-list-heading { overflow: auto; margin: 0px 0px 20px 0px; border-bottom: 1px dotted #492125; padding: 0px 0px 20px 0px; }
#print #wrap-right-content .clients-list-heading h2 { background: url(images/h2.print.png) no-repeat; float: left; height: 26px; width: 149px; text-indent: -9999px; margin: 0px 0px 0px 0px; }
#print #wrap-right-content .clients-list-heading span { float: right; display: block; width: 500px; padding: 10px 0px 0px 0px; font-size: 16px; font-weight: bold; font-style: italic; margin: 0px 40px 0px 0px; }
#print #wrap-right-content .project-block { overflow: auto; border-bottom: 1px dotted #492125; clear: both; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; }
#print #wrap-right-content .project-block img { margin: 0px 0px 30px 0px; }
#print #wrap-right-content .project-block-for-inside .project-block { border-bottom: none; line-height: 20px; }
#print #wrap-right-content .project-block-for-inside .project-block img { margin: 0px 0px 30px 0px; }
#print #wrap-right-content .project-block h3 a, #print #wrap-right-content .project-block h3, #web #wrap-right-content .project-block h3 a, #print #wrap-right-content .project-block h3, #identity #wrap-right-content .project-block h3 a, #print #wrap-right-content .project-block h3, #studies #wrap-right-content .project-block h3 a, #print #wrap-right-content .project-block h3 { display: block; color: #2f2f2f; font-size: 22px; font-weight: bold; margin: 0px 0px 20px 0px; text-decoration: none; }
#print #wrap-right-content .project-block h3 a:hover, #web #wrap-right-content .project-block h3 a:hover, #identity #wrap-right-content .project-block h3 a:hover, #studies #wrap-right-content .project-block h3 a:hover { display: block; color: #2f2f2f; font-size: 22px; font-weight: bold; margin: 0px 0px 20px 0px; text-decoration: underline; }
#print #wrap-right-content .project-block .main-post { float: left; margin: 0px 10px 0px 0px; }
#print #wrap-right-content .project-block .categories h3, #identity #wrap-right-content .project-block .categories h3, #web #wrap-right-content .project-block .categories h3, #studies #wrap-right-content .project-block .categories h3 { background: none; text-indent: 0px; margin: 0px 0px 15px; text-transform: uppercase; font-size: 11px; border-bottom: 1px dotted #2f2f2f; height: auto; padding: 0px 0px 5px 0px; width: 110px; }
#print #wrap-right-content .project-block .categories ul li, #print #wrap-right-content .project-block-for-inside .project-block .categories ul li { margin: 0px 0px 5px 0px; }
#print #wrap-right-content .project-block .categories ul li a, #print #wrap-right-content .project-block-for-inside .project-block .categories ul li a { display: block; background: #2f2f2f; color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 9px; height: 10px; width: 100px; text-decoration: none; padding: 4px 5px; vertical-align: middle; text-transform: uppercase; }
#print #wrap-right-content .project-block-for-inside .project-block .categories .post-meta li a { background: #AF261D; height: 10px; padding: 5px 5px 10px; }
#print #wrap-right-content .project-block .categories, #print #wrap-right-content .project-block-for-inside .project-block .categories { float: left; }
/*end of print*/

/*web*/
#web #wrap-right-content .clients-list-heading { overflow: auto; margin: 0px 0px 20px 0px; border-bottom: 1px dotted #492125; padding: 0px 0px 20px 0px; }
#web #wrap-right-content .clients-list-heading h2 { background: url(images/h2.web.png) no-repeat; float: left; height: 26px; width: 142px; text-indent: -9999px; margin: 0px 0px 0px 0px; }
#web #wrap-right-content .clients-list-heading span { float: right; display: block; width: 500px; padding: 10px 0px 0px 0px; font-size: 16px; font-weight: bold; font-style: italic; margin: 0px 40px 0px 0px; }
#web #wrap-right-content .project-block { overflow: auto; border-bottom: 1px dotted #492125; clear: both; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; }
#web #wrap-right-content .project-block img { margin: 0px 0px 30px 0px; }
#web #wrap-right-content .project-block h3 { color: #2f2f2f; font-size: 22px; font-weight: bold; margin: 0px 0px 20px 0px; }
#web #wrap-right-content .project-block .main-post { float: left; margin: 0px 10px 0px 0px; }
#web #wrap-right-content .project-block .categories ul li { margin: 0px 0px 5px 0px; }
#web #wrap-right-content .project-block .categories ul li a, #web #wrap-right-content .project-block-for-inside .project-block .categories ul li a { display: block; background: #2f2f2f; color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 9px; height: 10px; width: 100px; text-decoration: none; padding: 4px 5px; vertical-align: middle; text-transform: uppercase; }
#web #wrap-right-content .project-block .categories { float: left; }
#web #wrap-right-content .project-block .categories .post-meta span { display: none; }
#web #wrap-right-content .project-block .categories .post-meta li a, #web #wrap-right-content .project-block-for-inside .project-block .categories .post-meta li a { background: #af261d; }
/*end of web*/

/*identity*/
#identity #wrap-right-content .clients-list-heading { overflow: auto; margin: 0px 0px 20px 0px; border-bottom: 1px dotted #492125; padding: 0px 0px 20px 0px; }
#identity #wrap-right-content .clients-list-heading h2 { background: url(images/h2.identity.png) no-repeat; float: left; height: 26px; width: 186px; text-indent: -9999px; margin: 0px 0px 0px 0px; }
#identity #wrap-right-content .clients-list-heading span { float: right; display: block; width: 500px; padding: 10px 0px 0px 0px; font-size: 16px; font-weight: bold; font-style: italic; margin: 0px 10px 0px 0px; }
#identity #wrap-right-content .project-block { overflow: auto; border-bottom: 1px dotted #492125; clear: both; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; }
#identity #wrap-right-content .project-block img { margin: 0px 0px 30px 0px; }
#identity #wrap-right-content .project-block h3 { color: #2f2f2f; font-size: 22px; font-weight: bold; margin: 0px 0px 20px 0px; }
#identity #wrap-right-content .project-block .main-post { float: left; margin: 0px 10px 0px 0px; }
#identity #wrap-right-content .project-block .categories ul li { margin: 0px 0px 5px 0px; }
#identity #wrap-right-content .project-block .categories ul li a { display: block; background: #2f2f2f; color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 9px; height: 10px; width: 100px; text-decoration: none; padding: 4px 5px; vertical-align: middle; text-transform: uppercase; }
#identity #wrap-right-content .project-block .categories { float: left; }
/*end of identity*/

/*Case Studies*/
#studies #wrap-right-content .clients-list-heading { overflow: auto; margin: 0px 0px 20px 0px; border-bottom: 1px dotted #492125; padding: 0px 0px 20px 0px; }
#studies #wrap-right-content .clients-list-heading h2 { background: url(images/h2.studies.png) no-repeat; float: left; height: 29px; width: 265px; text-indent: -9999px; margin: 0px 0px 0px 0px; }
#studies #wrap-right-content .clients-list-heading span { float: right; display: block; width: 430px; padding: 10px 0px 0px 0px; font-size: 16px; font-weight: bold; font-style: italic; margin: 0px 0px 0px 0px; }
#studies #wrap-right-content .project-block { overflow: auto; border-bottom: 1px dotted #492125; clear: both; padding: 0px 0px 20px 0px; margin: 0px 0px 20px 0px; }
#studies #wrap-right-content .project-block h3 { color: #2f2f2f; font-size: 22px; font-weight: bold; margin: 0px 0px 20px 0px; }
#studies #wrap-right-content .project-block .main-post { float: left; margin: 0px 10px 0px 0px; }
#studies #wrap-right-content .project-block .categories ul li { margin: 0px 0px 5px 0px; }
#studies #wrap-right-content .project-block .categories ul li a { display: block; background: #2f2f2f; color: #FFF; font-family: Verdana, Geneva, sans-serif; font-size: 9px; height: 10px; width: 100px; text-decoration: none; padding: 4px 5px; vertical-align: middle; text-transform: uppercase; }
#studies #wrap-right-content .project-block .categories { float: left; }
/*End Of Case Studies*/

#wrap-footer-bar { clear: both; }
/*classes*/
.clr { clear: both; }
/*end of classes*/
