/*
=========================================================
	Creatiev and Carousel
=========================================================
*/


#ou-site-header .creative
{
	width: 100%;
}
.box.viewcarousel
{
	background-color:#ffffff;
}
div.box.viewcarousel ul {
    padding: 0;
}
/*
=========================================================
	Case Studies
=========================================================
*/
div.feature-block.case-studies {
	border: 0 none #DDD;
	border-bottom: 0 none #DDD;
	border-top: 1px solid #DDD;
	padding: 0 1em;
	margin: 1em 0;
	-webkit-border-radius: 0;
	-moz-border-radius: 0;
	border-radius: 0;
	border-color: #E5E5E5 #D1D1D1 #CCC #E5E5E5;
	-moz-box-shadow: 0 0 0 0 #EEE;
	-webkit-box-shadow: 0 0 0 0 #EEE;
	box-shadow: 0 #EEE;
}

/*
=========================================================
	Feature block, img, Quotes, box overrides
=========================================================
*/
div.feature-block{
	padding-bottom: 1em;
	}

.feature-block div.go1, .feature-block div.go2, .feature-block div.go3 {
	width: auto; 
	padding:0; 
	border: 0 none #C2DCE8; 
	background-color: transparent;
	}
	
.feature-block img {
	margin-top: 1em;
	}

img.border {
    border: 1px solid #ADD0E1;
    margin-bottom: 1em;
    padding: 0.5em;
}

.feature-block img {
    -moz-border-bottom-colors: none;
    -moz-border-image: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background: none repeat scroll 0 0 #FFFFFF;
    border-color: #DDDDDD #BBBBBB #BBBBBB #DDDDDD;
    border-style: solid;
    border-width: 1px;
    margin-bottom: 0.7em;
    padding: 4px;
}
.hsPullQuoteRightOut {
	margin: 0.3em 0 0.3em 1.5em;
}
div.box ul, div.box ol {
    padding: 0 0 0 0;
}
div.box div.item-list
{
	padding-bottom:1em;
}

body.neutral div#region2 div.context-nav {
	background: none no-repeat scroll 0 top #ddd !important;
}
div#region1 div.box.ou-orange, div#region2 div.box.ou-orange, div#region2 div.box.aggregator
{
	background: url("../images/boxshade4.png") repeat-x scroll 0 top #faf2ed; /*#fadecc*/
	color: #ffffff;	
}

.agg-title
{
	color: #000000;
	font-weight:bolder;
}
ul.news li {
	padding: 0 0 1em 1em;
}

iframe.map
{
	width: 580px;
	height:520px;
	padding-top:1ex;
	padding-bottom:1ex;
	padding-right:1ex;
	padding-left:1ex;
}
.hsVideo embed, .hsAudio embed {
	max-width: 588px;
}

.view-case-studies{margin-top:1em;}

/*
=========================================================
	Header
=========================================================
*/
div#ou-site-ident {
    -moz-background-inline-policy: continuous;
    background: url("../images/header-boxshade.png") repeat-x scroll center top #f06e21;
    border-radius: 10px 10px 0 0;
	-moz-border-radius: 10px 10px 0 0;
    margin-bottom: 0;
    min-height: 12em;
	}
	
div#ou-site-header #ou-site-title {
    color: #f58220;
    font-size: 4em;
    margin: 0;
    padding: 1em 200px 0.5em 1em;
	}
	
div#ou-site-header #ou-site-description {
    color: #FFFFFF;
    font-size: 1.8em;
    margin: 0;
    padding: 0 200px 0 2.2em;
	}
	
#logo {
	float: right; 
	margin-left:1em;
	}

#main-menu {
	margin: 0 0 0 0;
	padding: 0 0 0 .5em;
	background-image: url(constant-shade.png);
	background-position: center bottom;
	background-repeat: repeat-x;
	background-color:#CFCFCF;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	-webkit-border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 0;
	-moz-border-radius-topright: 0;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	border-top-left-radius: 0;
	border-top-right-radius: 0;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	overflow: hidden;
	}

