@import url(http://fonts.googleapis.com/css?family=Open+Sans:700,400,300);
@import url(http://fonts.googleapis.com/css?family=Oswald:700);

@font-face {
    font-family: bcMyriad;
    src: url(../font/MYRIADPRO-REGULAR.woff);
    
}

@font-face {
    font-family: dvLogo;
    src: url(../font/DolceVitaHeavyBold.woff);
    
}


html,body {padding:0;margin:0}
body { background:black; padding:10px 0;}
#navigation {
  background: #ffffff;
  width: auto;
  
  
}
#navigation ul {
  list-style: none;
  margin: 0;
  padding: 0;
  line-height: 1;
  display: block;
  zoom: 1;
  text-align:center;
}
#navigation ul:after {
  content: " ";
  display: block;
  font-size: 0;
  height: 0;
  clear: both;
  visibility: hidden;
}
#navigation ul li {
display:inline-block;

}
#navigation.align-right ul li {
  float: right;
}
#navigation.align-center ul {
  text-align: center;
}
#navigation ul li a {
  color: #ee771a;
  text-decoration: none;
  display: block;
  padding: 5px 10px;
  font-family: 'Open Sans', sans-serif;
  font-weight: 700;
  text-transform: uppercase;
  font-size: 14px;
  position: relative;
  -webkit-transition: color .25s;
  -moz-transition: color .25s;
  -ms-transition: color .25s;
  -o-transition: color .25s;
  transition: color .25s;
  text-align:left;
  border-width:5px;
  border-radius:5px;
  border-color:#F2F2F2;
  
}
#navigation ul li a:hover {
  color: #404041;
  background-color:#ee771a;
 
  border-color:#ee771a;
}
#navigation ul li a:hover:before {
  width: 100%;
}
#navigation ul li a:after {

}
#navigation ul li a:before {
  content: "";
  display: block;
  position: absolute;
  left: 0;
  bottom: 0;
  height: 3px;
  width: 0;
  background: #d1d2d4;
  -webkit-transition: width .25s;
  -moz-transition: width .25s;
  -ms-transition: width .25s;
  -o-transition: width .25s;
  transition: width .25s;
}
#navigation ul li.last > a:after,
#navigation ul li:last-child > a:after {
  display: none;
}
#navigation ul li.active a {
  color: #404041;
  background-color: #ee771a;
}
#navigation ul li.active a:before {
  width: 100%;
}
#navigation.align-right li.last > a:after,
#navigation.align-right li:last-child > a:after {
  display: block;
}
#navigation.align-right li:first-child a:after {
  display: none;
}



/*---------------------------Main-----------------------*/

#wrapper
{
	width:auto;
	padding: 0 12%;
	min-width: 256px;
	background: black;
	/*background-image: url(img/shirt_02_128px.png);
	background-image: repeat;*/

	
}

.mainCont
{
	border-style: solid;
    border-width: 10px;
	border-color: #ffffff;
	border-radius:10px;
	background:white;

}

#contMatrix
{
	width:100%;
	background-image: url(img/shirt_02_128px.png);
	background-image: repeat;
}


#index
{
	float:left;
	width:100%;
	height:100%;
	text-align:center;
	background: white;
	display: inline-block;
	background-image: url(img/shirt_02_128px.png);
	background-image: repeat;
	
	
	
}

.btn {
    text-align:center;
  -webkit-border-radius: 5;
  -moz-border-radius: 5;
  border-radius: 5px;
  -webkit-box-shadow: 0px 1px 3px #666666;
  -moz-box-shadow: 0px 1px 3px #666666;
  box-shadow: 0px 1px 3px #666666;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  background: #EE771A;
  padding: 5px 10px;
  text-decoration: none;
  margin: 0 auto;
  width: 70%;
}

