﻿<!DOCTYPE HTML>
<html lang="en-US">
<head>
  <meta http-equiv="content-type" content="text/html; charset=UTF-8">
  <title>----CONTACT US----</title>

  <script language="JavaScript" type="text/JavaScript">
    <!--
    function MM_swapImgRestore() { //v3.0
      var i,x,a=document.MM_sr; for(i=0;a&&i<a.length&&(x=a[i])&&x.oSrc;i++) x.src=x.oSrc;
    }

    function MM_preloadImages() { //v3.0
      var d=document; if(d.images){ if(!d.MM_p) d.MM_p=new Array();
        var i,j=d.MM_p.length,a=MM_preloadImages.arguments; for(i=0; i<a.length; i++)
        if (a[i].indexOf("#")!=0){ d.MM_p[j]=new Image; d.MM_p[j++].src=a[i];}}
    }

    function MM_findObj(n, d) { //v4.01
      var p,i,x;  if(!d) d=document; if((p=n.indexOf("?"))>0&&parent.frames.length) {
        d=parent.frames[n.substring(p+1)].document; n=n.substring(0,p);}
      if(!(x=d[n])&&d.all) x=d.all[n]; for (i=0;!x&&i<d.forms.length;i++) x=d.forms[i][n];
      for(i=0;!x&&d.layers&&i<d.layers.length;i++) x=MM_findObj(n,d.layers[i].document);
      if(!x && d.getElementById) x=d.getElementById(n); return x;
    }

    function MM_swapImage() { //v3.0
      var i,j=0,x,a=MM_swapImage.arguments; document.MM_sr=new Array; for(i=0;i<(a.length-2);i+=3)
       if ((x=MM_findObj(a[i]))!=null){document.MM_sr[j++]=x; if(!x.oSrc) x.oSrc=x.src; x.src=a[i+2];}
    }
    //-->
  </script>

  <link rel="stylesheet" href="../nivo-slider.css" media="screen" />
  <link rel="stylesheet" href="style.css" media="screen" />
  <link rel="stylesheet" href="style1.css">
  <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.3.2/jquery.min.js" type="text/javascript"></script>
  <script src="jquery.validate.pack.js" type="text/javascript"></script>

  <script type="text/javascript">
    $(document).ready(function(){
    	$("#contactform").validate();
    });
  </script>

  <style type="text/css">
    body {
    	font-family:Arial, Tahoma, sans-serif;
    }
    #contact-wrapper {
    	width:430px;
    	border:1px solid #e2e2e2;

    	padding:20px;
    }
    #contact-wrapper div {
    	clear:both;
    	margin:1em 0;
    }
    #contact-wrapper label {
    	display:block;
    	float:none;
    	font-size:15px;
    	width:auto;
    }
    form#contactform input {
    	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    	border-style:solid;
    	border-width:1px;
    	padding:5px;
    	font-size:13px;
    	color:#333;
    	width:250px;
    }
    form#contactform textarea {
    	font-family:Arial, Tahoma, Helvetica, sans-serif;
    	font-size:100%;
    	padding:0.6em 0.5em 0.7em;
    	border-color:#B7B7B7 #E8E8E8 #E8E8E8 #B7B7B7;
    	border-style:solid;
    	border-width:1px;
    }
  </style>
</head>

<body  bgcolor="#c8c8c8" >
	<div class="d_t bg_bottom">
		<div class="d_t bg_top" id=DIV1>
			<div class="d_t main">
				<div class="d_t header">
					<div class="d_r">
						<div class="d_c" id=DIV1>
					<IMG src="images/logo.png" alt="" width="361" height="108" id=IMG1  border="0" ><IMG id=IMG1 width="232" height="39" style =" MARGIN-LEFT: 122px;margin-bottom:25px;" alt="" src="images/tel.png" ><br>
							<IMG height=4 alt="" src="images/spacer.gif" width=1><br>
						<IMG height=1 alt="" src="images/spacer.gif" width=14><IMG height=1 alt="" src="images/spacer.gif" width=32>	<IMG height=1 alt="" src="images/spacer.gif" width=32><A onMouseOver="MM_swapImage('r1','','images/l1.gif',1)" onmouseout=MM_swapImgRestore() href="index.html"><IMG alt="" src="images/l1-1.gif" name=r1></A><IMG alt="" src="images/l-l.gif" ><A onMouseOver="MM_swapImage('r3','','images/l3-3.gif',1)" onmouseout=MM_swapImgRestore() href="aboutus.html"><IMG alt="" src="images/l3.gif" name=r3></A><IMG alt="" src="images/l-l.gif" ><A onMouseOver="MM_swapImage('r2','','images/l2-2.gif',1)" onmouseout=MM_swapImgRestore() href="mission.html"><IMG alt="" src="images/l2.gif" name=r2></A><IMG alt="" src="images/l-l.gif" ><A onMouseOver="MM_swapImage('r4','','images/l4-4.gif',1)" onmouseout=MM_swapImgRestore() href="contact.php"><IMG  alt="" src="images/l4-4.gif" name=r4></A><IMG alt="" src="images/l-l.gif" ><A onMouseOver="MM_swapImage('r6','','images/l6-6.gif',1)" onmouseout=MM_swapImgRestore() href="career.php"><IMG  alt="" src="images/l6.gif" name=r6></A>

						</div>
					</div>
				</div>
				<div class="d_t content">
					<div  >
						<div class="d_t"  >
							<div class="d_r">
								<div class="d_c" style="width:100%; ">

										<div style="padding-left:19px;" class="d_t"  >



										<div class="d_r">

												<div style="margin: 22px 30px 15px 20px">

												<h2>Contact Us</h2><br>
												<div id="contact-wrapper">



	<form method="post" action="/contact.php" id="contactform">
		<div>
		    <label for="name">Name:</label>
			<input type="text" size="50" name="contactname" id="contactname" value="" class="required" />
		</div>

		<div>
			<label for="email">Email:</label>
			<input type="text" size="50" name="email" id="email" value="" class="required email" />
		</div>

		<div>
			<label for="subject">Subject:</label>
			<input type="text" size="50" name="subject" id="subject" value="" class="required" />
		</div>

		<div>
			<label for="message">Message:</label>
			<textarea style="width:300px;" cols="35" rows="3" name="message"  id="message" class="required"></textarea>
		</div>
	    <input type="submit" value="Send Message" name="submit" />
	</form>
	</div>



												</div>

										</div>









									</div>
								</div>

							</div>
						</div>

					</div>
				</div>
				<div   class="d_t bottom">
					<div class="d_r">
						<div class="d_c">
							<div class="ls_text" style="margin-left:41px; margin-top:20px;  "></div>
							<div class="c_text" style="margin-left:201px; margin-top:20px;  ">&copy;2015 PETROGLOBE DMCC &#8226;  <img alt="" src="images/spacer.gif" width="15" height="1"><img alt="" src="images/spacer.gif" width="19" height="1"></div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>

</body>
</html>