#main-menu li a {
	background-color: #eee;
	display: inline-block;
	margin: 0.5em 0 0;
	padding: 0.5em;
	text-decoration: none;
	outline: none;	
	background-position: bottom left;
	background-repeat: repeat-x;
	color: #143748;
	border: 1px solid #ddd;
	-webkit-border-radius: 5px;	
	border-top-left-radius: 5px;
	border-top-right-radius: 5px;
	border-bottom-right-radius: 0;
	border-bottom-left-radius: 0;
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-moz-border-radius-bottomright: 0;
	-moz-border-radius-bottomleft: 0;
	}

#main-menu li a:hover{
	background-color: #fff;
	}

#main-menu li .ou-selected{
	background-color:#fff;
	border-bottom-color:#fff;
	}


user agent stylesheetli {
	display: list-item;
	text-align: -webkit-match-parent;
	}	

#ou-page {
	border: 1px solid #CFCFCF!important;;
	border-top:none!important;
	border-top-left-radius: 0px!important;
	border-top-right-radius: 0px!important;
	}

h1 {	
	color: #000;	
	}

.aggregator {	
	background: url(/africa/heat/sites/all/themes/heat/images/boxshade4.png) repeat-x scroll 0 top #faf2ed;
	color: #ffffff;
}

#ou-region1 ul.menu {display:none;}

.hsPullQuoteOut {
	float: right;
	margin-left:10px;
	}
	
#original_size{	
	width:397px;
	height:270px;
	}	
	
ul a.linkitems {
	
color:#C60!important;
	}



/*Region 2 menu style*/
	
div.context-nav{	
	background-color: #DDDDDD;
	border: 1px solid #ddd;
	margin: 1em 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	-moz-box-shadow: 0 3px 3px #eee;
	-webkit-box-shadow: 0 3px 3px #eee;
	box-shadow: 0 3px 3px #eee;
	}	

div.context-nav h2 {
	color: #143748;
	margin-left:10px;
	background-position: center bottom;
	background-repeat: repeat-x;
	font-size: 1.6em;
	
	}

div.context-nav ul {
	padding: 0 0.5em 0 0.5em;
	}
	
div.context-nav li.leaf {
	list-style:none!important;
	text-align: -webkit-match-parent;
	margin: 0;
	padding: 0;	
	}	


div.context-nav li a{
	display: block!important;
	text-decoration: none;
	/*background-image: url(boxShade.png);*/
	background-color: #eee;
	padding: 0.5em;	
	background-repeat: repeat-x;
	background-position: bottom left;
	border: 1px solid #DDDDDD;
	border-bottom: none;
	}
	
div.context-nav li a:hover{
	display: block!important;
	text-decoration: none;
	color:#000;
	background-color: #fff;
	padding: 0.5em;
	background-image: url(context-nav-shade.png);
	background-repeat: repeat-x;
	background-position: bottom left;
	border: 1px solid #DDDDDD;
	border-bottom: none;
	}	
	

	
#galleryimage, #contactusimage{
	border: 1px solid #ADD0E1;
	margin-bottom: 1em;
	padding: 0.5em;
	float: left;
	margin-right: 1em;
}
	}
	
div.blocktext {
	display:block;
	}
	
h1 {
display: block;
font-size: 2em;
-webkit-margin-before: 0.67em;
-webkit-margin-after: 0.67em;
-webkit-margin-start: 0px;
-webkit-margin-end: 0px;
font-weight: bold;
margin-bottom: .5em;
}

h3 {
	margin-top:50px;
	}

div.jcarousel-skin-default{
	/*width:574px!important;*/
	height:384px!important;
	width: 585px !important;

	}
	
.jcarousel-container-horizontal{
	/*width:574px!important;*/
	height:384px!important;
	padding:0!important;
	}
.jcarousel-skin-default .jcarousel-container-horizontal{
	width: 595px !important;
	padding-left: 20px !important;

}
	
.jcarousel-clip-horizontal{
	width: 525px !Important;
}


.jcarousel-item{
	/*width:574px!important;
	height:384px!important;*/
	}
div.grid {
	width: 100%;
	height: auto;
	clear: both;
	margin: 0;
	padding: 0;
	}

div {
	display: block;
	}


div.grid:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}

div.c1of2, div.c2of2 {
	width: 48%;
	}

div.c1of2, div.c1of3, div.c2of3 {
	float: left;
	}

div.c1of2, div.c2of2 {
	width: 48%;
	}

div.c2of2, div.c3of3 {
	float: right;
	}
	
