body {

  background-image: url(../images/kfcbg.png);

  background-repeat: repeat-x;

  background-position: 0px 0px;

  margin: 0px;

  padding: 0px;

  font-family: Tahoma;

}



.container {

  height: auto;

  width: 1250px;

  margin-top: 0px;

  margin-right: auto;

  margin-left: auto;

}



#top {
  height: 600px;
  width: 100%;
  overflow: hidden;
  z-index: 10;
  position: relative;
}

#menulogo {

  height: 212px;

  width: 100%;

  background-image: url(../images/menubg.png);

  background-repeat: repeat-x;

  background-position: top;

  clear: both;

}

#logo {

  height: 212px;

  width: 290px;

  float: left;

  margin-left: 80px;

}

#menu {

  height: 55px;

  float: right;

  color: #FFF;

  padding-right: 90px;

  padding-top: 35px;

  text-transform: uppercase;

}

#menu ul.menu{

  list-style: none;

}

#menu ul.menu li{

  float: left;

  margin-left: 17px;

}

#menu ul.menu li a{

  text-decoration: none;

  color: #FFF;

  font-weight: bold;

  font-size: 16px;

  font-family: Calibri;

}

#menu ul.menu li a:hover{

  color: #FFF;

  background-color: #C00;

}

#menu ul.menu li.active a{

  color: #F00;

}

#menu .dropdown-menu{

  margin-top: 10px !important;

  background-color: #000;

}

#menu ul.dropdown-menu li{

  margin-left: 0px;

  width: 100%;

}

#menu ul.dropdown-menu li a{

  padding-top: 5px;

  height: 25px;

}

#menu ul.dropdown-menu li a:hover{

  color: #FFF;

}

#banner {

  height: 317px;

  width: 100%;

  text-align: center;

  vertical-align: middle;

  clear: both;

  padding-top: 100px;

}

#welcome {

  color: #FFF;

  background-color: #036711;

  text-align: center;

  min-height: 295px;

  width: 100%;

  overflow: hidden;

}

#welcome h1, #objectives_mandates h4{

  font-family: 'Oswald', sans-serif;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 72px;

  line-height: 150%;

  color: #000;

  padding-top: 30px;

  padding-bottom: 10px;

  letter-spacing: 3px;

}

#welcome h1 span.red{

  color: #F00;

}

#welcome div.newsflash p{

  width: 70%;

  margin-left: auto;

  margin-right: auto;

}

#welcome a.readmore{

  color: #F00;

  text-decoration: none;

  display: block;

  padding-top: 10px;

  overflow: hidden;

}

#values_standards {

  min-height: 546px;

  background-image: url(../images/standardsbg.png);

  background-repeat: repeat-x;

  background-position: bottom;

}

.thirdwidth {

  float: left;

  height: 470px;

  width: 22%;

  padding-left: 5%;

  padding-top: 60px;

}

#values_standards .thirdwidth img{

  margin-left: 80px;

  margin-bottom: 20px;

}

#values_standards .thirdwidth h2{

  width: 100%;

  text-transform: uppercase;

  text-align: center;

  padding-bottom: 20px;

  margin-bottom: 20px;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #000;

  font-size: 26px;

}

#objectives_mandates {

  background-image: url(../images/objectives_mandate_bg.png);

  background-repeat: repeat-x;

  min-height: 671px;

  color: #FFF;

  font-size: 18px;

  line-height: 30px;

  text-align: center;

  background-position: bottom;

  overflow: hidden;

}

#objectives {

  background-image: url(../images/objectives.jpg);

  background-repeat: no-repeat;

  float: left;

  height: 488px;

  width: 502px;

  margin-top: 80px;

  margin-right: 30px;

  margin-left: 80px;

  padding-right: 35px;

  padding-left: 35px;

}

#mandates {

  float: left;

  height: 488px;

  width: 503px;

  background-image: url(../images/mandates.jpg);

  background-repeat: no-repeat;

  margin-top: 80px;

  padding-right: 35px;

  padding-left: 35px;

}

