/* Website Designed by Francis Odozi Isibor */



/*	#######################	*/
/* 	Elements */
/*	#######################	*/

.gone	{
	display:none;
}
.tada	{
	display:static;
}
.image	{
	margin-right:10px;
	padding-bottom:10px;
}

.colwrapper	{
	width:70%;
	margin:0 auto;
}
.col2	{
	width:40%;
	margin:5%;
	float:left;
}
.col2	h4	{
	color:#898989;
}
.col2	img	{
	width:30px;
	opacity:0.5;
}
.col2:hover	img	{
	opacity:1;
}
.col2:hover	h4	{
	color:black;
}
.grid	{
	width:20%;
	height:100px;

	margin-left:2.5%;
	margin-right:2.5%;

	margin-bottom:20px;
	margin-top:20px;

	float:left;

	background-color:green;

}

.jobs	{

	-webkit-transition:all 1.2s linear;
	-moz-transition:all 1.2s linear;
	-o-transition:all 1.2s linear;
	transition:all 1.2s linear;

	width:100%;
	height:auto;

	margin-top:10px;
	margin-bottom:10px;

	padding-bottom:10px;

	background-color:white;

}
.jobs:hover	{
	background-color:rgb(244,244,244);
}
.job	{
	width:calc(100% - 40px);
	height:50px;

	position:relative;
	top:10px;

	margin:10px auto;
	padding:10px;

	background-color:fff;
}
.job	h4	{
	padding-top:5px;
	height:20px;
	margin:0px;
}
.jobs	p	{
	height:20px;
	margin:0px;
}

.jobc1	{

	width:calc(40% - 20px);
	padding-left:20px;
	height:50px;
	float:left;
}

.jobc2	{

	width:40%;
	height:50px;
	float:left;
}


.jobc3	{
	width:20%;
	height:50px;
	float:left;

}

.apply	{
	width:80%;
	margin:0 auto;

	border-style:solid;
	border-width:2px;
	border-color:rgba(212,217,56,1.0);

	color:#d4d938;

	padding:10px;
}
.apply	a	{
	width:100%;

	padding-left:40px;
	padding-right:40px;

	text-decoration:none;
	color:#d4d938;
}
.apply:hover	{
	color:white;
	background-color:#d4d938;
}
.apply:hover	a	{
	color:white;
}
.apply	a:hover	{
	color:white !important;
}

.image	img	{
	margin-right:10px;font-family: 'Merriweather', serif;
}
.about	img	{
	margin-right:20px;
}

.leftpadding	{
	padding-left:20px;
}
.marginpush	{
	margin-left:20px;

}
#webform	{
	text-align:center;
	width:324px;
	margin:0 auto;
}

input[type="text"] {
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;

    width: 100%;

    /* Comment to remove centering */
	margin:0 auto;

    display: block;
    margin-bottom: 20px;
    background-color:white;
    color:#898989;
    border-color: #d4d938;
	border-style: solid;
	border-width: 2px;
	height:40px;
	font-size:18px;
	font-family: 'Nunito', sans-serif;
	font-weight:300;

	padding-left:10px;

}
input[type="text"]:hover {
	color:#000;
}
input[type="text"]:active {
}
.button	{
	width:300px;
	margin:0 auto;

	border-style:solid;
	border-width:2px;
	border-color:rgba(212,217,56,1.0);

	color:white;
	padding:10px;
}
.button	a	{
	width:300px;
	text-decoration:none;
	color:#d4d938;
}
.button:hover	{
	color:white;
	background-color:#d4d938;
}
.button:hover	a	{
	color:white;
}
/*	#######################	*/
/* 	Fonts */
/*	#######################	*/