div#region1 div.box.ou-orange, div#region2 div.box.ou-orange, div#region2 div.box.aggregator {	
	color: #ffffff;
	}
div.box {
	border: 1px solid #B35704;
	padding: 1em 0 0 1em;
	margin: 1em 0;
	-webkit-border-radius: 6px;
	-moz-border-radius: 6px;
	border-radius: 6px;
	/*-moz-border-color: #E5E5E5 #D1D1D1 #CCCCCC #E5E5E5!important;
	-moz-box-shadow: 0 3px 3px #eee;
	-webkit-box-shadow: 0 3px 3px #eee;*/
	background: url("boxshade4.png") repeat-x scroll 0 top #faf2ed!important;
	background-position:center;
	}	


	
a.action span.title {
	font-family: "Myriad Pro", Calibri, Tahoma, "Lucida Grande", Arial, Helvetica, sans-serif;	
	}	

div.box h1, a.action span.title {
	font-size: 1.6em;
	}
	
div {
display: block;
}	



div.ou-orange a.action {
	display:block;
	background-repeat: no-repeat !important;
	text-decoration:none;
	background-position:center right!important;
	width: 89%;
	background: url("arrow-off-orange.gif");
	padding: 0 0 0 0!important;
}
}	
/*
@-moz-document url-prefix(){
	div.ou-orange a.action {margin-top:15px;}
	}
*/


a.action:hover {
	background-position:center right!important;
	}

div.ou-orange{	
	height:33px;
	}
	
#ou-region2 .views-row {
	margin-top:5px;
	display:block;
	}	
	

div.view-feedcarousel-2  li span: first-child{
   display: none;
}
div.view-feedcarousel-2  li span:views-field-title{
   display: block;
}
div.view-feedcarousel-2  li {
	width: 220px !Important;
	height: 205px !Important;
	border: none !Important;
	padding-bottom: 15px !Important;
}

div.view-feedcarousel-2 {
	height: 535px !important;
}

div.view-feedcarousel-2 .jcarousel-clip-vertical{
	height: 420px;
	width: 260px;
	padding-top: 40px !important;

}
div.view-feedcarousel-2 .jcarousel-container-vertical{
	height: 430px;
	width: 260px;
	margin: 0px;
	padding: 0px;

}

/* NEW CAROUSEL STYLES */
 .jcarousel-clip-horizontal ul li{
	height: 289px !Important;

}
 .jcarousel-clip-horizontal{
	height: 289px !Important;

}

div.view-feedcarousel-2 .jcarousel-clip-vertical{
	height: 450px;
	width: 260px;
}
div.view-feedcarousel-2 .jcarousel-item-vertical{
	background-color:  #faf2ed !important;

}
div.view-feedcarousel-2 .jcarousel-list-vertical li{
	/!border-bottom:  #ef8e1d solid 2px !important;*/
	margin-bottom: 0px !Important;
	clear: both;
	margin-bottom: 8px !Important;
}	
div.view-feedcarousel-2 .jcarousel-list-vertical li .views-field-title {
	width: 210px;
	text-align: left;
	background:  #faf2ed !important;
	padding: 8px !important;

}
div.view-feedcarousel-2 .jcarousel-container-vertical {
    padding-left: 8px;
}

div.view-feedcarousel-2 .jcarousel-item-vertical {
    margin-bottom: 15px !Important;
    height: 70px;
}


/**
 *  Horizontal Buttons
 */