#objectives_mandates h4{

  color:#FFFFFF;

  font-size: 60px;

  margin-left: auto;

  margin-right: auto;

  line-height: 70px;

  text-shadow: 0px 2px 6px #000000;

}

#objectives_mandates a{

  color: #CCC;

  text-decoration: none;

}

#objectives_mandates a:hover{

  color: #0F0;

}

#filmcatalogue {

  height: 940px;

  width: 100%;

}

#contactus {

  background-image: url(../images/contactusbg.jpg);

  min-height: 700px;

  width: 100%;

  color: #FFF;

  background-repeat: repeat-x;

  background-size:100% 100%;

  padding-bottom: 20px;

  overflow: hidden;

}

#contactus h1{

  width: 100%;

  clear: both;

  display: block;

  height: 100px;

  text-align: center;

  font-family: 'Oswald', sans-serif;

  text-transform: uppercase;

  font-weight: 600;

  font-size: 60px;

  line-height: 70px;

  text-shadow: 0px 2px 6px #000000;

  letter-spacing: 3px;

  padding-top: 30px;

}

#cform {

  float: left;

  width: 55%;

  margin-left: 40px;

}

#contactinfo{
  height: auto;
  width: 19%;
  float: right;
  margin-right: 150px;
  padding-right: 3%;
  padding-left: 3%;
  background-image: url(../images/contactbg.png);
  background-repeat: repeat;
  padding-bottom: 3%;
  display: table;
}

#contactinfo a{

  text-decoration: none;

  color: #0C0;

}

#contactinfo div.newsflash{

  padding-top: 40px;

}

#contactinfo p{

  color: white;

}

#innercontent{

  width: 100%;

  height: auto;

  clear: both;

  display: table;

  margin-top: -95px;

  margin-bottom: 10px;

  color: #333;

  background-image: url(../images/menubg.png);

  background-repeat: repeat-x;

  background-position: top;

  padding-bottom: 20px;

}

#innerleft {

  float: left;

  width: 55%;

  margin-left: 20px;

  padding-left: 5%;

  padding-right: 4%;

  border-right-width: 1px;

  border-right-style: solid;

  border-right-color: #CCC;

}

#innerleft p, #innerleft li{
  line-height: 30px;  
}

#innerleft ul.dropdown-menu{

  float: right;

}

#innerleft .page-header{

  display: table;

  margin-left: 0px;

  position: relative;

  top: 0px;

  left: -50px;

}

#innerleft .page-header h2, #fd .eb-brand h1.eb-brand-name, #fd .eb-brand h2.eb-brand-name, #innerleft h2.pageheader{
  font-family: 'Oswald', sans-serif;
  text-transform: uppercase;
  text-align: left;
  color: #FFF;
  font-size: 45px;
  text-shadow: 0px 2px 6px #000000;
  padding-top: 10px;
  margin-top: 20px;
  margin-bottom: 20px;
}

#innerleft .item-page ul{

  margin-left: 30px;

}

#innerleft h1, #innerleft h2, #innerleft h3, #innerleft h4, #innerleft h5, #innerleft h6{

  font-family: 'Oswald', sans-serif;

  text-transform: uppercase;

  padding-top: 10px;

  padding-bottom: 10px;

}

#innerright {

  float: right;

  width: 28%;

  margin-left: 0px;

  margin-right: 50px;

  padding-left: 2%;

  padding-top: 0px;

  padding-bottom: 0px;

  height: auto;

  margin-top: 100px;

}

#innerright h1, #innerright h2, #innerright h3, #innerright h4, #innerright h5, #innerright h6{

  font-family: 'Oswald', sans-serif;

  text-transform: uppercase;

  padding-top: 10px;

  padding-bottom: 10px;

  color: #036711;

}

#innerright .module li a{

  color: #000;

  display: block;

  padding-top: 5px;

  padding-right: 18px;

  padding-bottom: 15px;

  padding-left: 10px;

  border-bottom-width: 1px;

  border-bottom-style: solid;

  border-bottom-color: #CCC;

}

#innerright div.boxplus-paging{

  opacity: 0;

  height: 0px;

}

#innerright .bt-cs .bt-inner .bt-title {
  color: #036711;
}