/*	#######################	*/
/* 	Positioning / Dimensions */
/*	#######################	*/
.titleh2	{
	width:400px;
	margin:0 auto;
	position:relative;
	top:-20px;
}
.bannerh2	{
	width:400px;
	float:right;
	position:relative;
	top:-40px;
}
.base	{
		clear:both;
		overflow:hidden;
		height:0%;
		opacity:0;
}
.floatleft	{
	float:left;
}
.floatright	{
	float:right;
}
.softpadding	{
	padding-left:10px;
}
.force90	{
	width:100%;
	margin:0 auto;
	overflow:hidden;
}
.force90	img	{
	width:100%;
	margin:0 auto;
}
.force800	{
	width:800px;
	margin:0 auto;
}
.force800	img	{
	width:800px;
	margin:0 auto;
}

#intersection	{

	height:50px;
	width:100%;
}
/*	#######################	*/
/* 	Columns */
/*	#######################	*/
.columns	{
	max-width:1000px;
	width:90%;
	margin:0 auto;

}
.threecols	{
	max-width:300px;
	width:25.333%;
	float:left;
	padding-left:1.5%;
	padding-right:1.5%;
	margin-left:2.5%;
	margin-right:2.5%;

	height:auto;
	margin-bottom:10px;
}

.fourcols	{
	max-width:300px;
	width:16%;
	float:left;
	padding-left:2%;
	padding-right:2%;
	margin-left:2.5%;
	margin-right:2.5%;

	height:auto;
	margin-bottom:10px;
}

.twocols	{
	max-width:450px;
	width:45%;
	float:left;
	padding-left:1%;
	padding-right:1%;
	margin-left:1.5%;
	margin-right:1.5%;

}

.sidemenua	{
	width:20%;
	float:left;
	padding-left:1%;
	padding-right:1%;
	margin-left:1.5%;
	margin-right:1.5%;
}
.sidemenub	{
	width:70%;
	float:left;
	padding-left:1%;
	padding-right:1%;
	margin-left:1.5%;
	margin-right:1.5%;
}
.container	{
	position:relative;
	height:auto;
}
.contents	{

}
.hidden	{

	display:none;
}
.shown	{

	display:static;
}

.perks	{
	width:35%;

	height:auto;

	float:left;

	padding-left:5%;
	padding-right:5%;
	margin-right:2.5%;
	margin-left:2.5%;
}

.pic	{
	width:calc(100% / 3);




	float:left;


	overflow:hidden;

	margin-bottom:50px;

}
.pic	img	{
	width:100%;

}
.picl	{
	height:400px;
}
.picm	{
	height:170px;
	margin-bottom:50px;
}


.cols2a	{
	width:30%;
	float:left;
	padding-left:1%;
	padding-right:1%;
	margin-left:1.5%;
	margin-right:1.5%;
	height:60px;
}

.cols2b	{
	width:60%;
	float:left;
	padding-left:1%;
	padding-right:1%;
	margin-left:1.5%;
	margin-right:1.5%;
	background-color:grey;
}

/*	#######################	*/
/* 	Backdrop Backgrounds */
/*	#######################	*/

.greenyellowgradientbg	{
	background-color:white;
}

