@charset "UTF-8";
/* CSS Document */

/* GLOBAL CSS STUFF */
html, body, #header, .container, h1, h2, h3, #nav ul, #big-image, #sub-nav ul, #blue-area, #footer, #main-content{
	margin:0 auto;
	padding:0;
}
img{
	border:none;
}
h1{
	font-weight:400;
	color:#004B8D;
}
body{
	font-family: 'Roboto', sans-serif;
}
.container{
	width:980px;
}
#logo{
	float:left;
	width:15%;
}
#logo img{
	width:100%;
	height:auto;
}
a{
	color:#004B8D;
}
a:hover{
	color:#58595B;
}
#nav{
	float:right;
	margin-top:1.8em;
}
#nav ul{
	list-style:none;
}
#nav ul li{
	position:relative;
	display:inline-block;
	*display:inline;
	zoom:1;
	margin-left:1em;
}
#nav ul li a{
	font-size:1.1em;
	text-decoration:none;
	color:#004B8D;
}
#nav ul li a:hover{
	color:#919195;
}
#nav ul .current{
	color:#919195;
}
#nav ul li ul{
	position:absolute;
	top:25px;
	left:0;
	padding:0;
	z-index:1000;
	display:none;
}
#nav ul li ul li{
	display:block;
	float:none;
	margin:0;
	line-height:15px;
	width:200px;
	background:#FFF;
}
#nav ul li:hover ul{
	display:block;
}
#header{
	margin:1.5em 0 1.5em;
}
#blue-area{
	background:#004B8D;
	color:#FFF;
	font-size:1em;
	min-width:980px;
	max-width:1376px;
}
#blue-area .container{
	background:url(../web/Flowsure-brand.png) no-repeat bottom right;
}
#blue-area-sml, #blue-area-sml2{
	background:#004B8D;
	color:#FFF;
	font-size:1em;
	min-width:980px;
	max-width:1376px;
}
#blue-area-sml .container{
	background:url(../web/flowsure-mark-sml.png) no-repeat bottom right;
}
#blue-area-sml2 .container{
	background:url(../web/flowsure-mark-sml2.png) no-repeat bottom right;
}
#blue-area h1, #blue-area-sml h1, #blue-area-sml2 h1{
	color:#FFF;
	font-size:1.75em;
	font-weight:400;
	color:#B0BBD9;
}
#blue-area #content-area p, #blue-area-sml #content-area p, #blue-area-sml2 #content-area p{
	margin-top:0.3em;
}
#blue-area #content-area, #blue-area-sml #content-area, #blue-area-sml2 #content-area{
	padding:1em 0 1em;
	/*width:630px;*/
	width:100%;
	text-align:justify;
}
#image-container{
	display:block; min-width:976px; max-width:1376px; width:100%; margin: 0 auto 0;
}
#big-image{
	text-align:center;
	display:block;
	margin:auto;
	clear:both;
	width:100%;
}
#big-image img{
	width:100%;
	min-width:980px;
	max-width:1376px;
	margin:0 auto;
}
#sub-nav{
	padding:1em 0 1em;
}
#sub-nav ul li{
	display:inline-block;
	margin-right:0.75em;
	box-shadow: 0px 0px 10px #888888;
	width:230px;
	height:175px;
}
#sub-nav ul li a{
	display:block;
}
#sub-nav ul .text{
	color:#004B8D;
	font-size:1.25em;
	position:relative;
	top:140px;
	left:10px;
	margin:0;
	padding:0;
	z-index:10;
}
#footer{
	min-width:980px;
	max-width:1376px;
	background:#E0E1E2;
	color:#919195;
}
#footer .container{
	padding:1em 0 1em;
}
#footer h3{
	color:#004B8D;
	font-weight:400;
}
#footer .col-contact{
	float:left;
	font-size:0.8em;
}
#footer .col-legal{
	float:left;
	margin-left:10em;
	font-size:0.8em;
	margin-top:1.5em;
}
#footer .col-copy{
	float:right;
	margin-top:1.5em;
	text-align:right;
	font-size:0.8em;
}
#footer #fpal-logo{
	margin-top:10px;
}
#footer a{
	color:#919195;
}
#main-content h1{
	margin:0.75em 0 0.75em;
	text-align:left;
}
#main-content .info{
	text-align:left;
	margin:0;
}
.banner-txt{
	font-size:1.2em;
}
/* WHAT WE DO PAGE */

