/**
 * Theme Name: Ceiba Theme
 * Theme URI: http://ceibasolutions.com
 * Description: A custom theme for Ceiba Solutions based on the Hybrid theme framework.
 * Version: 0.1
 * Author: Kristine Jubeck
 * Author URI: http://freshtilledsoil.com.com
 * Template: hybrid
 */
 
 /* Get base CSS */
@import url('../hybrid/library/css/21px.css');

/* Get plugins CSS */
@import url('../hybrid/library/css/plugins.css');

/* Get drop-downs CSS */
@import url('../hybrid/library/css/drop-downs.css');


body {
background: url(images/bg-body.png);
text-align: center;
font: 13px/1.4em "Century Gothic", Arial, Helvetica, sans-serif;
}
div#body-container {
width: 1024px;
text-align: left;
margin: 0 auto;
position: relative;
}
div#header-container, div#container{
padding: 0 42px;
background: url(images/bg-wrap.png) repeat-y left top;
}
div#container{ 
padding-top: 24px;
z-index: 10;
}

/*-- typography --*/

h1 {
font-weight: bold;
margin-bottom: 1em;
line-height: 1.2em;
}
h2 {
font-weight: bold;
font-size: 16px;
margin-bottom: 1em;
}
h1, h2, h3, h4, h5, h6 {
color: #00529A;
}
a:link, a:visited {
color: #00529A;
text-decoration: underline;
}
a:hover {
color: #3688D0;
}
#navigation a, .sub-nav ul li a {
font-weight: bold;
color: #000;
}
.entry-content ul li, ul.bulleted li, #home #competencies li li {
list-style-image: url(images/bullet.png);
margin-left: -15px;
}
.side-module ul li {
list-style-image: url(images/bullet.png);
margin-left: -3px;
}
.spaced-list li{
list-style-image: url(images/bullet.png);
margin-left: -15px;
margin-bottom: 15px;
}
.wp-caption-text {
font-weight: bold;
font-size: 11px;
text-transform: uppercase;
line-height: 1.2em;
}
.alignright, .alignleft {
margin-bottom: 10px;
}

/*-- header --*/
#site-title {
margin-bottom: 0;
}
#site-title a {
background: url(images/logo.gif) no-repeat;
width: 185px;
height: 107px;
text-indent: -9999px;
display: block;
}
#header {
background: url(images/bg-menu-bottom.gif) no-repeat right 101px;
height: 107px;
padding-top: 20px;
}
#site-description {
display: none;
}
#site-utilities {
position: absolute;
right: 42px;
top: 10px;
font-size: .9em;
width: 350px;
text-align: right;
}
#search-1 {
display: inline;
}
#search-1 input{
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
height: 19px;
padding: 2px;
border: 1px solid #ccc;
margin: 0;
vertical-align: middle;
}
#search-1 input#search-text-1{
font-family: "Century Gothic", Arial, Helvetica, sans-serif;
height: 16px;
padding: 5px 2px 2px 2px;
border: 1px solid #ccc;
}
#site-utilities a {
float: left;
line-height: 25px;
}
#search-1 input#search-submit-1, .sendsubmitbutton, .submitbutton, input[type="submit"]{
width: 60px;
height: 25px;
padding: 0;
border-width: 0;
color: #fff;
background: url(images/btn-search.png);
font-weight: bold;
cursor: pointer;
font-family: Century Gothic;
}

/*-- menus --*/

#navigation {
position: absolute;
top: 71px;
right: 42px;
width: auto;
z-index: 100;
}
#navigation ul.menu li{
padding-left: 10px;
background: url(images/nav-main-left.png) no-repeat left top;
margin-left: 1px;
}
#navigation ul.menu li a {
display: block;
height: 30px;
line-height: 30px;
background: url(images/nav-main-right.png) no-repeat right top;
padding-right: 10px;
text-decoration: none;
color: #fff;
}
#navigation ul.menu ul {
border: 1px solid #e0e0e0;
border-bottom: none;
}
#navigation ul.menu ul li{
background: #E7ECFF;
margin: 0;
padding: 0;
border-bottom: 1px solid #e0e0e0;
}
#navigation ul.menu ul li a {
background: none;
padding: 0 10px;
color: #000;
}
#page-nav ul li:hover ul, #page-nav ul li.sfHover ul {
	top: 31px;
	}
#page-nav ul ul li:hover ul, #page-nav ul ul li.sfHover ul {
	top: 0;
	}
.sub-nav li:hover ul, .sub-nav li.sfHover ul {
	top: -1px;
	left: 218px;
	}