/*	#######################	*/
/* 	CSS Animations */
/*	#######################	*/
.webkittransitions02	{
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
.webkittransitions05	{
	-webkit-transition:all 0.5s linear;
	-moz-transition:all 0.5s linear;
	-o-transition:all 0.5s linear;
	transition:all 0.5s linear;
}

/*	#######################	*/
/* 	Solid Backgrounds */
/*	#######################	*/

.whitebg	{
	background-color:white;
}
.blackbg	{
	background-color:black;
}


/*	#######################	*/
/* 	Text Styles */
/*	#######################	*/

.blacktxt	{
	color:rgba(70,70,70,1);
}
.greytxt	{
	color:#898989;
}
.ptext	{
	color:rgba(137,137,137,1);
}
.whitetxt	{
	color:white;
}

.hightxt	{
	color:#d4d938;
}
.unselected	{
	padding-left:10px;
	padding-right:10px;
	text-decoration:none;
	color:#898989;

}
.unselected:hover	{
	color:rgba(212,217,56,1.0);
	text-decoration:none;

}
.selected	{
	background-color:#d4d938;
	color:white;
	padding:10px;
}

.leftjustified	{
	text-align:left;
}
.centerjustified	{
	text-align:center;
}
.rightjustified	{
	text-align:right;
}
.nopadding	{
	padding:0px;
}
.nomargin	{
	margin:0px !important;
}
.tickerpadding	{

	padding-left:50px;
}
.textpadding	{

	padding-left:10px;
}
.nodecoration	{
	text-decoration:none;
}

/*	#######################	*/
/* 	Captions / Text Themes 	*/
/*	#######################	*/
.normal	{
	font-family: 'Droid Sans', sans-serif;
}
.normal	h1	{

	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	font-size:40px;
}
.normal	h3	{

	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	font-size:20px;
}
.normal	h4	{

	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	font-size:14px;
}

.normal	a	{
	color:black;
	text-decoration:none;
}
.normal	a:hover	{
	color:#d4d938;
}

.basicwrapperleft	{
	width:1000px;
	margin:0 auto;
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:20px;
	font-family: 'Droid Sans', sans-serif;
}
.basicwrapperleft	h1	{
	font-family: 'Droid Serif', serif;
	font-weight:300;
	font-size:40px;

	position:relative;
	left:40px;

	padding-left:20px;

	text-transform:uppercase;
	box-shadow: -10px 0px 0px rgba(212,217,56,1.0);
}
.basicwrapperleft	h2	{
	font-family: 'Droid Serif', serif;
	font-weight:300;
	font-size:20px;
	padding-left:60px;
	text-transform:uppercase;
}
.basicwrapperleft	h3	{
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
}
.basicwrapperleft	h4	{
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	font-size:14px;
	text-transform:uppercase;
}
.basicwrapperleft	p	{
	font-family: 'Droid Sans', sans-serif;

	font-size:14px;
}
.basicwrapperleft	a	{
	text-decoration:none;
}

.basicwrapper	{
	width:1000px;
	margin:0 auto;
	padding-top:20px;
	padding-left:0px;
	padding-right:0px;
	padding-bottom:20px;
	font-family: 'Droid Sans', sans-serif;
}
.basicwrapper	h1	{
	font-family: 'Droid Serif', serif;
	font-weight:300;
	font-size:40px;
	text-transform:uppercase;
}
.basicwrapper	h2	{
	font-family: 'Droid Serif', serif;
	font-weight:300;
	font-size:20px;
	text-transform:uppercase;
}
.basicwrapper	h3	{
	font-family: 'Droid Sans', sans-serif;
	font-weight:700;
	font-size:16px;
	text-transform:uppercase;
}

.basicwrapper	p	{

	font-family: 'Droid Sans', sans-serif;

	font-size:14px;
}
.titlewrapper	{
	width:1000px;
	margin:0 auto;

	padding-top:100px;
	padding-bottom:20px;
	font-family: 'Droid Sans', sans-serif;
}
.titlewrapper	h1	{
	font-family: 'Merriweather', serif;
	font-weight:300;
	font-size:80px;
	line-height:40px;
	text-align:center;
}
.titlewrapper	h2	{
	font-family: 'Droid Sans', sans-serif;
	font-weight:300;
	font-size:30px;
	background-color:rgba(212,217,56,0.9);
	text-align:center;
	padding:10px;
	margin:0 auto;

}
.bannerwrapper	{
	width:1000px;
	margin:0 auto;

	padding-top:20%;
	padding-bottom:20px;
	font-family: 'Droid Sans', sans-serif;
}
.bannerwrapper	h1	{
	font-family: 'Droid Serif', serif;
	font-weight:400;
	font-style:italic;
	font-size:120px;
	line-height:40px;
	text-align:right;
}
.bannerwrapper	h2	{
	font-family: 'Droid Sans', sans-serif;
	font-weight:300;
	font-size:30px;
	background-color:rgba(212,217,56,0.9);
	text-align:center;
	padding:10px;

}

.footerwrapper	{
	width:100%;
	font-family: 'Droid Sans', sans-serif;
}
.footerwrapper	p	{
	font-weight:300;
	font-size:12px;
}



/*	#######################	*/
/* 	Logo */
/*	#######################	*/
#logo	{
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
	width:224px;
	height:50px;

}
#logo	img	{
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;

	overflow:hidden;
	max-width: 100%;
  	height: 50px;
}


