a{
	color:#000000;
	text-decoration:none;
}
a:hover{
	color:#00aeef;
	text-decoration:underline;
}
#bgTopDiv{
	background: url(../images/blueBarNav.png);
    background-repeat: repeat-x;
	height:100%;
	min-height:100%;
}
#pqi {
  background: url(../images/petroTechPQI.jpg) no-repeat center center fixed;
}
#qac {
  background: url(../images/petroTechQAC.jpg) no-repeat center center fixed;
}
#expediting {
  background: url(../images/petroTechExpediting.jpg) no-repeat center center fixed;
}
#documentexpediting {
  background: url(../images/petroTechDocumentExpediting.jpg) no-repeat center center fixed;
}
#contact {
  background: url(../images/petroTechContact.jpg) no-repeat center center fixed;
}
#projects {
  background: url(../images/petroTechProjects.jpg) no-repeat center center fixed;
}
input[type="text"],input[type="email"]{
    box-shadow:inset 0 0 20px #efefef;
    -moz-box-shadow:inset 0 0 20px #efefef;
    -webkit-box-shadow:inset 0 0 20px #efefef;
    background: #ffffff;
    height:40px;
    padding:10px;
    border:1px solid #dddddd;
	width:100%;
	font-size:16px;
	font-family: 'Titillium Web', sans-serif;
	padding:10px;
}
textarea{
    box-shadow:inset 0 0 20px #efefef;
    -moz-box-shadow:inset 0 0 20px #efefef;
    -webkit-box-shadow:inset 0 0 20px #efefef;
    background: #ffffff;
    height:100px;
    padding:10px;
	font-size:16px;
	font-family: 'Titillium Web', sans-serif;
    border:1px solid #dddddd;
	width:100%;
	padding:10px;
}
.SectionHead{
	line-height:138px;
	height:138px;
	text-align:left;
}
.bgc-White{
	background-color:#ffffff;
}
.bgc-Grey{
	background-color:#fafafa;
}
.Left{
	text-align:left;
}
.ServicesBlocks{
	min-height:178px;
}
.ServicesIcon{
	padding-top:15px;
}
.Staff{
	width:153px;
	float:left;
	height:153px;
}
.StaffPadding{
	padding:15px;
}
.contentContactL{
	background-color:#222c3d;
	padding:80px 40px 20px 30px;
}
.contentContactR{
	background-color:#222c3d;
	padding:90px 0px 20px 0px;
}
.white{
	color:#ffffff;
}
.Footer{
	color:#abb6c7;
}
.fsNinety{
	font-size:90%;
}
.w10{
	width:10%;
}
.w15{
	width:15%;
}
.w20{
	width:20%;
}
.w30{
	width:30%;
}
.w40{
	width:40%;
}
.w45{
	width:45%;
}
.w50{
	width:50%;
}
.w60{
	width:60%;
}
.w70{
	width:70%;
}
.w80{
	width:80%;
}
.nodecoration{
	text-decoration:none;
}
.KreativeKindle{
	color:#f58220;
}
.contentArea{
	background-color:#eeeeee;
	padding:0px 80px;
}
.contentAreaBlack{
	background-color:#000000;
	padding:0px 80px;
}
.contentServices{
	padding:0px 50px;
	background-color:#ffffff;
}
.contentAboutUs{
	padding:80px 30px 20px 20px;
}
.contentPQI{
	padding:80px 20px 20px 20px;
}
.contentQAC{
	padding:80px 20px 20px 20px;
}
.contentProjects{
	padding:80px 20px 20px 20px;
}
.contentExpediting{
	padding:80px 30px 20px 20px;
}
.contentDocumentExpediting{
	padding:80px 30px 20px 20px;
}
.contentHistory{
	padding:20px 40px 20px 30px;
}
.headline-Home{
	padding:142px 0px 250px 0px;
}
.OurServices{
	width:100%;
	max-width:178px;
	display:flex;
}
.History{
	padding-top:90px;
	padding-bottom:30px;
}
.FullWidth{
	width:100%;
	max-width:960px;
}
.topLine{
	position:relative;
	top:70px;
	z-index:999;
}
.bottomLine{
	position:relative;
	bottom:60px;
}
.SANAS{
	width:100%;
}
H1{
	color:#00aeef;
	font-size:28px;
	font-family:"Helvetica", Arial, sans-serif;
    font-weight: 100;
}
H2{
	color:#00aeef;
	font-size:16px;
	margin:0px !important;
	padding:0px !important;
	text-transform:uppercase;
}
H3{
	color:#00aeef;
	font-size:14px;
	margin:0px !important;
	padding:0px !important;
	text-transform:none;
}
.activeHome{
	color:#00aeef !important;
}
.activePQI{
	color:#00aeef !important;
}
.activePE{
	color:#00aeef !important;
}
.activeQAC{
	color:#00aeef !important;
}
.activePDE{
	color:#00aeef !important;
}
.activeProjects{
	color:#00aeef !important;
}
.activeContact{
	color:#00aeef !important;
}
a.More{
	font-style:italic;
	color:#929ba9;
	text-decoration:none;
}
a.blueButton {
		background-color:#00aeef;
		color:#ffffff;
		height:34px;
		line-height:34px;
		text-decoration:none;
		padding:10px;
}
.nav{
    list-style:none;
    margin:0;
    padding:0;
    text-align:center;
}
.nav li{
    display:inline-block;
    padding:0px 10px;
    line-height: 14px;    /* Added.. */
    height: 14px;	
}
.nav a{
    display:inline-block;
    padding-top:0px;
	font-size:11px;
	text-decoration:none;
}

