/*
Theme Name: KCI Turboway
Theme URI: http://dnawebagency.com
Description: The KCI Turboway Wordpress theme made by DNA Web Agency - http://dnawebagency.com
Version: 1.0
Author: DNA Web Agency
Author URI: http://dnawebagency.com/
Tags: KCI, Keith Consolidated Industries, Inc.
*/

/**Include Conditional CSS and other Style Files**/
@import url("css/c-css.php");
@import url("css/reset.css");
@import url("css/default-wordpress-styles.css");
@import url("css/slider.css");
/**End Includes**/

/**Universal Styles - Styles universal to both the Homepage and Subpage**/
body
{
   background-color: #231f20;
   font-family: Arial, sans-serif;
   font-size: 12pt;
}
/*Header Styles*/
#header-wrapper
{
   background-color: #333333;
}

#header
{
   background-image: url('images/BG-header.jpg');
   background-repeat: no-repeat;
   background-position: top center;
   width: 1015px;
   height: 183px;
   margin-left: auto;
   margin-right: auto;
}

/*Header Logo*/
#header .site-logo
{
   background-image: url('images/LOGO-kci.png');
   background-repeat: no-repeat;
   background-position: top left;
   float: left;
   margin-left: 69px;
   margin-top: 23px;
}

#header .site-logo,
#header .site-logo a
{
   width: 324px;
   height: 45px;
}

#header .site-logo a
{
   display: block;
}

#header .site-logo a h1
{
   display: none;
}
/*End Header Logo*/

/*Safeguard Logo*/
#header .safeguard-logo
{
   background-image: url('images/LOGO-safeguard.png');
   background-repeat: no-repeat;
   background-position: top left;
   float: left;
   margin-left: 85px;
   margin-top: 18px;
}

#header .safeguard-logo,
#header .safeguard-logo a
{
   width: 204px;
   height: 59px;
}

#header .safeguard-logo a
{
   display: block;
}

#header .safeguard-logo a h1
{
   display: none;
}
/*End Safeguard Logo*/


/*Header Navigation*/
#header .navigation
{
   background-image: url(images/BG-header-nav.png);
   background-repeat: no-repeat;
   background-position: top center;
   width: 235px;
   height: 183px;
   float: left;
   margin-left: 36px;
   
}

#header .navigation ul
{
   list-style-type: none;
   padding: 0;
   margin-top: 5px;
   margin-left: auto;
   margin-right: auto;
}

#header .navigation ul li
{
   margin-top: 4px;
   margin-bottom: 4px;
}

#header .navigation ul li a
{
   display: block;
   background-position: center -21px;
}

#header .navigation ul li,
#header .navigation ul li a
{
   height: 21px;
}

#header .navigation ul,
#header .navigation ul li,
#header .navigation ul li a
{
   width: 209px;
}

#header .navigation ul li .home
{
   background-image: url('images/NAV-header-home-link.png');
}

#header .navigation ul li .about-kci
{
   background-image: url('images/NAV-header-about-link.png');
}

#header .navigation ul li .why-kci
{
   background-image: url('images/NAV-header-whykci-link.png');
}

#header .navigation ul li .kci-solutions
{
   background-image: url('images/NAV-header-kcisolutions-link.png');
}

#header .navigation ul li .kci-products
{
   background-image: url('images/NAV-header-kciproducts-link.png');
}

#header .navigation ul li .information-resources
{
   background-image: url('images/NAV-header-inforesources-link.png');
}

#header .navigation ul li .contact-kci
{
   background-image: url('images/NAV-header-contactus-link.png');
}
/*End Header Navigation*/
/*Header Questions*/
#header .questions-wrapper
{
   width: 216px;
   float: left;
   margin-left: -475px;
   margin-top: 155px;
}

#header .questions-wrapper p
{
   margin: 0;
   color: #b2b2b2;
   font-size: .9em;
}

#header .questions-wrapper p .contact-number
{
   color: #ffffff;
}
/*End Header Questions*/
/*Header We now*/
#header .wenow-wrapper
{
   width: 110px;
   float: left;
   margin-left: 150px;
   margin-top: -71px;
}

#header .wenow-wrapper p
{
   margin: 0;
   color: #b2b2b2;
   font-size: .9em;
}
/*End Header Questions*/
/*End Header Styles*/