/*	#######################	*/
/* 	Menu */
/*	#######################	*/

#mobilemenu	{
	display:none;
}
ul#menu	{

	position:relative;
	top:-68px;
	float:right;
	width:650px;
}
ul#menu li	{
	display:inline;
	margin-left:10px;
	margin-right:10px;
}
ul#menu li	a {

	padding-top:34px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:15px;
	color:#82868f;
	font-family: 'Droid Sans', sans-serif;
	font-weight:400;
	font-size:12px;
	text-decoration: none;
	box-shadow: 0px 2px 0px rgba(255,255,255,1.0);
}
ul#menu li a:active, ul#menu li a:hover	{
	/*font-weight:700; */
	/* box-shadow: 0px 5px 0px rgba(212,217,56,1.0); */
	/* background-color:rgba(212,217,56,1.0);
	color:black; */
	padding-bottom:15px;
	box-shadow: 0px 2px 0px rgba(212,217,56,1.0);
	color:rgba(212,217,56,1.0);
}



/*	#######################	*/
/* 	Site Sections */
/*	#######################	*/
.section	{
	padding-top:50px;
	box-shadow: 0px 2px 0px rgba(212,217,56,1.0);

}

body	{
	margin:0px;
	padding:0px;
	background-color:#1f1f1f;

}

#main	{
	width:100%;
	-webkit-transition:all 0.2s linear;
	-moz-transition:all 0.2s linear;
	-o-transition:all 0.2s linear;
	transition:all 0.2s linear;
}
#slide1	{
	background-image: url('../images/slideValve.jpg');
	background-image: url('../images/slideValve.jpg');
	width:100%;
	height:100%;
	background-size:cover;
}
#slide2	{
	background-image: url('../images/slideWelder02.jpg');
	width:100%;
	height:100%;
	background-size:cover;
}
#slide3	{
	background-image: url('../images/slidePump.jpg');
	background-image: url('../images/slidePump02.jpg');
	width:100%;
	height:100%;
	background-size:cover;
	background-position:bottom;
}
#slide4	{
	background-image: url('../images/slideRig.jpg');
	background-image: url('../images/slideRig02.jpg');
	width:100%;
	height:100%;
	background-size:cover;
}
#slide5	{
	background-image: url('../images/slideVessel02.jpg');
	width:100%;
	height:100%;
	background-size:cover;

}
#slide6	{
	background-image: url('../images/slideBuilding.jpg');
	width:100%;
	height:100%;
	background-size:cover;

}
#slide7	{
	background-image: url('../images/office.jpg');
	width:100%;
	height:100%;
	background-size:cover;

}

#slide8	{
	background-image: url('../images/hallway.jpg');
	width:100%;
	height:100%;
	background-size:cover;

}

#slide9	{
	background-image: url('../images/computer.jpg');
	width:100%;
	height:100%;
	background-size:cover;

}

#background	{

	width:100%;
	height:100%;
	position:fixed;
}
.background	{
	width:100%;
	height:100%;
	position:fixed;
	background-color:black;
}
.background img	{
	height:100%;
	width:auto;
}
#header	{

	width:100%;
	position:fixed;
	height:50px;
	background-color:rgba(255,255,255,1.0);


	z-index:1;
}
#nav	{
	width:1000px;
	margin:auto;
}

#rest	{
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;
	padding-top:50px;
	position:relative;
	top:-50px;
	height: 1000px;
}

#sections	{

	padding-top:0px;
	margin:0 auto;
	height:auto;
	width:100%;

}