.sub-nav ul {
margin-left: 0;
border-top: 1px solid #e0e0e0;
}
.sub-nav ul li {
list-style-type: none;
background: #E7ECFF;
position: relative;
border: 1px solid #e0e0e0;
border-width: 0 1px 1px 1px;
margin: 0;
padding: 0;
}
.sub-nav ul li ul {
margin: 0;
}
.sub-nav ul li a {
display: block;
padding: 5px 10px;
min-height: 20px;
}
.sub-nav ul li a, .sub-nav ul li a:visited {
text-decoration: none;
}

/*-- hover and current page item states --*/
#navigation ul.menu li.current_page_ancestor, 
#navigation ul.menu li.current_page_parent, 
#navigation ul.menu li.current_page_item,
#navigation ul.menu li:hover {
background-position: left -30px;
}
#navigation ul.menu li.current_page_ancestor a, 
#navigation ul.menu li.current_page_parent a, 
#navigation ul.menu li.current_page_item a,
#navigation ul.menu li a:hover,
#navigation ul.menu li:hover a {
background-position: right -30px;
color: #0052A4;
}
#navigation ul.menu ul li a:hover, 
.sub-nav ul li a:hover,
.sub-nav ul li.current_page_ancestor a,
.sub-nav ul li.current_page_parent a,
.sub-nav ul li.current_page_item a,
.sub-nav ul li.current-cat a,
.blog li.all-news a
{
background-color: #fff;
color: #0052A4;
}
.sub-nav ul li.current_page_ancestor,
.sub-nav ul li.current_page_parent,
.sub-nav ul li.current_page_item,
li.current-cat
{
background-color: #fff;
}
.sub-nav ul li.daddy a, #navigation ul.menu li.daddy a {
background-image: url(images/bg-nav-daddy.gif);
background-repeat: no-repeat;
background-position: 200px center;
padding-right: 20px;
}

/*-- content --*/

div.hfeed {
float: right;
width: 680px;
}
div.hfeed .module {
padding: 25px 0 0 0;
border: none;
}
div.sidebar {
width: 220px;
margin-right: 40px;
float: right;
}
body.page-template-no-widgets div.hfeed {
float:none;
width:100%;
}
body.page-template-no-widgets div.hfeed h1.entry-title {
display: none;
}
div.breadcrumb {
display: none;
}
img.portrait {
margin: 0 14px 14px 0;
float: left;
}

/*-- sidebar --*/
.aside h2, .aside h3 {
background: #0052A4 url(images/aside-header.png) no-repeat left top;
margin: 0;
min-height: 20px;
padding: 5px 10px;
font-size: 13px;
display: block;
color: #fff;
font-weight: bold;
}
.aside h4 {
font-size: 13px;
font-weight: bold;
color: #000;
margin-bottom: 2px;
}
.quote, .side-module  {
border: 1px solid #e0e0e0;
border-width: 0 1px 1px 1px;
background: #E7ECFF;
margin-bottom: 21px;
padding: 10px 10px 0 10px;
}
.quote blockquote {
margin: 0;
padding-bottom: 20px;
background: transparent url(images/rquote.png) no-repeat right bottom;
margin-bottom: 10px;
}
.quote blockquote img.lquote {
float: left;
margin-left: -5px;
margin-right: 5px;
}
.quote cite {
font-style: italic;
font-size: .9em;
}
.side-module ul {
margin-left: 20px
}
.side-module p {
margin-bottom: .5em
}

/*-- module styles --*/

.module {
border: 1px solid #e0e0e0;
background: url(images/gold-bar.png) repeat-x left top;
padding: 20px 10px 10px;
margin-bottom: 20px;
}
/*-- client logos box --*/

#clients ul {
	display:block;
}
#clients ul li {
list-style-type: none;
padding: 0 0 5px;
display: none;
}
#home #clients {
margin-left: 720px;
height: 223px;
text-align: center;
overflow: hidden;
padding-top: 15px;
}
#home #clients h2 {
margin-bottom: 10px;
}
#home #clients ul {
margin: 0;
}

#home #clients li {
	width:200px;
	height:172px;
	position:relative;
	margin:0;
	padding:0;
}
#home #clients li img {
	position:absolute;
	top:50%;
	left:2px;
	display:block;
	margin:-27px 0 0 0;
}
#home #clients li img.first {
	top:0;
	margin:0;
}
#home #clients li img.last {
	top:auto;
	bottom:0;
	margin:0;
}
.page-template-case-studies #clients ul {
overflow: hidden;
height: 55px;
padding: 10px;
border: 1px solid #E1E5E8;
margin-left: 0;
margin-bottom: 40px;
}
.page-template-case-studies #clients li {
padding-top: 10px;
}
.page-template-case-studies #clients li img {
padding: 0 0 0 20px;
}