/*Page Styles*/
#page-content-wrapper
{
   background-color: #333333;
   overflow: hidden;
}

#page-content-wrapper #page-content
{
   width: 1015px;
   margin-left: auto;
   margin-right: auto;
   color: #ffffff;
}

#page-content-wrapper #page-content a
{
   text-decoration: underline;
   color: #ffffff;
}

#page-content-wrapper #page-content h1
{
   font-weight: bold;
   font-size: 1.4em;
}

#page-content-wrapper #page-content h2
{
   font-weight: bold;
   font-size: 1.2em;
   margin: 30px 0 0 0;
}

#page-content-wrapper #page-content p
{
   margin-top: 20px;
   margin-bottom: 8px;
   /*font-size: .8em;*/
}
/*End Page Styles*/

/*FooterStyles*/
#footer-wrapper
{
   background-color: #231f20;
}

#footer
{
   width: 960px;
   margin-left: auto;
   margin-right: auto;
}

#footer .statement h3
{
   font-weight: normal;
   color: #666666;
   text-align: center;
   font-size: 1.7em;
}

/*Footer Navigation*/
#footer .navigation .menu ul
{
   list-style-type: none;
   margin: 0 auto 0 auto;
   padding: 0;
   width: 770px;
}

#footer .navigation .menu ul li
{
   display: inline;
   padding-left: 15px;
   padding-right: 15px;
}

#footer .navigation .menu ul li a
{
   font-size: 1em;
   color: #ffffff;
   text-decoration: none;
}
/*End Footer Navigation*/
#footer .contact-information
{
   color: #cccccc;
   font-size: .9em;
   margin-top: 36px;
   float: left;
   width: 859px;
   text-align: center;
}

#footer .contact-information div
{
   display: inline;
}

#footer .contact-information .copy
{
   padding-right: 12px;
}

#footer .contact-information .mailing-address
{
   border-left: 2px solid #cccccc;
   border-right: 2px solid #cccccc;
   padding-right: 12px;
   padding-left: 12px;
}

#footer .contact-information .phone
{
   padding-left: 12px;
}

#footer .contact-information .contact-gray
{
   color: #737373;
}

/*DNA Credit Logo*/
#footer #dna-credit
{
   color: #ffffff;
   font-size: .7em;
   float: left;
   margin-top: 37px;
}
#footer #dna-credit .designer
{
   float: left;
}
#footer #dna-credit .logo
{
   background-image: url('images/LOGO-dna.png');
   background-repeat: no-repeat;
   background-position: center center;
   float: right;
   position: relative;
   bottom: 3px;
   margin-left: 5px;
}

#footer #dna-credit .logo a
{
   display: block;   
}

#footer #dna-credit .logo,
#footer #dna-credit .logo a
{
   width: 33px;
   height: 20px;
}

#footer #dna-credit .logo a h2
{
   margin: 0;
   padding: 0;
   display: none;
}
/*End DNA Credit Logo*/
/*End Footer Styles*/
/**End Universal Styles**/

/*Home Page Styles*/
.home #page-content-wrapper #page-content .page-indent
{
   width: 875px;
   margin-left: 75px;
}

.home #page-content-wrapper #page-content h1
{
   margin: 0;
}

.home #page-content-wrapper #page-content #home-flash-container
{
   background-image: url('images/PLACEHOLDER-home-page-flash.png');
   width: 875px;
   height: 82px;
   margin-bottom: 24px;
}
/*End Home Page Styles*/

/*SubPage Styles*/
/*Subpage sidebar*/
#page-content-wrapper #page-content #sidebar,
#page-content-wrapper #page-content #sub-page-content
{
   float: left;
}

#page-content-wrapper #page-content #sub-page-content
{
   width: 761px;
}

#page-content-wrapper #page-content #sidebar
{
   width: 218px;
}

#page-content-wrapper #page-content #sidebar .sidebar-content
{
   background-image: url('images/BG-sidebar-border.png');
   background-position: top right;
   background-repeat: repeat-y;
   padding-right: 5px;
}