.btn:hover {
  background: #ff954a;
  background-image: -webkit-linear-gradient(top, #ff954a, #d15e07);
  background-image: -moz-linear-gradient(top, #ff954a, #d15e07);
  background-image: -ms-linear-gradient(top, #ff954a, #d15e07);
  background-image: -o-linear-gradient(top, #ff954a, #d15e07);
  background-image: linear-gradient(to bottom, #ff954a, #d15e07);
  text-decoration: none;
}



#cont1A
{
	width:40%;	
	float: left;
}

#cont1B
{
	width:60%;	
	float:left;
	
}

.cont3L
{
	width:30%;	
	float: left;
}

.cont3C
{
    width:40%;
    float:left;
}

.cont3C a
{
    text-decoration:none;
    font-family: bcMyriad;
}

.cont3R
{
    width:30%;
    float:left;
}

.rssCont
{
       
    margin: 40px 20px;
}



#LogoBar
{

width:100%;
border:solid;
border-width:0px;
border-color: #F2F2F2;
border-radius: 3px;
margin: 20px 0;
padding:20px 0;

}


#logo
{
	width:300px;
	height:140px;
	background-image: url(../img/CEBBD_logo_01.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 0;
	margin:0 auto;
	
	
}

#oilT
{
	width:300px;
	height: 200px;
	background-image: url(../img/oil_trading_02.png);
	background-repeat: no-repeat;
	background-position: center center;
	padding: 20px 0;
	margin:0 auto;
}

#centerCont
{
	float:left;
	width:60%;
	height:auto;
	text-decoration:none;
	text-align:center;
	
}


.board
{
	background-color:#F2F2F2;
	border: solid;
	border-color:#F2F2F2;
	border-width:5px;
	border-radius:5px;
	text-align:left;
	margin: 40px 20px 20px 20px;
	padding: 10px 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight:700;
	box-shadow: 0 0 3px rgba(0,0,0,0.15);
}

#aboutHome
{
	width:300px;
	height:25px;
	background-image: url(../img/about_home.png);
	background-repeat: no-repeat;
	background-position: center center;
}

#aboutText p
{
    text-align:justify;
}

#homeText
{
	background-color:#F2F2F2;
	border: solid;
	border-color:#F2F2F2;
	border-width:5px;
	border-radius:5px;
	text-align:left;
	margin: 40px 20px 20px 20px;
	padding: 10px 20px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight:700;
	box-shadow: 0 0 3px rgba(0,0,0,0.15);
}

#more a,#more 
{
	font-family: 'Oswald', Oswald;
	font-size: 11px;
	color:#ee771a;
	text-align:right;
	text-decoration:none;
}




#separator
{
	height:10px;
	background-color: #ee771a;

}



#head
{

 background-image: url(img/Banner_02_512px.png);
 background-image: repeat-x;
 height:128px;

 

}













.tank
{
	padding:0;
	margin:0;
	min-height:50px;
}

#leftCont
{
	float:center;
	width:40% - 128px;
	
	

}

#rightCont
{
	float:right;
	width:40% - 128px;
	

}


#intro
{
padding: 5px;
padding-top: 10px;
text-align:justify;
max-width:384px;
min-height: 160px;
margin: 30px 15px 0 0;
font-family: 'Open Sans', sans-serif;
font-size: 12px;
font-weight:700;
}







.footer
{
	height: auto;
	background-color: #ee771a;
	text-align:center;
	color: #ffffff;
	border-width:7px;
	border-radius:7px;
	border-color:#F2F2F2;
	border-top-left-radius:0;
	border-top-right-radius:0;
}

.footer ol
{
    font-weight:normal;
}

#discCont
{
 	background-color:#F2F2F2;
	border: solid;
	border-color:#F2F2F2;
	border-width:5px;
	border-radius:0;
    border-top: none;
	text-align:left;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
	font-weight:700;
	box-shadow: 0 5px 5px rgba(0,0,0,0.25);
    color:#000000;
    margin: 10px;
}

.ui-accordion .ui-accordion-header
{
    margin:0;   
    
}









#sliderParent
{
position:relative;
width:100%;
margin:50px 0 0 0;
overflow:hidden;
}

#slideCont
{
}

#prevS
{
position:absolute;
left:-50px;
width:50px;
height:50px;
top:75px;
background-image: url("../img/slider/prevS.png");
background-image-repeat: no-repeat;
opacity:0.8;
}


#nextS
{
position:absolute;
right:-50px;
width:50px;
height:50px;
top:75px;
background-image: url("../img/slider/nextS.png");
background-image-repeat: no-repeat;
opacity:0.8;
}

#prevS:hover, #nextS:hover
{
	opacity:1;

}

.slideIMG
{
width:100%;
height:400px;
background: silver;
display:inline-block;
background-size:cover;
background-repeat:no-repeat;
background-position:center center;
}

.slideIMG p
{
	display:block;
	background-color: RGBA(64,64,64,0.5);
	color: #ffffff;
	padding: 15px 20px;
	font-style: italic;
	font-size: 1.8em;
	margin-top: 40px;
}

#bulletS
{
position:absolute;
bottom:8px;
left:50%;
height: 16px;
text-align: center;
z-index:50;
margin-left:-52px;
}




#bulletS a {
	background: RGBA(64,64,64,0.5);
	width: 14px;
	height: 14px;
	margin: 0 5px 0 5px;
	display: inline-block;
	border: 1px solid rgb(238, 119, 26);
	border-radius:8px;
	box-shadow:0 0 2px rgba(0,0,0,0.8);
}
#bulletS a.selected {
	background-color: rgb(238, 119, 26);
	cursor: default;
}

#bulletS a:hover {
	background-color: rgb(238, 119, 26);
	cursor: default;
}

#bulletS a span {
	display: none;
}


#IMG01{background-image: url("../img/slider/Quality_01.jpg");}
#IMG02{background-image: url("../img/slider/Compliance_01.jpg");}
#IMG03{background-image: url("../img/slider/innovation_01.jpg");}
#IMG04{background-image: url("../img/slider/supply_01.jpg");}




#compIMGslider
{
	display: inline-block;
	border:solid;
	width:99%;
	border-width:3px;
	border-color: #F2F2F2;
	border-radius: 3px;
	margin: 0px;
	padding:0px;
 
}


#compParent
{
position:relative;
margin:50px auto;
padding-bottom:30px;
width:100%;


}

#compCont
{
    width:100%;
}




.slideCOMP
{
width:500px;
height:650px;
background: #E6E6E6;
display:inline-table;
top: 0;
padding-top:10px;

}
.slideCOMP h1
{
	font-family:bcmyriad;
	font-weight:700;
	font-size: 14px;
	text-transform:uppercase;
	background-color: rgb(64, 64, 65);
	color: rgb(209, 210, 212);
	text-decoration: none;
	padding: 15px 10px;
}
.slideCOMP p
{
	display:block;
	color: #ffffff;
	padding: 10px 20px;
	font-style:normal;
	font-size:1.2em;
}

#compText
{
    background-color: #E6E6E6;
    color: #000000;
    font-family:bcmyriad;
    font-size:16px;
    line-height: 200%;
    text-align: justify;
}

#compTextVE
{
    background-color: #E6E6E6;
    color: #000000;
    font-family:bcmyriad;
    font-size:16px;
}

#compBulletS
{
position:absolute;
bottom:-50px;
left:116px;
height: 50px;
text-align: center;
}




#compBulletS a {
	background: #ffffff;
	width: 10px;
	height: 10px;
	margin: 0 5px 0 0;
	display: inline-block;
	border: 1px solid #ef4036;
	border-radius:6px;
}
#compBulletS a.selected {
	background-color: #ef4036;
	cursor: default;
}