.jcarousel-next-horizontal,
.jcarousel-next-horizontal:hover,
.jcarousel-next-horizontal:active {
    height: 32px;
    cursor: pointer;
    background: #FFFFFF url(../images/IDO_arrow_next_horizontal.png) no-repeat 50% 50%  !important;
    position: relative !Important;
    left: 527px !important;
    top: -188px !important;;
    width: 25px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


.jcarousel-prev-horizontal,
.jcarousel-prev-horizontal:hover,
.jcarousel-prev-horizontal:active {
    cursor: default;
    position: relative !important;
    left: -26px !important;
    top: -160px !Important;
    height: 32px;
    cursor: pointer;
    width: 25px !important;
    background: #FFFFFF url(../images/IDO_arrow_prev_horizontal.png) no-repeat 50% 50% !important;

}



.jcarousel-next-disabled-horizontal,
.jcarousel-next-disabled-horizontal:hover,
.jcarousel-next-disabled-horizontal:active {
    height: 32px;
    cursor: pointer;
    background: #FFFFFF url(../images/IDO_arrow_next_horizontal.png) no-repeat 50% 50%  !important;
    display: block !important;
    position: relative !Important; 
    left: 527px !important;
    top: -188px;
    width: 25px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


.jcarousel-prev-disabled-horizontal,
.jcarousel-prev-disabled-horizontal:hover,
.jcarousel-prev-disabled-horizontal:active {
    cursor: default;
    position: relative !important;
    left: -26px !important;
    top: -160px;
    height: 32px;
    cursor: pointer;
    background: #FFFFFF url(../images/IDO_arrow_prev_horizontal.png) no-repeat 50% 50%  !important;
    width: 223px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    display: block !important;
}





/**
 *  Vertical Buttons
 */

div.view-feedcarousel-2 .jcarousel-next-vertical,
div.view-feedcarousel-2 .jcarousel-next-vertical:hover,
div.view-feedcarousel-2 .jcarousel-next-vertical:active {
    height: 32px;
    cursor: pointer;
    background: #faf2ed url(../images/IDO_arrow_down1.png) no-repeat 50% 50%;
    display: block !important;
    position: relative !Important;
    width: 223px !important;
    left: 0px !important;
    top: -40px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


div.view-feedcarousel-2 .jcarousel-prev-vertical,
div.view-feedcarousel-2 .jcarousel-prev-vertical:hover,
div.view-feedcarousel-2 .jcarousel-prev-vertical:active {
    cursor: default;
    position: relative !important;
    top: -490px !important;
    left: 0px !important;
    width: 100% !important;
    height: 32px;
    cursor: pointer;
    background: #faf2ed url(../images/IDO_arrow_up1.png) no-repeat 50% 50%;
    width: 223px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}



div.view-feedcarousel-2 .jcarousel-next-disabled-vertical,
div.view-feedcarousel-2 .jcarousel-next-disabled-vertical:hover,
div.view-feedcarousel-2 .jcarousel-next-disabled-vertical:active {
    height: 32px;
    cursor: pointer;
    background: #faf2ed url(../images/IDO_arrow_down1_inactive.png) no-repeat 50% 50%;
    display: block !important;
    width: 223px !important;
    position: relative !Important; 
    top: -40px;
    left: 0px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
}


div.view-feedcarousel-2 .jcarousel-prev-disabled-vertical,
div.view-feedcarousel-2 .jcarousel-prev-disabled-vertical:hover,
div.view-feedcarousel-2 .jcarousel-prev-disabled-vertical:active {
    cursor: default;
    position: relative !important;
    left: 0px !important;
    top: -490px !important;
    height: 32px;
    cursor: pointer;
    background: #faf2ed url(../images/IDO_arrow_up1_inactive.png) no-repeat 50% 50%;
    width: 223px !important;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    -khtml-border-radius: 5px;
    border-radius: 5px;
    display: block !important;
}


div.view-feedcarousel-2 .jcarousel-list-vertical li span.views-field-title{
	display: block !Important;
}
.region-region2 .ou-box{
	background: url('../images/boxshade4.png') repeat-x scroll 0 top #faf2ed;
}

ol.ou-ancestors li{
	padding-top: 0px !Important;
	padding-bottom: 0px !important;
	background-position: 100% 20%;
}
ol.ou-ancestors li:first-child{
	padding-left: 0px !Important;

}
.view-case-studies h3{
	margin-top: 30px !Important;
}
.view-case-studies .views-row-1 h3:first-child{
	margin-top: 0px !Important;
}
.view-case-studies{
	margin-top: 0px !important;
}	
.ou-expanded a{
	background-color: #FFFFFF !Important;
}
.field-name-field-hero-image img{
	height: auto !!important;
	width: 100% !important;
}
ol.ou-ancestors {
	padding: 0.5em !important;
}
.node-unpublished{
	background-color: #FFFFFF;
}
div.ou-context-nav, div.ou-context-nav h2{
	background: none !Important;
	background-color: #DDDDDD !Important;
}
.removeBox #ou-region1 .ou-box{
	border: none;
	
}