/*Sidbar List Style*/
#page-content-wrapper #page-content #sidebar .sidebar-content ul
{
   margin: 0 0 28px 0;
   list-style-type: none;
   padding: 10px 0 0 0;
   width: 213px;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li
{
   margin-bottom: 9px;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul .current_page_item.has-subpages,
#page-content-wrapper #page-content #sidebar .sidebar-content ul .current_page_ancestor.has-subpages
{
   margin-bottom: 0;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li a
{
   background-image: url('images/BG-sidebar-nav.png');
   background-repeat: no-repeat;
   background-position: right -27px;
   text-decoration: none;
   height: 27px;
   display: block;
   text-align: right;
   padding-right: 5px;
   font-size: .95em;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li a .anchor-text
{
   position: relative;
   top: 5px;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul
{
   padding: 0 0 0 22px;
   margin: 0;
   width: 191px;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul li
{
   border-bottom: 2px solid #6e252a;
   margin: 0;
   padding: .1em 0 .5em 0;
   text-align: right;
   display: none;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul .last_item
{
   border-bottom: none;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul .current_page_ancestor ul li,
#page-content-wrapper #page-content #sidebar .sidebar-content ul .current_page_item ul li
{
   display: block;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul li a
{
   background-image: none;
   display: block;
   margin: 0;
   font-size: .9em;
   height: 100%;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul li a .anchor-text
{
   display: inline;
   height: 0;
   width: 0;
   top: 0;
}
/*End Sidebar List Styles*/

#page-content-wrapper #page-content #sidebar #request-a-quote
{
   background-image: url('images/ELEMENT-request-a-quote.png');
   background-repeat: no-repeat;
   background-position: center center;
   width: 181px;
   height: 89px;
   margin-left: 20px;
}

#page-content-wrapper #page-content #sidebar #customer-service
{
   background-image: url('images/ELEMENT-customer-service.png');
   background-repeat: no-repeat;
   background-position: center center;
   width: 180px;
   height: 86px;
   margin-left: 20px;
}

/*Subpage SideBar caption box rollover*/
#page-content-wrapper #page-content #sidebar .sidebar-content ul li a .caption-box,
#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul li a .caption-box
{
   display: inline;
}
/*End Subpage SideBar caption box rollover*/

#page-content-wrapper #page-content #sidebar .sidebar-bottom
{
   background-image: url('images/BG-sidebar-border-bottom.png');
   background-repeat: no-repeat;
   background-position: top right;
   width: 8px;
   height: 38px;
   float: right;
}
/*End Subpage Sidebar*/

#page-content-wrapper #page-content #sub-page-content
{
   margin-left: 10px;
}

#page-content-wrapper #page-content #sub-page-content .page-indent
{
   margin-left: 9px;
}

.page #page-content-wrapper
{
   padding-bottom: 15px;
   overflow: visible;
}

.page h2
{
   border-bottom:1px dashed #666666;
}

.page #page-content-wrapper #page-content li h2
{
   margin-top: 10px;
}

.page h2 a
{
   border: none;
}

.page li h2
{
   border: none;
}
/*End SubPage Styles*/

/*Hovers*/
#header .navigation ul li a:hover
{
   background-position: center top;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul .current_page_item,
#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul li:hover
{
   background-image: url('images/BG-sidebar-sub-rollover.png');
   background-repeat: repeat-y;
}

#page-content-wrapper #page-content a:hover
{
   text-decoration: none;
}

#footer .navigation .menu ul li a:hover
{
   text-decoration: underline;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul .current_page_ancestor a,
#page-content-wrapper #page-content #sidebar .sidebar-content ul .current_page_item a,
#page-content-wrapper #page-content #sidebar .sidebar-content ul li a:hover
{
   background-position: right 0;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li a:hover #nav-caption-box
{
   bottom:87px; 
   float:none; 
   height:162px; 
   margin:0 0 -162px 206px; 
   position:relative; 
   width:239px
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul li a:hover #nav-caption-box
{
   margin:0 0 -162px 186px; 
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li a:hover .caption-container,
#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul li a:hover .caption-container
{
   background-image: url('images/BG-rollover-window.png');
   background-position: center center;
   float:none; 
   height:162px; 
   position:relative; 
   width:239px;
   top: 8px;
   left: 6px;
}

#page-content-wrapper #page-content #sidebar .sidebar-content ul li ul li a:hover .caption-box
{
   display: inline;
}
/*End Hovers*/



/*NextGen Overrides */
.ngg-gallery-thumbnail img {
	background-color:#333333 !important;
	border:1px solid #666666 !important;
}

.ngg-gallery-thumbnail img:hover {
	background-color:#000000 !important;
}