div.Nav{
	width:20%;
	text-align:center;
	float:left;
	padding-top:5px;
}
ul li span {
    height: 50px;
    display: table-cell;
    vertical-align: middle; 
}
.NavLink{
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
}
.NavLink:hover{
	text-decoration:underline;
	color:#ffffff;
}

.shadow{
 -webkit-box-shadow:0 0 20px black; 
    -moz-box-shadow: 0 0 20px black; 
    box-shadow:0 0 20px black;
}



.Centre{
	text-align:center;
}
.spacer {
	padding: 20px;

}



.HeadTable1{
	background-color:#ffffff;
	display:table;
	height:auto;
	width:100%;
}
.HeadTable2{
	display:table-cell;
	vertical-align:middle;
	text-align:center !important;
}
.mobiNav{
	sheight:35px;
	padding-top:7px;
	vertical-align:middle;
	text-align:center;
	background: #0088b8;
	color:#ffffff;
}
.mobiNav a{
	color:#ffffff;
	text-decoration:none;
}
.mobiNav a:hover{
	text-decoration:underline;
}



.mobilemenu-label {
  font-size: 1em;
  background: #0088b8;
  padding: 0.4em;
  color:#ffffff;
  width:100%;
  text-align:left;
  cursor: pointer;
  display: inline-block;
}
.mobilemenu-input {
    display: none;
} /*Hide input element*/

.mobilemenu-content {
    xmargin-bottom: 0em;
}
.mobilemenu-input:not(checked) ~ .mobilemenu-content {
    display: none !important;
}
.mobilemenu-input:checked ~ .mobilemenu-content {       
    display: block !important;
}
.imgCenter{
	width:100%;
	display:block;
	margin: 0 auto;
}
/* END CLASSES */
/* ID's */
#MainNav{
	padding-top:0px;
}
#Social{
	width:60%;
	margin:0px auto;
}
#NavBar{
	display:none;
}
#BlockTel{
	display:none;
}
#BlockAddress{
	display:none;
}
.cyanLine{
	border-bottom:1px solid #00aeef;
}

