@charset "utf-8";

html {
	background-image: url(../Images/Pipelines2.jpg);
	background-size: cover;
}
body{   font-family: Arial, Helvetica, sans-serif;
		width: 940px;
		margin: 0 auto;}

header{ height: 250px;
		background-color:#003366; 
		opacity: 0.9;
		overflow: hidden;}

#shareButtons {	
				padding-right: 12px;
				float: right;}

nav {
	line-height: 40px;
}

nav li{	float: left;
		list-style-type: none;
		opacity: 0.9;
		border: 1px solid #003366;
		margin-top: 40px;}

nav li:last-child {border-right: none;}

nav ul{padding: 0;}

nav a{font-family: 'Aldrich', sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	display: block;
	text-align: center;
	color: #003366;
	background: #fff;
	padding: 2px 42px 2px 41px;}



nav a:link {
	color: #000;}
nav a:visited {
	color: #000;}
nav a:hover {
	color: #fff;
	background: #003366;}
nav a:active {
	color: #025;}

h1{ font-family: 'Orbitron', sans-serif;
	font-size: 48px;
	color: #fff;
	font-weight: bold;
	text-align: center;
	display: block;
	position: static;}

h2 { font-family: 'Aldrich', sans-serif;
	font-size: 32px;
	text-align: center;
	color: #000;
	line-height: 60px;}

h3 { font-family: 'Aldrich', sans-serif;
	font-size: 21px;
	text-align: left;
	color: #000;
	padding-left: 20px;}

p{	font-size: 17px;
	padding: 0 20px;
	text-align: left;}

footer {width: 940px;
		height: 60px;
		background-color: #333333;
		color: #ffffff;
		display: inline-block;
		float: left;
		}
footer p{text-align: center;}
/* ------------------------->Home Page<------------------------*/

.home{	height: 305px;
		margin-top:0;}

.bannerimg{	background: url(../Images/blue.jpg);
			background-size: cover;
			height: 360px;
			margin-bottom: 0;}

.serviceBox{width: 330px;
			height: 320px;
			padding-bottom: 0;
			float: left;
			background-color: #fff;
			opacity: 0.9;}

.serviceBox ul{padding-left: 20px;}

.serviceBox li{	list-style-type: none;
				padding-bottom: 10px;}

.serviceBox a{	font-family: 'Cabin Condensed', sans-serif;
				font-size: 21px;
				text-decoration: none;
				text-align: left;
				margin-left: 0;}

.serviceBox a:link {color: #000;}

.serviceBox a:visited {color: #000;}

.serviceBox a:hover {color: #003366;
					text-decoration: underline;}

.serviceBox a:active {color: #025;}

.welcomeBox{width: 600px;
			height: 320px;
			float: left;
			margin-left: 10px;
			margin-right: 0;
			background-color:#003366;
			opacity: 0.9;}

.welcomeBox h2{	text-align: center;
				color: #fff;}

.welcomeBox p{	font-family: 'Cabin Condensed', sans-serif;
				font-size: 17px;
				color: #fff;
				padding: 0 25px;}
/*------------------------->Services Page<-----------------------*/

.services{	height: 1700px;
			margin-top: 0;
			float: left;
			background-color: #fff;
			opacity: 0.9;}
.services ul{
			display: inline;}

.services li{	list-style-type: none;
				padding-bottom: 10px;
				padding-left: 50px;}
.services p{padding-left: 50px;}
.services h3 {padding-left: 50px;}
/*----------------------->Qualification Page<---------------------*/

.qualifications{height: 600px;
				margin-top: 0;
				float: left;
				background-color: #fff;
				opacity: 0.9;
				width: 940px;}
.qualifications p{padding-left: 50px;}
.qualifications h3 {padding-left: 50px;}
/*---------------------->Work Experience<--------------------*/

.workExperience{height: 700px;	
				margin-top: 0;
				float: left;
				background-color: #fff;
				opacity: 0.9;
				width:940px;}
.workExperience p{padding-left: 50px;}
.workExperience h3 {padding-left: 50px;}
/*----------------------->About Page<-----------------------*/

.about{	height: 385px;
		margin-top: 0;
		float: left;
		background-color: #fff;
		opacity: 0.9;}
.about h2{padding-bottom: 0;}

.raficProfile{background: url(../Images/profile2.jpg);
				background-size: cover;
				height: 200px;
				width: 200px;
				margin:0 30px;
				float: left;}
/*----------------------->Contact Page<---------------------*/

.contact{}

:-moz-placeholder{
	color: #ccc;
}
::-webkit-input-placeholder{
	color: #ccc;
}

form:focus{
	outline: none;
}
form {width:940px; 
		margin: 0 auto;}

fieldset{ background-color:#003366;
		opacity: 0.9;
		height: 500px;}

.required-notification, .form-hint { font-size: 11px;}

.contact-form h2{
	margin:0;
	display:inline;
	color: #fff;
}
.required-notification{
	color:#399630;
	margin:5px 0 0 0;
	display: inline;
	float: right;
}

.contact-form label { width: 150px;
					margin-top: 3px;
					display: inline-block;
					float: left;
					padding: 3px;
					color: #fff;}
.contact-form input {
				height: 20px;
				width: 220px;
				padding: 5px 8px;
				opacity: 1;}
.contact-form textarea {padding: 8px; width:300px;
						resize: none;
						overflow: hidden;}
.contact-form .submit {margin-left: 156px;
						font-family: 'Aldrich', sans-serif;}

.form-hint {background-color: #d45252;
			color:#fff;
			border-radius: 3px;
			-moz-border-radius: 3px;
			-webkit-border-radius: 3px;
			margin: 8px 0 0 8px;
			padding: 1px 6px;
			z-index: 999;
			position: absolute;
			display: none;
			}
.contact-form input:focus + .form-hint{display: inline;
}
.contact-form input:required:valid + .form-hint{background-color: #28921f;
}
.contact-form textarea:focus + .form-hint{display: inline;
										margin-top: 35px;
}
.contact-form textarea:required:valid + .form-hint{background-color: #28921f;
													margin-top: 35px;
}
.contact-form ul{
	list-style-type: none;
	list-style-position: outside;
	width:910px;
	margin: 0;
	padding: 0;
}
.contact-form li{
	position: relative;
	padding: 12px;
}

}
input:required, textarea:required {
	background: #ffffff url(../Images/green_asterisk.png) no-repeat 98% center;
} 

.contact-form input:focus:invalid, .textarea input:focus:invalid{
	/*When a field is considered invalid by the browser*/
background: #ffffff url(../Images/invalid.png) no-repeat 98% center;
box-shadow: 0 0 5px #d45252;
-moz-box-shadow: 0 0 5px #d45252;
-webkit-box-shadow: 0 0 5px #d45252;
border-color: #f95f22;
}

.contact-form textarea:focus:invalid{
	/*When a field is considered invalid by the browser*/
background: #ffffff url(../Images/invalid.png) no-repeat 98% center;
box-shadow: 0 0 5px #d45252;
-moz-box-shadow: 0 0 5px #d45252;
-webkit-box-shadow: 0 0 5px #d45252;
border-color: #f95f22;}

.submit {background-color: #35b128;
		color: #f3f3f3;
		border: 1px solid #33842a;
		font-size: 1.1em;
		padding: 5px 25px;
		cursor: pointer;
		border-radius: 10px;
		-moz-border-radius: 10px;	
		-webkit-border-radius: 10px;
		box-shadow: 3px 3px 5px 6px #ccc;
		-moz-box-shadow: 3px 3px 5px 6px #ccc;
		-webkit-box-shadow: 3px 3px 5px 6px #ccc;
	}
.submit:hover, .submit:focus {outline: none;
				background-color: #399630;
				box-shadow: 2px 2px 3px 3px #ccc;
				-moz-box-shadow: 2px 2px 3px 5px #ccc;
				-webkit-box-shadow: 2px 2px 3px 5px #ccc;}
a {text-decoration: none;}
.clearFix:after{
	clear: both;
	display: table;
	content: "";
	overflow: hidden;
}

li.experiencetext{display: block;
				text-decoration: none;
				padding-top: 25px;
				padding-bottom: 25px;}
	list-style-type: none;}
ul {text-decoration: none;
	list-style-type: none;}
img.work-thumb{float: left;
			clear: left;
			padding-right: 20px;}
h3.ui-li-heading{margin-top: 30px;}