/*****Clearfix Hack*****/
.clearfix:after { visibility: hidden; display: block; font-size: 0; content: " "; clear: both; height: 0; }
.clearfix { display: inline-block; }

/* start commented backslash hack \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* stop commented backslash hack */

/*****Body Styles*****/
body { background: #FFFFFF url(../images/bg-body.gif) top center no-repeat; color: #666666; font: 62.5%/160% Helvetica, Arial, sans-serif; -webkit-text-size-adjust: none; }

.clear-both {
	clear: both;
}

/*****Text, Lists & Links*****/
h1, h2, h3, h4 { color: #F78F13; font-weight: normal; line-height: 140%; margin: 0 0 5px; }
h1 { font-size: 24px; margin: 0 0 20px; }
h2 { font-size: 20px; }
h3 { font-size: 18px; width:auto; }
h4 { font-size: 16px; }

p { font-size: 14px; line-height: 175%; margin: 0 0 20px; }
ul, ol { margin: 0 20px 15px; }
ul li, ol li { font-size: 14px; line-height: 140%; margin: 0 10px 5px; }
ul li { list-style: square; }

.text-right { text-align: right; }
.text-left { text-align: left; }
.text-center { text-align: center; }

h1 a, h2 a, h3 a, h4 a { text-decoration: none; }
a, a:visited, a:active { color: #F78F13; }
a:hover { text-decoration: none; }
a img, img { border: none; vertical-align: bottom; }

#main { margin: 0 auto; width: 980px; }

aside.section, section.section { border-bottom: 1px solid #CCCCCC; margin: 0 0 30px; padding: 0 0 10px; }

#searchForm { float: right; margin: 17px 0 0 10px; }
#searchForm label, #searchForm legend, #knowledgeSearch label, #knowledgeSearch legend { display: none; }
#searchForm p, #knowledgeSearch { margin: 0px; padding: 0; }
#searchForm input, #knowledgeSearh input { border: 1px solid #cccccc; color: #666666; margin: 0 0 0 2px; padding: 6px; }
#searchForm #searchSubmit, #knowledgeSearch, #knowledgeSearchSubmit { padding: 5px; }

section#top-controls ul { float: right; height: 30px; margin: 17px 0 0; padding: 0; }
section#top-controls ul li { float: left; height: 30px; line-height: 30px; list-style: none; margin: 0 0 0 15px; padding: 0; }
section#top-controls ul li a { font-size: 12px; text-decoration: none; }
section#top-controls ul li a:hover { text-decoration: underline; }

header { clear: both; margin: 0 0 0px; }
header h1 { background: url(../images/bic-innovation.gif) no-repeat; float: left; height: 140px; margin: 0 0 52px 40px; overflow: hidden; outline: none; text-indent: -9999px; width: 220px; }
header h1 a { display: block; height: 140px; width: 220px; }
header h2 { background: url(../images/believe-in-change.gif) no-repeat; display: block; float: right; height: 86px; margin: 37px 40px 40px 0; overflow: hidden; outline: none; text-indent: -9999px; width: 155px; }

header nav { clear: both; }
header nav ol { height: 50px; margin: 0 0 30px; padding: 0; }
header nav ol li { float: left; font-size: 17px; list-style: none; margin: 0 70px 0 0; padding: 0; width: auto; }
header nav ol li a, header nav ol li a:visited, header nav ol li a:active { background: url(../images/bg-nav.gif) 0 0 no-repeat; color: #CCCCCC; display: block; height: 45px; line-height: 45px; padding: 5px 0 0 32px; text-decoration: none; font-weight: lighter; }
header nav ol li.active a, header nav ol li a:hover { background: url(../images/bg-nav.gif) 0 -50px no-repeat; color: #F78F13; text-decoration: none; }

section#section-two section.section-left { float: left; width: 460px; }
section#section-two section.section-right { float: right; width: 460px; }
section#section-two section blockquote { background: url(../images/bg-blockquote-wide.gif) no-repeat; margin: 0 0 20px; padding: 0 65px; }
section#section-two section blockquote p { color: #F78F13; font-size: 20px; margin: 0; text-align: center; }
section#section-two section figure { margin: 0 0 20px; }

section#section-three nav { border-bottom: 5px solid #F78F13; border-top: 5px solid #F78F13; float: left; margin: 0 40px 0 0; padding: 30px 0 0; width: 240px; }
section#section-three nav.no-border { border: 0px !important; }
section#section-three nav ol { margin: 0 0 30px; padding: 0; }
section#section-three nav ol li { font-size: 18px; list-style: none; margin: 0 20px 0 0; padding: 0; width: 225px; overflow: hidden; }
section#section-three nav ol li a, section#section-three nav ol li a:visited, section#section-three nav ol li a:active { background: url(../images/bg-nav.gif) 0 -5px no-repeat; color: #999999; display: block; height: 35px; line-height: 35px; padding: 5px 0 0 32px; text-decoration: none; font-weight: lighter; }
section#section-three nav ol li.active a, section#section-three nav ol li a:hover { background: url(../images/bg-nav.gif) 0 -55px no-repeat; color: #F78F13; text-decoration: none; }

section#section-three section { float: left; width: 400px; }

p.article-archived { background: #FFF7E5; border: 1px dashed #F78F13; color: #F78F13; padding: 12px 15px 9px; }

section#section-three aside { float: right; width: 255px; }
section#section-three aside blockquote { background: url(../images/bg-blockquote-small.gif) no-repeat; margin: 0 0 20px; padding: 0 35px; }
section#section-three aside blockquote p { color: #F78F13; font-size: 18px; margin: 0; text-align: center; }
section#section-three aside figure { margin: 0 0 20px; }

section#flash-holder { border-bottom: 1px solid #CCCCCC; border-top: 1px solid #CCCCCC; padding: 0; width: 980px; }
section#flash-holder figure { float: left; margin: 40px 40px; }
section#flash-holder section { float: right; margin: 60px 0 15px; width: 550px; }

section#mini-sites section { float: left; margin: 0 40px 20px 0; width: 470px; }
section#mini-sites section.last { margin: 0; }

section#latest-items article { border-bottom: 1px solid #CCCCCC; border-top: 5px solid #F78F13; float: left; margin: 0 40px 20px 0; width: 300px; padding: 10px 0; width: 300px; }
section#latest-items article.last { margin: 0 0 20px; }
section#latest-items h1 { font-size: 22px; margin: 0; }
section#latest-items p { color: #666666; margin: 0 ; }
section#latest-items p strong { color: #999999; }
section#latest-items p time { font-weight: bold; }
section#latest-items figure { margin: 10px 0 0; }
section#latest-items a { text-decoration: none; }

section#contact-items article { border-bottom: 1px solid #CCCCCC; border-top: 5px solid #F78F13; float: left; margin: 0 40px 20px 0; width: 300px; padding: 10px 0; width: 300px; }
/**section#contact-items article.last { margin: 0 0 20px; }*/
section#contact-items h1 { font-size: 22px; margin: 0; }
section#contact-items p { color: #666666; margin: 0 0 20px; }
section#contact-items p.address-line1 { height: 150px; }
section#contact-items p.address-line2 { height: 75px; }
section#contact-items p strong { color: #999999; }
section#contact-items p time { font-weight: bold; }
section#contact-items figure { margin: 10px 0 0; }
section#contact-items a { text-decoration: none; }
section#contact-items .map-container, section#contact-items .map-container div { width: 300px; }

section#contact-items article.last { margin-right: 0px !important; }

section#case-study { padding: 0 0 30px; }
section#case-study a { border: 1px solid #CCCCCC; color: #666666; display: block; height: 150px; margin: 0; padding: 0 25px 0 0; text-decoration: none; }
section#case-study a figure, section#case-study div figure { background: url(../images/bg-figure.gif) right 50% no-repeat; float: left; margin: 0 25px 0 0; padding: 0 80px 0 0; width: 420px; }
section#case-study blockquote { padding: 30px 0 0; }
section#case-study blockquote p { margin: 0; }
section#case-study blockquote p cite { color: #F78F13; font-style: normal; font-weight: bold; }

aside#signup-items section { float: left; margin: 0 40px 0 0; width: 300px; }
aside#signup-items section.last { margin: 0; }
aside#signup-items h1 { font-size: 20px; font-weight: bold; margin: 0 0 5px; }

aside#signup-items p.logged-in { background: #FFF7E5; border: 1px dashed #F78F13; color: #F78F13; padding: 12px 15px 9px; }

aside#signup-items p { margin: 0 0 15px; }
aside#signup-items form, #passwordResetForm { margin: 0 0 20px; }
aside#signup-items form label, aside#signup-items form legend, #passwordResetForm label, #passwordResetForm legend { display: none; }
aside#signup-items form p, #passwordResetForm p { margin: 0 0 5px; }
aside#signup-items form input, #passwordResetForm input { border: 1px solid #cccccc; color: #666666; margin: 0; padding: 8px; width: 278px; }

aside#signup-items form #id_email, aside#signup-items form #id_password { margin: 0 2px 0 0; width: 207px; }
aside#signup-items form #id_login_submit, aside#signup-items form #id_signup_submit, #passwordResetForm #id_password_reset_submit { width: 65px; padding: 7px 2px; }



#fileLogin { margin: 0 0 20px; }
#fileLogin label, #fileLogin legend { display: none; }
#fileLogin p { margin: 0 0 5px; text-align: center; }
#fileLogin input { border: 1px solid #cccccc; color: #666666; margin: 0; padding: 8px; width: 188px; }

#fileLogin #id_email { margin: 0 2px 0 0; width: 207px; }
#fileLogin #article-submit{ width: 65px; padding: 7px 2px; }
#fileLogin #file-name { width: 258px; }

footer { padding: 0 0 30px; }
footer p { color: #666666; font-size: 12px; margin: 0; }
footer a, footer a:visited, footer a:active { color: #666666; }

@media screen and (max-device-width: 480px){
    div { padding: 0 20px; }
}

div.item { width: auto; }

.image-button { border: 0px; }

p.error { color: red; margin: 6px; }

.map-container { margin: 0; height: 300px; padding: 0px; width: 300px; }
.map-container div { height: 300px; width: 300px; }

ul.programmes li {
    margin-top: 20px;
    margin-left: 55px;
}

#language-bar {
    float: left;
    background-color: #F78F13;
    padding: 12px 8px 8px 8px;
    width: 200px auto;
    height: auto;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}

#language-bar a, #language-bar a:link, #language-bar a:visited {
    margin-right: 4px;
    -moz-border-radius: 0px 0px 8px 8px;
    border-radius: 0px 0px 8px 8px;
}

#language-bar a.last, #language-bar a.last:link, #language-bar a.last:visited {
    margin-right: 0px !important;
}

#section-three nav {
    margin-right: 20px !important;
}

#section-three nav a {
    font-size: 92% !important;
}

section#section-three.offer nav {
    width: 300px !important;
}

section#section-three.offer nav li {
    width: 300px !important;
}

section#section-three.offer section {
    width: 340px !important;
}

section#section-three.offer aside {
    width: 255px !important;
}