.btnSubmit {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00afef), color-stop(1, #00afef) );
	background:-moz-linear-gradient( center top, #00afef 5%, #00afef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#00afef');
	background-color:#00afef;
	-webkit-border-top-left-radius:0px;
	-moz-border-radius-topleft:0px;
	border-top-left-radius:0px;
	-webkit-border-top-right-radius:0px;
	-moz-border-radius-topright:0px;
	border-top-right-radius:0px;
	-webkit-border-bottom-right-radius:0px;
	-moz-border-radius-bottomright:0px;
	border-bottom-right-radius:0px;
	-webkit-border-bottom-left-radius:0px;
	-moz-border-radius-bottomleft:0px;
	border-bottom-left-radius:0px;
	border:0px;
	text-indent:0;
	display:inline-block;
	color:#ffffff;
	font-size:15px;
	font-weight:bold;
	font-style:normal;
	height:40px;
	width:160px;
	text-decoration:none;
	text-align:center;
}
.btnSubmit:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #00afef), color-stop(1, #00afef) );
	background:-moz-linear-gradient( center top, #00afef 5%, #00afef 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#00afef', endColorstr='#00afef');
	background-color:#00afef;
}.btnSubmit:active {
	position:relative;
	top:1px;
}

/* MEDIA QUERIES*/
@media (max-width: 600px) {
.SectionHead{
	text-align:center;
}
.contentArea{
	padding:0px 10px;
}
.contentServices{
	padding:0px 10px;
}
.contentAboutUs{
	padding:10px;
}
.contentHistory{
	padding:0px 10px;
}
.contentContactL{
	padding:80px 30px 0px 30px;
}
.contentContactR{
	padding:0px 30px;
}
.contentAreaBlack{
	padding:0px 10px;
}
.bottomLine{
	bottom:30px;
}
.contentPQI{
	padding-top:80px;
}
.contentQAC{
	padding-top:80px;
}
.contentDocumentExpediting{
	padding-top:80px;
}
.SANAS{
	width:50%;
}
.cyanLine{
	display:none;
}
.headline-Home{
	padding:60px 0px 200px 0px;
}
.OurServices{
	display:block;
	text-align:center;
	margin:0px auto;
}
#bgTopDiv{
	background: url(../images/blueBarNav2.png) repeat-x top center fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#pqi {
  background: url(../images/mobile-petroTechPQI.jpg) repeat-x top center fixed !important;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#qac {
  background: url(../images/mobile-petroTechQAC.jpg) repeat-x top center fixed !important;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#expediting {
  background: url(../images/mobile-petroTechExpediting.jpg) repeat-x top center fixed !important;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#documentexpediting {
  background: url(../images/mobile-petroTechDocumentExpediting.jpg) repeat-x top center fixed !important;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#contact {
  background: url(../images/mobile-petroTechContact.jpg) repeat-x top center fixed !important;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
#projects {
  background: url(../images/mobile-petroTechProjects.jpg) repeat-x top center fixed !important;
    -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
}
body {
  background: url(../images/mobile-petroTech1.jpg) repeat-x top center fixed !important;
  -webkit-background-size: cover;
  -moz-background-size: cover;
  -o-background-size: cover;
  background-size: cover;
  
}
}
@media (min-width: 1200px) {

}


@media (min-width: 800px) {
	#MainNav{
		padding-top:40px !important;
	}
	.Block:hover{
		border-bottom:4px solid #e0ac42;
	}
	.NavLink{
	color:#ffffff;
	font-size:12px;
	font-weight:normal;
	}
	#NavBar{
		display:block;
		padding:10px 2px 2px 2px;
		height:45px;
	}
	.HeadTable1{
		background-color:#ffffff;
		display:table;
		height:168px;
		width:100%;
	}
	#BlockTel{
		display:block;
	}
	#BlockAddress{
		display:block;
	}

}



@media (max-width: 800px) {
  #Main{
	  width:100% !important;
  }
  #Nav{
	  display:none !important;
  }
  #MobileNav{
	  adisplay:block;
  }
  .Contact {
	background-image:none !important;
	padding-left:60px !important;
  }
  #MENU{
	  display:block !important;
  }
	.contentHistory{
		padding:0px 10px !important;
	}

}
@media only screen 
and (min-width : 320px) 
and (max-width : 568px) 
and (orientation : portrait) { 
.contentArea{
	padding:0px 10px;
}
.OurServices{
	display:block;
	text-align:center;
	margin:0px auto;
}
.contentAboutUs{
	padding:10px !important;
	border:1px solid #00ff00;
}
H1{
	color:#ff0000;
}
}