/*-- footer --*/
#footer-container {
text-align: center;
padding-top: 24px;
background: url(images/bg-footer.png) no-repeat center top;
font-size: 12px;
width: 1024px;
margin: 0 auto;
}
#footer-container li {
display: inline;
padding: 0 20px;
list-style-type: none;
}

/*-- homepage --*/
#home #positioning {
width: 380px;
padding: 15px 300px 0 20px;
background: url(images/home-lead-image.png) no-repeat left top;
float: left;
height: 235px;
color: #fff;
margin-bottom: 20px;
}
#home #positioning h1 {
font-size: 35px;
font-weight: normal;
line-height: 1.2em;
margin-bottom: 18px;
color: #fff;
}
#home #positioning p {
font-size: 16px;
line-height: 140%;
padding-right: 40px;
color: #fff;
}
#home #competencies {
clear: both;
padding-right: 0;
}
#home #competencies ul {
margin: 0;
}
#home #competencies li h3 {
margin-bottom: 10px;
}
#home #competencies li h3 a{
display: block;
background: url(images/competency-header.png);
width: 115px;
height: 40px;
padding: 10px 80px 10px 15px;
font-weight: bold;
color: #fff;
font-size: 18px;
text-decoration: none;
}
#home #competencies li.software h3 a {background: url(images/home-button-ceiba-software.png) no-repeat left top;}
#home #competencies li.app-integration h3 a {background: url(images/home-button-app-integration.png) no-repeat;}
#home #competencies li.software-dev h3 a {background: url(images/home-button-software-dev.png) no-repeat;}
#home #competencies li.managed h3 a {background: url(images/home-button-managed-serv.png) no-repeat;}
#home #competencies li h3 a:hover {
background-position: left -60px;
}

#home #competencies li {
float: left;
width: 210px;
padding: 0 10px;
list-style-type: none;
}
#home #competencies ul ul {
margin-left: 25px;
}
#home #competencies li li {
float: none;
padding: 0;
width: auto;
margin: 5px 0;
}
#home #life-cycle {
float: left;
width: 358px;
text-align: center;
}
/* Old image map
#life-cycle-wrap {
position: relative;
width: 340px;
height: 340px;
background-image: url(images/life-cycle.gif);
}
#life-cycle-wrap a{ 
display: block;
position: absolute;
text-indent: -9999em;
z-index: 100;
}
a#healthcare {top: 2px; left: 100px; width: 133px; height: 51px;}
a#healthcare:hover {background-image: url(images/life-cycle-healthcare.gif);}
a#research {top: 75px; left: 1px; width: 62px; height: 115px;}
a#research:hover {background-image: url(images/life-cycle-research.gif);}
a#commercial {top: 60px; left: 262px; width: 72px; height: 141px;}
a#commercial:hover {background-image: url(images/life-cycle-commercial.gif);}
a#supplychain {top: 236px; left: 190px; width: 118px; height: 97px;}
a#supplychain:hover {background-image: url(images/life-cycle-supplychain.gif);}
a#development {top: 221px; left: 19px; width: 122px; height: 112px;}
a#development:hover {background-image: url(images/life-cycle-development.gif);}
*/

#biodiag, #procdiag {
 width: 349px;
 height: 349px;
 margin: 10px auto; padding: 0;
 position: relative;
}

#biodiag {
 background: url(images/Life-Science-Value-Network.png) no-repeat;	
}
#procdiag {
 background: url(images/PI-Value-Network.png) no-repeat;	
}

#biodiag li, #procdiag li {margin: 0; padding: 0; list-style: none; display: block; position: absolute;}

#biodiag a, #procdiag a {display: block; text-indent: -9999px; text-decoration: none;}


/* Top pic*/
#healthcare {left: 92px; top: 0px; width: 165px; height: 55px;}
#research {left: 0px; top: 54px; width: 73px; height: 159px;}
#development {left: 20px; top: 247px; width: 136px; height: 103px;}
#commercial {left: 276px; top: 53px; width: 74px; height: 158px;}
#supplychain {left: 195px; top: 245px; width: 136px; height: 104px;}
#agiledevelopment {left: 62px; top: 98px; width: 92px; height: 92px;}
#appintegration {left: 198px; top: 98px; width: 91px; height: 93px;}
#managedservices {left: 131px; top: 214px; width: 92px; height: 82px;}
#ceibalifescience {left: 131px; top: 132px; width: 92px; height: 93px;}

#foodbeveragep {left: 70px; top: 0px; width: 265px; height: 89px;}
#metalsp {left: 0px; top: 110px; width: 64px; height: 191px;}
#forestryp {left: 78px; top: 329px; width: 252px; height: 82px;}
#chemicalsp {left: 334px; top: 86px; width: 77px; height: 237px;}
#agiledevelopmentp {left: 73px; top: 115px; width: 108px; height: 108px;}
#appintegrationp {left: 232px; top: 115px; width: 107px; height: 109px;}
#managedservicesp {left: 154px; top: 251px; width: 108px; height: 96px;}
#ceibalifesciencep {left: 154px; top: 155px; width: 108px; height: 109px;}