#top_ticker	{

	height:60px;
	width:1000px;
	margin-top:25px;
	background-color:#383336;
	box-shadow: 0px 5px 0px rgba(212,217,56,1.0);
}
#pagebanner	{
	width:100%;
	height:400px;

	background: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0)); /* Standard syntax */
}
#singlebanner	{
	width:100%;
	height:80%;
	margin:25px auto;
	background: -webkit-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Safari 5.1 to 6.0 */
  	background: -o-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Opera 11.1 to 12.0 */
  	background: -moz-linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0)); /* For Firefox 3.6 to 15 */
  	background: linear-gradient(rgba(0,0,0,0.3), rgba(0,0,0,0.2), rgba(0,0,0,0)); /* Standard syntax */
	/* background-color:white; */
	/* box-shadow: 0px 5px 0px rgba(212,217,56,1.0); */

}
#about	{
	width:1000px;
	margin:0 auto;
	height:auto;
	background-color:white;
	padding-bottom:50px;
}
#services	{
	-webkit-transition:all 0.5s ease-in-out;
	-moz-transition:all 0.5s ease-in-out;
	-o-transition:all 0.5s ease-in-out;
	transition:all 0.5s ease-in-out;

	width:1000px;
	margin:35px auto;
	height:auto;
	background-color:white;
	padding-bottom:50px;
}
#careers	{
	width:1000px;
	margin:35px auto;
	height:auto;
	background-color:white;
	padding-bottom:50px;
}

#safety	{
	width:1000px;
	margin:35px auto;
	height:auto;
	background-color:white;
	padding-bottom:50px;

}
#power	{
	width:1000px;
	margin:35px auto;
	height:auto;
	background-color:white;
	padding-bottom:50px;
}

#ict	{
	width:1000px;
	margin:35px auto;
	height:auto;
	background-color:white;
	padding-bottom:50px;
}

#banner	{
	margin-top:35px;
	width:1000px;
	height:300px;
	/* background-color:white; */

}
.bannersection	{
	height:280px;
	margin-top:10px;
}
#top_ticker	p	{
	font-family: 'Droid Sans', sans-serif;
	padding-top:21px;
	font-size:14px;

}

#jobs	{
	width:1000px;
	margin:35px auto;
	height:auto;
	background-color:white;
	padding-bottom:50px;
}
#login	{
	width:1000px;
	margin:35px auto;
	height:auto;
	background-color:white;
	padding-bottom:50px;
}
#manpower	{
	width:1000px;
	margin:35px auto;
	height:auto;
	background-color:white;
	padding-bottom:50px;
}

#footer	{
	margin:35px auto;
	width:1000px;
	height:auto;
	background-color:white;
	padding-bottom:10px;
	color:#4F4F4F;

}
#footerbase	p	{
	font-family: 'Droid Sans', sans-serif;
	text-align:center;
	font-size:12px;
}
#footerbase	a	{
	font-family: 'Droid Sans', sans-serif;
	text-decoration:none;
	color:#4F4F4F;
	text-align:center;
	font-size:10px;
}
#footercolumns	{
	margin-bottom:20px;
}
.contactdetails	{
	width:25%;
	height:300px;
	max-width:250px;

	float:left;

	margin-right:5%;
	margin-left:5%;

}
.map	{
	width:65%;
	max-width:700px;
	height:300px;
	pointer-events:none;
	overflow:hidden;


	float:left;
}
.lagosmap	{
	background-image: url('../images/contact/lagos.jpg');
	background-position: center;
	background-size:cover;
}
.portmap	{
	background-image: url('../images/contact/ph.jpg');
	background-position: center;
	background-size:cover;
}
.nigermap	{
	background-image: url('../images/contact/niger.jpg');
	background-position: center;
	background-size:cover;
}
.usmap	{
	background-image: url('../images/contact/houston.jpg');
	background-position: center;
	background-size:cover;
}