@charset "UTF-8";
/* 
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * *
Title: NewLeaf
Author: InterDevil.com / XHTMLiT.com
Website: Http://www.XHTMLiT.com / Http://www.INTERDEVIL.com
Description: This is the stylesheet, you can remove this entire note.
Created: June 19, 2008
* * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * * 
*/

body {margin:0;padding:0;background-color: #240c04;}
img {border:none;vertical-align:middle;}
a {outline:none;}
.clear {clear:both;}
div#body-wrap-bg {margin:0;padding:0;height:100%;background:#e1b171 url(../images/bg-sm.jpg) repeat left top; border:1px solid #270f01;}
div#body-wrap {width:974px;margin:0 auto;padding:0;}
div#sidefloatbar {width:34px;min-height:900px;margin:0;padding:0;position:absolute;left:0;top:0;background: url(../images/sideflot-bar.png);}
* html #sidefloatbar {min-height:100%;}
img.preload {display:none;}

/* ==== HEADER STYLES ==== */
div#header {width:100%;height:78px;margin:40px 0 2px 40px;padding:0;background:url(../images/header-bg.gif) repeat-x bottom;}
   #header img#logo {margin:-16px 0 0 19px;padding:0;float:left;position:absolute;}
   
   #header #nav {height:27px;margin:30px 0 0 0;padding:0;float:right;}
   #header #nav ul {margin:0;padding:0;list-style-type:none;}
   #header #nav ul li {margin:0;padding:0 10px;float:left;}
   #header #nav ul li.divider {margin:0;padding:0;}
   
   #header #nav ul li#work a {width:115px;height:27px;background:url(../images/nav-ourwork_norm.jpg) no-repeat;display:block;}
   #header #nav ul li#work a:hover {background:url(../images/nav-ourwork_roll.jpg) no-repeat;}
   #header #nav ul li#work a.active {background:url(../images/nav-ourwork_roll.jpg) no-repeat;}
   
   #header #nav ul li#clients a {width:83px;height:27px;background:url(../images/nav-clients_norm.jpg) no-repeat;display:block;}
   #header #nav ul li#clients a:hover {background:url(../images/nav-clients_roll.jpg) no-repeat;}
   #header #nav ul li#clients a.active {background:url(../images/nav-clients_roll.jpg) no-repeat;}
   
   #header #nav ul li#capabilities a {width:139px;height:27px;background:url(../images/nav-capabilities_norm.jpg) no-repeat;display:block;}
   #header #nav ul li#capabilities a:hover {background:url(../images/nav-capabilities_roll.jpg) no-repeat;}
   #header #nav ul li#capabilities a.active {background:url(../images/nav-capabilities_roll.jpg) no-repeat;}
   
   #header #nav ul li#approach a {width:169px;height:27px;background:url(../images/nav-ourapproach_norm.jpg) no-repeat;display:block;}
   #header #nav ul li#approach a:hover {background:url(../images/nav-ourapproach_roll.jpg) no-repeat;}
   #header #nav ul li#approach a.active {background:url(../images/nav-ourapproach_roll.jpg) no-repeat;}
   
   #header #nav ul li#contact a {width:93px;height:27px;background:url(../images/nav-contact_norm.jpg) no-repeat;display:block;}
   #header #nav ul li#contact a:hover {background:url(../images/nav-contact_roll.jpg) no-repeat;}
   #header #nav ul li#contact a.active {background:url(../images/nav-contact_roll.jpg) no-repeat;}
   
/* ==== CONTENT AREA = TOP ==== */
div#content-top {width:100%;height:332px;margin:0 0 0 40px;padding:0;clear:both;}
   #content-top .cLeft {width:253px;height:332px;margin:0;padding:0;background:url(../images/contenttop-cLeft_bg.gif) no-repeat left top;float:left;}
   #content-top .cLeft img.heading {margin:24px 0 0 19px;padding:0;}
   #content-top .cLeft p {margin:0;padding:10px 10px 0 19px;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:normal;text-align:left;color:#647600;line-height:36px;}
   
   #content-top .cRight {width:705px;height:332px;margin:0;padding:0 8px;background:url(../images/contenttop-cRight_bg.gif) repeat-x top;float:left;}
   #content-top .cRight img#arrow-left {margin:0;padding:122px 0 0 0;float:left;}
   #content-top .cRight img#arrow-right {margin:0;padding:122px 0 0 0;float:left;}
   
/* ==== CONTENT AREA = TOP - BROWN BOX ==== */
   #content-top .cRight #brown-box {width:209px;height:301px;margin:15px 37px 0 11px;padding:0;background:url(../images/contenttop-cRight_brownbox.gif) no-repeat top left;float:left;}
   #content-top .cRight #brown-box .wrap {width:171px;height:230px;margin:23px auto 11px auto;padding:9px 6px 9px 9px;}
   #content-top .cRight #brown-box p {width:171px;margin:0 auto;padding:16px 0;font-family:Arial, Helvetica, sans-serif;font-size:11px;font-weight:normal;color:#FFF;text-align:left;line-height:18px;}
   #content-top .cRight #brown-box p #date {color:#bdc936;font-weight:bold;}
   
/* ==== CONTENT AREA = TOP - CONTEXT ==== */
   #content-top .cRight #context {width:400px;margin:0 0 0 40px;padding:27px 15px 0 0;float:left;}
   #content-top .cRight #context img.heading {margin:0;padding:0 0 5px 0;}
   #content-top .cRight #context p {width:100%;height:241px;margin:0;padding:0;font-family:"Handwriting - Dakota";font-size:18px;font-weight:normal;color:#290f04;text-align:left;line-height:30px;background:url(../images/contenttop-cRight-textunderline.gif) repeat-y left;}
   #content-top .cRight #context p a {color:#bec935;text-decoration:none;}
   
/* ==== CONTENT AREA = BOTTOM ==== */
div#content-bottom {width:100%;margin:0 0 0 40px;padding:0;clear:both;}

/* ==== CONTENT AREA = BOTTOM ==== */
div#content-bottom .cLeft {width:253px;height:332px;margin:0;padding:0;background:url(../images/contentbottom-sidebar_bg.png) no-repeat top left;float:left;}
div#content-bottom .cLeft img.heading {margin:24px 0 0 19px;padding:0;}
div#content-bottom .cLeft p {margin:0;padding:15px 10px 0 16px;font-family:Georgia, "Times New Roman", Times, serif;font-size:16px;font-weight:normal;text-align:left;color:#FFF;line-height:36px;}
   
/* ==== CONTENT AREA = BOTTOM - SIDEBAR ==== */
   #content-bottom #sidebar {width:253px;margin:0;padding:0;text-align:center;background:url(../images/contentbottom-sidebar_bg.png) no-repeat top left;float:left;}
   #content-bottom #sidebar img.heading {margin:22px 0 28px 0;padding:0;}
   #content-bottom #sidebar .coverage-box {width:166px;height:79px;margin:0 auto 16px auto;padding:12px 16px 16px 14px;background:url(../images/contentbottom-sidebar-boxbg.png) no-repeat;}
   #content-bottom #sidebar .coverage-box img {position:relative;z-index:5000;}
   
/* ==== CONTENT AREA = BOTTOM - CONTEXT ==== */
   #content-bottom #content {width:656px;margin:0;padding:16px 32px 0 32px;background:url(../images/contentbottom-content-bg.png) repeat-x top;float:left;}
   #content-bottom #content img.heading {margin:0 0 26px 0;}
   #content-bottom #content h1 {margin:0;padding:5px 0 10px 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:24px;font-weight:normal;color:#4c2e19;text-align:left;}
      #content-bottom #content h2 {margin:0;padding:5px 0 10px 0;font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-weight:normal;color:#4c2e19;text-align:left;}
   #content-bottom #content .date {margin-top:-13px;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#FFF;float:right;}
   #content-bottom #content p {margin:0;padding:0 0 20px 0;font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#37271b;text-align:left;line-height:24px;}
      #content-bottom #content p .interior {margin:0;padding:0 0 0px 0;font-family:Arial, Helvetica, sans-serif;font-size:12px;font-weight:normal;color:#5b5b5b;text-align:left;line-height:24px;}
      #content-bottom #content img {padding:0 20px 0 0; align:left;}
      #content-bottom #content ul {float:left;margin-left:20px;}
      #content-bottom #content li {font-family:Arial, Helvetica, sans-serif;font-size:14px;font-weight:normal;color:#37271b;text-align:left;line-height:24px;}
   #content-bottom #content a {font-size:14px;color:#fff;text-decoration:none;}
   #content-bottom #content a:hover {color:#c3cf22;text-decoration:none;}
   #content-bottom #content .coverage-box {width:166px;height:79px;margin:0 auto 16px auto;padding:12px 16px 16px 14px;background:url(../images/contentbottom-sidebar-boxbg.png) no-repeat;}
   #content-bottom #content .coverage-box img {position:relative;z-index:5000;}

    
    /* ==== FOOTER STYLES Interior Pages ==== */
div#body-wrap-footer {width:100%;background: url(../images/footer-bg.jpg) repeat-x;}
div#footer-wrap {width:300px;margin:0 0 0 700px;padding:0;}
div#footer-int {width:974px;margin:0 auto;padding:30px 0 50px 0;}  
   #footer-int h1 {margin:0;padding:0;font-family:Georgia, "Times New Roman", Times, serif;font-size:20px;font-weight:normal;color:#FFF;text-align:left;}
   #footer-int p {margin:0;padding:0;font-family:Arial, Helvetica, sans-serif;font-weight:normal;color:#FFF;font-size:14px;text-align:left;line-height:24px;}
   #footer-int a {color:#c3cf22;text-decoration:none;}
    #footer-int a:hover {color:#FFF;text-decoration:none;}