#healthcare a {height: 55px;}
#research a {height: 159px;}
#development a {height: 103px;}
#commercial a {height: 158px;}
#supplychain a {height: 104px;}
#agiledevelopment a {height: 92px;}
#appintegration a {height: 93px;}
#managedservices a {height: 82px;}
#ceibalifescience a {height: 93px;}

#foodbeveragep a {height: 89px;}
#metalsp a {height: 191px;}
#forestryp a {height: 82px;}
#chemicalsp a {height: 237px;}
#agiledevelopmentp a {height: 108px;}
#appintegrationp a {height: 109px;}
#managedservicesp a {height: 96px;}
#ceibalifesciencep a {height: 109px;}

#healthcare a:hover {background: url(images/Health-Care.png) no-repeat;}
#research a:hover {background: url(images/Research.png) no-repeat;}
#development a:hover {background: url(images/Development.png) no-repeat;}
#commercial a:hover {background: url(images/Commercial.png) no-repeat;}
#supplychain a:hover {background: url(images/Supply-Chain.png) no-repeat;}
#agiledevelopment a:hover {background: url(images/Agile-Development.png) no-repeat;}
#appintegration a:hover {background: url(images/Application-Integration.png) no-repeat;}
#managedservices a:hover {background: url(images/Managed-Services.png) no-repeat;}
#ceibalifescience a:hover {background: url(images/Life-Science-Software.png) no-repeat;}

#foodbeveragep a:hover {background: url(images/Food-and-Beverage.png) no-repeat;}
#metalsp a:hover {background: url(images/Metals.png) no-repeat;}
#forestryp a:hover {background: url(images/Forestry.png) no-repeat;}
#chemicalsp a:hover {background: url(images/Chemicals.png) no-repeat;}
#agiledevelopmentp a:hover {background: url(images/Agile-Development.png) no-repeat;}
#appintegrationp a:hover {background: url(images/Application-Integration.png) no-repeat;}
#managedservicesp a:hover {background: url(images/Managed-Services.png) no-repeat;}
#ceibalifesciencep a:hover {background: url(images/Ceiba-Software.png) no-repeat;}

#home #col {
margin-left: 20px;
float: left;
width: 540px
}
#home #problem-solvers ul {
margin: 0 0 5px 0;
overflow: hidden;
width: 529px;
}
#home #problem-solvers ul li {
list-style-type: none;
float: left;
position: relative;
margin: 0 14px 0 0;
width: 160px;
height: 140px;
overflow: hidden;
}
#home #problem-solvers ul li img.portrait {
display: block;
margin: 0;
}
#home #problem-solvers ul li span.name {
display: block;
position: absolute;
bottom: 0;
left: 0; 
/*background: url(images/bg-transblack85.png);*/
background-color: #222;
color: #fff;
padding: 5px;
width: 150px;
height: 15px;
overflow: hidden;
}
#home #news li {
margin: 5px 0;
}

/*-- blog --*/
div.post{
background: url(images/gold-bar.png) repeat-x left top;
padding-top: 15px;
}
body.blog p.category a{
font-size: 13px;
text-decoration: none;
color: #000;
}
body.blog h2.entry-title{
font-size: 18px;
text-decoration: none;
}

/*-- case studies --*/
.page-template-case-studies .hfeed div.hentry h2 {
background: url(images/gold-bar.png) repeat-x left top;
padding-top: 25px;
margin-top: 20px;
}

/*-- leadership team --*/
.page-43 .entry-content h2 {
clear: both;
}

/*-- partners --*/
.page-51 .hfeed h2 {
background: url(images/gold-bar.png) repeat-x left top;
padding-top: 15px;
margin-top: 20px;
}
/*-----------------------------------------------------------------------------------------------
  Aslett Clearing Method
-----------------------------------------------------------------------------------------------*/

.clearfix:after, #container:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix, #container {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix, * html #container {height: 1%;}
.clearfix, #container {display: block;}
/* End hide from IE-mac */

.img-shadow {
  float:left;
  background: url(images/shadowAlpha.png) no-repeat bottom right !important;
  background: url(images/shadow.gif) no-repeat bottom right;
  margin: 10px 0 0 10px !important;
  margin: 10px 0 0 5px;
  }

.img-shadow img {
  display: block;
  position: relative;
  background-color: #fff;
  /*border: 1px solid #a9a9a9;*/
  margin: -6px 6px 6px -6px;
  padding: 4px;
  }