#compBulletS a:hover {
	background-color: #edb9a6;
	cursor: default;
}

#compBulletS a span {
	display: none;
}









@media screen and (max-width: 1024px) {
	
	#cont1A,#cont1B
	{
		float:none;	
	}
    
    .cont3L, .cont3C, .cont3R
    {
        float:none;
        width:100%;
    }
	
	#oilT
	{
		display:none;
	}
	
	#LogoBar
		{
		float: none;
				
		}
	
	.tank
{
	padding:0;
	margin:0;
	min-height:50px;
	width:100%;
}

#descriptionDiv
{
	height: auto;

}

#footer
{
	height:auto;
	background-color: #ee771a;
	text-align:center;
	color: #ffffff;
	border-width:7px;
	border-radius:7px;
	border-color:#F2F2F2;
	border-top-left-radius:0;
	border-top-right-radius:0;
}
	
	
  #navigation ul li {
    float: none;
    display: block;
  }
  #navigation ul li a {
    width: 100%;
    -moz-box-sizing: border-box;
    -webkit-box-sizing: border-box;
    box-sizing: border-box;
    border-bottom: 1px solid #BDBDBD;
  }
  #navigation ul li.last > a,
  #navigation ul li:last-child > a {
    border: 0;
  }
  #navigation ul li a:after {
    display: none;
  }
  #navigation ul li a:before {
    display: none;
  }
  
  #logo{
	margin: 0 auto;
  }
  
  #wrapper
  {
	padding: 0 5px;
  
 }
 
 #IMGslider
 {
  float:none;
 }
 
 #prevS.hide;
 
 #leftCont,#rightCont, 
 {
  float:none;
  width:100%;
 }
 
 #cont1A,#cont1B
 {
	float:none;
	width:100%; 
 }
 
 #aboutHome
 {
	display:none; 
 }
 
    
#disclaimer
    {
        height:auto;
    }
    

    
    
 
 
 
}

.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}


.cf {
    *zoom: 1;
}