#what-we-do{
	background:url(../images/what-we-do-info.jpg) no-repeat;
	width:980px;
	height:551px;
}
.pointer{
	background:url(../web/info-pointer.png) no-repeat;
	width:32px;
	height:32px;
	cursor:pointer;
}
#info1{
	background:url(../images/production-chemist.png) no-repeat;
	width:201px;
	height:133px;
	position:relative; 
	bottom:65px; 
	left:29px; 
	display:none;
	z-index:1;
}
#info2{
	background:url(../images/well-performance-tab.png) no-repeat;
	width:201px;
	height:151px;
	position:relative; 
	bottom:170px; 
	left:35px; 
	display:none;
	z-index:2;
}
#info3{
	background:url(../images/production-opt-tab.png) no-repeat;
	width:201px;
	height:133px;
	position:relative; 
	bottom:350px; 
	left:85px; 
	display:none;
	z-index:3;
}
#info4{
	background:url(../images/hydraulic-tab.png) no-repeat;
	width:218px;
	height:150px;
	position:relative; 
	bottom:230px; 
	left:157px; 
	display:none;
	z-index:4;
}
#info5{
	background:url(../images/slugging-tab.png) no-repeat;
	width:197px;
	height:133px;
	position:relative; 
	bottom:170px; 
	left:460px; 
	display:none;
	z-index:5;
}
#info6{
	background:url(../images/well-operations-tab.png) no-repeat;
	width:180px;
	height:133px;
	position:relative; 
	bottom:282px; 
	left:583px; 
	display:none;
}
#info7{
	background:url(../images/interface-tab.png) no-repeat;
	width:226px;
	height:148px;
	position:relative; 
	bottom:335px; 
	left:705px; 
	display:none;
}
#info8{
	background:url(../images/hydrate-tab.png) no-repeat;
	width:218px;
	height:150px;
	position:relative; 
	bottom:268px; 
	left:705px; 
	display:none;
}
#info9{
	background:url(../images/wax-depo-tab.png) no-repeat;
	width:216px;
	height:133px;
	position:relative; 
	bottom:190px; 
	left:640px; 
	display:none;
}
#info10{
	background:url(../images/chemical-tab.png) no-repeat;
	width:187px;
	height:148px;
	position:relative; 
	bottom:73px; 
	left:563px; 
	display:none;
}
#info11{
	background:url(../images/erosion-tab.png) no-repeat;
	width:216px;
	height:147px;
	position:relative; 
	bottom:33px; 
	left:690px; 
	display:none;
}
#info12{
	background:url(../images/solids-tab.png) no-repeat;
	width:188px;
	height:133px;
	position:relative; 
	bottom:20px; 
	left:390px; 
	display:none;
}
/*

/* OUR SERVICES */
#accordion{
	margin-top:0.5em;
	margin-bottom:1em;
}
#accordion h3{
	background:#004B8D;
	color:#FFF;
	font-size:1em;
	padding:0.3em;
	font-weight:400;
	margin-bottom:0.25em;
	cursor:pointer;
}
#accordion div{
	padding:0.5em;
	margin-bottom:0.25em;
	background:#E0E1E2;
	text-align:justify;
}
#accordion .first{
	margin:0;
}

/* ABOUT PAGE */
.profile-cont{
	width:100%;
	border-bottom:1px solid #E2E3E4;
	padding:1em 0 1em;
}
.profile-photo{
	float:left;
	padding:0.5em;
	border:0.5em solid #FFF;
	box-shadow: 0px 0px 10px #888888;
	background:#FFF;
}
.profile-info{
	float:right;
	width:730px;
	text-align:justify;
}
.profile-info h3{
	color:#004B8D;
	font-weight:400;
	width:auto;
	font-size:1.5em;
}
.profile-info span{
	margin-left:0.5em;
}

/* PROJECT PAGE */
.project-details{
	float:left;
	width:65%;
}
.project-details h2, .job-details h2{
	color:#004B8D;
	font-weight:normal;
}
.project-photo{
	float:right;
}
.project-photo img{
	border:8px solid #FFF;
	box-shadow: 0px 0px 10px #888888;
}
#project-logos{
	margin-bottom:1em;
}
#project-logos .item{
  margin: 3px;
  padding:30px;
}
#project-logos .item img{
  display: block;
  width: 100%;
  height: auto;
}

/*CAREERS PAGE */
.job-details{
	float:left;
}

.apply{
	float:right;
}


/*CONTACT PAGE */
#contact-form{
	float:left;
	width:565px;
}
#other-contact{
	float:right;
	width:375px;
}
#other-contact div{
	margin-bottom:1em;
}
#other-contact h3{
	float:left;
}
#other-contact span{
	font-size:1.5em;
	margin-left:0.5em;
}
.phone-icon{
	background:url(../web/phone-icon.png) no-repeat;
	width:29px;
	height:29px;
}
.email-icon{
	background:url(../web/email-icon.png) no-repeat;
	width:29px;
	height:29px;
}
.linkedin-icon{
	background:url(../web/linkedin-icon.png) no-repeat;
	width:29px;
	height:29px;
}
.location-icon{
	background:url(../web/location-icon.png) no-repeat;
	width:29px;
	height:29px;
}
#map-text{
	clear:right;
	text-align:right;
}
#map-text a{
	color:#004B8D;
}
#map-text a:hover{
	color:#58595B;
}
fieldset {
	border:none;
	padding:0;
}
fieldset > div
{
	background-color: #fff;
	border: 1px solid #ccc;
	margin: 0.5em 0 0.5em;
	padding: 0 0.5em;
}

fieldset > label{
	font-family:Verdana, Geneva, sans-serif;
	font-size:1em;
	color:#213C75;
	margin-botton:15px;
}

fieldset .error {
	background-color:#FF000D;
	color:#FFF;
	padding:5px;
	font-weight:bold;
}

fieldset .info {
	background-color:#00FF36;
	color:#FFF;
	padding:5px;
	font-weight:bold;
}
input[type=text], input[type=email], input[type=password], textarea {
	background-color: transparent;
	border: none;
	line-height: 1.2em;
	margin: 0;
	outline: none;
	padding: 3px 0;
	width: 100%;
	font-size:1em;
}
select{
	width:100%;
	font-size:1em;
	background:#FFF;
	border:none;
	margin: 0.5em 0 0.5em;
	border: 1px solid #ccc;
}

fieldset > div, input[type=text], input[type=email], input[type=password], textarea {
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
fieldset input[type=submit]{
	border:none;
	font-size:1em;
	padding:0.5em;
	background:#004B8D;
	color:#FFF;
	cursor:pointer;
}
fieldset input[type=submit]:hover{
	background:#58595B;
}

.req {
	color:#FF000D;
}

.lblError {
	color:#FF000D;
}

.formError {
	border:1px solid #FF000D;
}


.capitalize
{
	text-transform: capitalize;
}

.clear{
	clear:both;
}