#loginForm label {
    display: block !important;
}

#signupForm label {
    display: block !important;
}

#carousel-container {
	border-top: 5px solid #f78f13;
	/**border-bottom: 5px solid #f78f13;*/
	padding: 7px 0px 7px 0px;
	margin: 7px 0px 5px 0px;
}

#carousel-left, #carousel, #carousel-right {
	float: left;
	height: 150px;
	min-height: 150px;
	max-height: 150px;
}

#carousel-left, #carousel-right {
	width: 328px;
	min-width: 328px;
	max-width: 328px;
}

#carousel, #carousel-right {
    float: right;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    #carousel-left {
        float: none;
        width: auto !important;
        min-width: auto !important;
        max-width: auto !important;
    }
    #carousel {
        float: right;
        margin-right: -70px;
    }
    #carousel-right {
        float: right;
    }
}

#carousel-right {
    text-align: right;
}

#carousel {
	width: 280px;
	min-width: 280px;
	max-width: 280px;
}

#carousel .carousel-inner .item a img, #carousel .carousel-inner .item img {
    width: 280px;
}

#carousel, #carousel-right {
	border-left: 12px solid #ffffff;
}

#carousel {
	margin-bottom: 0px;
}

.carousel-caption {
	/**background: none repeat scroll 0 0 rgba(0, 0, 0, 0.18) !important;*/
	border-top: 3px solid #d6d6d6;
	border-bottom: 3px solid #d6d6d6;
	background-color: transparent !important;
	padding-top: 14px !important;
	padding-bottom: 12px !important;
	text-align: center;
	position: relative !important;
}

.carousel-caption h4 {
	font-size: 18px !important;
	color: #848484 !important;
}

.carousel-control {
	margin-top: -70px !important;
	background-color: transparent !important;
	opacity: 0.8 !important;
	color: #666666 !important;
	border: 0px !important;
	text-decoration: none !important;
	border-radius: 0px !important;
	padding-top: 10px;
	padding-bottom: 10px;
}

.carousel-control:hover {
	opacity: 1.0 !important;
}

.carousel-control.right {
	right: 0px !important;
}


.carousel-control.left {
	left: 0px !important;
}

@media only screen 
and (min-device-width : 320px) 
and (max-device-width : 568px) 
and (orientation : portrait) {
    .carousel-control.right, .carousel-control.left {
        display: none !important;
    }
}

section.large-content-area {
	width: 700px !important;
}

ul.sitemap-listing {
    margin-left:0;
}
ul.sitemap-listing li {
    list-style:none;
    padding-left:0;
    margin-left:0;
}

.carousel-caption { padding: 6px !important; }
.carousel-caption h4 { margin-bottom: 0px; font-size: 16px !important; }