#innerright div.bt-cs{
  margin-left: -10px;
}

#innerright div.bt-introtext{
  padding-top: 10px;
  padding-bottom: 7px;
  line-height: 25px;
}
#social {

  background-color: #036711;

  text-align: center;

  overflow: hidden;

}

#media {

  background-image: url(../images/mediabg.jpg);

  background-repeat: repeat-x;

  height: 153px;

  width: 100%;

  text-align: center;

  padding-top: 0px;

  overflow: hidden;

}

#bottom {

  background-color: #012e07;

  height: 100px;

  padding-top: 50px;

  width: 100%;

  text-align: center;

  color: #FFF;

  font-size: 12px;

}

#bottom a{

  text-decoration: none;

  color: #F00;

}

#objectives_mandates a.readmore, #values_standards a.readmore{

  text-transform: uppercase;

  color: #FFF;

  text-decoration: none;

  background-image: url(../images/readmore.png);

  background-repeat: no-repeat;

  display: block;

  height: 43px;

  width: 137px;

  padding-top: 5px;

  margin-left: auto;

  margin-right: auto;

  margin-top: 40px;

  text-align: center;

}
#kfcbgallery ul > li{
  width: 560px;
  overflow: hidden;
}
.hidden { 

  display: none; 

}

.container-fluid{

  margin-left: auto;

  margin-right: auto;

}

#blog {
  float: right;
  height: 150px;
  right: 0;
  position: absolute;
  top: 300px;
  width: 60px;
  z-index: 20;
}

#media div.scrolltext{
  width: 80%;
  margin-left: auto;
  margin-right: auto;
  height: 153px;
}

#media div.scrolltext img{
  max-width: 250px;
  height: 153px;
}

div#fd.eb .btn{
  width: 200px;
}

/***************** FOR LANDSCAPE TABLETS ****************/

@media (min-width: 768px) and (max-width: 1200px) { 



#objectives {

  background-image: url("../images/objectives.jpg");

  background-repeat: no-repeat;

  float: left;

  height: 488px;

  margin-left: 30px;

  margin-right: 10px;

  margin-top: 80px;

  padding-left: 35px;

  padding-right: 35px;

  width: 40%;

}

#mandates {

  float: left;

  height: 488px;

  width: 40%;

  background-image: url(../images/mandates.jpg);

  background-repeat: no-repeat;

  margin-top: 80px;

  padding-right: 35px;

  padding-left: 35px;

}



#values_standards {

  background-image: url("../images/standardsbg.png");

  background-position: center bottom;

  background-repeat: repeat-x;

  min-height: 600px;

}



div.thirdwidth.span4{

  width: 25%;

}



#values_standards .thirdwidth img{

  margin-bottom: 20px;

  margin-left: 30px;

  margin-right: auto;

}



}



/*****************  FOR SMALL SCREENS *******************/

@media (max-width: 767px) { 



#logo{

  margin-left: 50px;;

  margin-right: auto;

}



#objectives {

  background-image: url(../images/objectives.jpg);

  background-size: 100%;

  height: 488px;

  width: 100%;

  margin-top: 0px;

  margin-right: 0px;

  margin-left: 0px;

  padding-right: 35px;

  padding-left: 35px;

}

#objectives p{

  width: 90%;

  margin-left: auto;

  margin-right: auto;

}

#mandates {

  height: 488px;

  width: 100%;

  background-image: url(../images/mandates.jpg);

  background-size: 100%;

  margin-top: 0px;

  padding-right: 35px;

  padding-left: 35px;

}

#cform {

  float: none;

  width: 100%;

  margin-left: 0px;

}

#contactinfo{

  height: 250px;

  width: 90%;

  float: none;

  margin-right: 0px;

  padding-right: 3%;

  padding-left: 3%;

  background-image: url(../images/contactbg.png);

  background-repeat: no-repeat;

}

#welcome{

  padding-bottom: 30px;

}

#values_standards{

  padding-top: 60px;

}

.thirdwidth{

  float: none;

  padding-top: 0px;

  margin-left: auto !important;

  margin-right: auto;

}

}