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


/* --------------------| BODY |-------------------- */

html {
background: url(../images/background/bg.jpg);
width: 100%;
height: 100%;
}

body {
font-family: Helvetica, Arial, sans-serif;
background:url(../images/header/header.png) repeat-x;
height:146px;
display:block;
}

/* --------------------| GENERAL TEXT |-------------------- */

.blue { 	color: #3363a0; }


a {
color: #2484b4;
}

a:hover {
	text-decoration: underline;
}

h1,h2,h3,h4,h5,h6,
h1 *, h2 *, h3 *, h4 *, h5 *, h6 * {
font-weight: normal;
}

h1, h2{
font-size: 18px;
line-height:22px;
text-transform: uppercase;
color:  #121c41;
float:left;
font-family: Helvetica, Arial, sans-serif;
margin: 0 0 10px 15px;
font-weight: bold;
text-transform:uppercase;
}



h3{
	
	color:#021629;
	font-size:16px;
	font-weight:bold;
	margin-bottom:5px;
	line-height:18px;}

	.innerStraps{
		font-size:16px;
		font-weight:bold;
		line-height:20px;}

strong {
font-weight: bold;
}
.strong {
font-weight: bold;
}

em {
font-style: oblique;
}

p{
line-height: 17px;
font-size:13px;
color: #021629;
font-family: Helvetica, Arial, sans-serif;
margin-bottom:15px;
}

.homeText{
	font-size:16px;
	line-height:22px;}

.bigTitle{
	font-size:19px;
	padding:15px;
	line-height:23px;
	width:360px;
	margin:0;
	}
	
	.bigCopy{
		font-size:22px;}
		
		.border{
			border:solid 1px #3363a0;}
	
/* --------------------| TILES |-------------------- */

#tileBox{
	float:left;
	width:960px;}
	
.tiles{
	float:left;
	margin-right:7px;}
	
	.tiles a{
		font-size:11px;
		line-height:16px;
		text-decoration:none;
		color: #2484b4;}
		
		.tiles a.topLinks{
		color: #fff;}
		
		.tiles a:hover{
		text-decoration:none;
		color: #fff;}
	
	.tiles p{
		font-size:11px;
		color:#fff;
		line-height:13px;
		margin-top:8px;}
	
.tileTop{
	background:url(../images/mainArea/tileTitle.png) no-repeat;
	width:183px;
	height:33px;
	text-transform:uppercase;
	color:#fff;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	line-height:14px;
	padding: 17px 0 0 0;
	margin:0;
	}
	
	.thirdTile{
			padding:10px 0 0 0 ;
			height:40px;}
	
	.bigTop{
		width:389px;
		background:url(../images/mainArea/tileTitleBig.png);}
	
	.midTiles{
		background:#121c41;
		padding:20px 10px 9px 9px;
		margin:0 0 -8px 0;
		height:200px;
		}
		
		.midBig{
			width:370px;
			float:left;
			}
		
		.inner{
			width:153px;
			padding:15px;
			}
		
		
		.tileLinks{
			margin-bottom:34px;}
			
			.innerTiles{
				width:150px;
				padding:0 15px;
				float:left;
			}
			
			.map{
				background:url(../images/mainArea/map.png) no-repeat 20px 60px #121c41;}
			
/* --------------------| GENERAL CRAP |-------------------- */

.clear {
clear:both;
display: block;
}

.clearfix:after {
content:".";
display:block;
height:0;
clear:both;
visibility:hidden;
}

.clearfix {display:inline-block;}
/* Hide from IE Mac \*/
.clearfix {display:block;}
/* End hide from IE Mac */

.clear10 {height:10px; clear:both;}
.clear15 {height:15px; clear:both;}
.clear20 {height:20px; clear:both;}
.clear25 {height:25px; clear:both;}
.clear30 {height:30px; clear:both;}
.clear45 {height:45px; clear:both;}
.clear40 {height:40px; clear:both;}
.clear60 {height:60px; clear:both;}
.clear80 {height:80px; clear:both;}
.clear120 {height:120px; clear:both;}

.resourceClear{height:255px;}
*+html .resourceClear{height:265px;}

.right { float: right !important; }
.left { float: left !important; }

.textRight { text-align: right; }
.textLeft { text-align: left; }

.noBg{
	background-image:none;}


/* --------------------| MAIN CONTENT AREA |-------------------- */


#container{
	width:960px;
	margin:0 auto;}
	
	#innerFooter{
	width:960px;
	margin:0 auto;
	text-align:center;}
	
	#innerFooter p{
		color:#fff;
		padding-top:10px;
		font-size:11px;}
	
	#mainArea{
		background:url(../images/background/arrowBg.png) no-repeat 0 -15px;
		margin-top:-15px;
		float:left;
		width:960px;
		}
		
		
			.info ul{
				float:left;}
		
		.info ul li{
			background:url(../images/mainArea/bullet.png) no-repeat 0 3px;
			font-weight:bold;
			font-size:12px;
			color:#021629;
			line-height:16px;
			padding: 0 0 6px 15px;
			}
			
			.info ul li ul{
				padding:10px 0;}
			
				.info ul li ul li{
			background:url(../images/mainArea/subBullet.png) no-repeat 0 3px;
			font-weight:bold;
			font-size:12px;
			color:#021629;
			line-height:16px;
			padding: 0 0 6px 10px;}
		
		#leftAreaHome{
			width:425px;
			float:left;}
			
			#leftArea{
				width:480px;
				float:left;}
				
				#rightArea{
					width:460px;
					float:right;}
					
			#mainArea .info{
				background:url(../images/background/whiteTrans.png);
			padding:15px;
			color:#021629;
			width:930px;
			float:left;
			display:inline-block;}
			
  #mainArea .paragraphs {
	  background:url(../images/background/whiteTrans.png);
	padding:15px;
	width:390px;
	color:#021629;
	display:inline-block;
	
	}
	#rightAreaHome{
		float:right;
		padding: 30px 80px 0 0;
		}
		
		#ctaBig{
			background:url(../images/background/whiteTrans.png);
			padding:15px;
			width:930px;
			height:30px;}
			
			#ctaBig p{
			color:#021629;
			font-size:17px;
			float:left;
			padding-top:7px;
			width:530px;
			}
			
			.ctaButton{
				background:url(../images/mainArea/ctaBut.jpg) no-repeat #021629 900px 7px;
				color:#fff;
				padding:17px 20px 8px 20px;
				font-size:17px;
				width:890px;
				display:block;
				clear:both;
				height:10px;
				float:right;
				text-decoration:none;
				}
				
				.ctaButton:hover{
					text-decoration:none;
					color:#a5a5a7;}
					
					.searchCTA{
						background-position:188px 7px;
						width:175px;
						float:none;}
						
						.findCTA{
							background-position:158px 7px;
						width:145px;
						float:none;}
						
						.iDoCTA{
							background-position:488px 7px;
						width:475px;
						float:none;}
												.oilCTA{
							background-position:508px 7px;
						width:495px;
						float:none;}
						
						.submitBut{
							background:url(../images/mainArea/ctaBut.jpg) no-repeat #021629 125px 5px;
						width:150px;
						padding:5px;
						font-size:14px;
						color:#fff;
						border:0;
						float:none;}
					
					.frenchCTA{
						width:328px;
						background-position: 340px 7px;
						float:none}
				
				.smallCTA{
					float:none;
					width:175px;}
					
					.opBox{
						height:250px;
						display:block;
						float:left;
						margin-bottom:15px;}
						
						
			.thirds{
				width:300px;
				margin-right:10px;
				float:left;}
				
				
					
					.aboutPage{
						position:relative;
						float:left;}
						
						#robsPic{
					position:absolute;
					top:-30px;
					left:75px;
					float:left;
					z-index:1;}

.backgrounds{
	background-image:url(../images/mainArea/list_arrows.png) no-repeat;
	display:block}

/* --------------------| FORM |-------------------- */

td{
	font-size:14px;
	color:#021629;
	line-height:18px;}
	
	.entry{
		border:solid 1px #457dae;}
		
		tr {
			height:30px;
			margin: 0 0 15px 0 }

#header{
	background:url(../images/header/logo.png) no-repeat center 0;
	height:155px;
display:block;}


	
	
	#jsddm
{	width:901px;
	height:30px;
	margin:73px auto 0 40px;
	float:left;
	}
	
	#jsddm li
	{	float:left;}

	#jsddm li a
	{	background:url(../images/navigation/mainNav.png);
		height:30px;
		display:block;
		white-space: nowrap}

#jsddm li .home{
	background-position:0 0;
	width:53px;}	
	
	#jsddm li .home:hover{
	background-position:0 -37px;
	}
	
	#jsddm li .about{
	background-position:-53px 0;
	width:100px;}	
	
	#jsddm li .about:hover{
	background-position:-53px -37px;
	}
	
	#jsddm li .directories{
	background-position:-153px 0;
	width:94px;}	
	
	#jsddm li .directories:hover{
	background-position:-153px -37px;
	}
	
	#jsddm li .opportunities{
	background-position:-247px 0;
	width:98px;}	
	
	#jsddm li .opportunities:hover{
	background-position:-247px -37px;
	}
	
	.spacer{
		width:174px;
		height:30px;
		display:block;}
		
	#jsddm li .resources{
	background-position:-507px 0;
	width:80px;}
	
	#jsddm li .resources:hover{
	background-position:-507px -37px;
	}
	
	#jsddm li .resources{
	background-position:-674px 0;
	width:80px;}
	
	#jsddm li .resources:hover{
	background-position:-674px -37px;
	}
	
	#jsddm li .development{
	background-position:-595px 0;
	width:110px;}
	
	#jsddm li .development:hover{
	background-position:-595px -37px;
	}
	
	#jsddm li .services{
	background-position:-500px 0;
	width:76px;}
	
	#jsddm li .services:hover{
	background-position:-500px -37px;
	}
	
	#jsddm li .aboutCan{
	background-position:-577px 0;
	width:93px;}
	
	#jsddm li .aboutCan:hover{
	background-position:-577px -37px;
	}
	
	#jsddm li .contact{
	background-position:-757px 0;
	width:86px;}
	
	#jsddm li .contact:hover{
	background-position:-757px -37px;
	}
	
		
		#jsddm li ul
		
		{	margin: 5px 0 0 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			text-align:left;
			background: #8c8c8c;
			width:150px;
			}
		
		#jsddm li ul li
		{	float: none;
			display: inline}
		
		#jsddm li ul li a
			{
			display:block;
			padding:10px 20px 3px 10px;
			height:20px;
			font-size:11px;
			line-height:14px;
			background: #8c8c8c;
			color: #fff;
			text-decoration:none;
			width:100%;
			}
			
			#jsddm li ul li a:hover
			{	background: #3363a0;
			color:#9dafcb;
				width:150px;}
				
			
			#jsddm li .smaller
		
		{	margin: 5px 0 0 0;
			padding: 0;
			position: absolute;
			visibility: hidden;
			text-align:left;
			background: #8c8c8c;
			width:100px;
			}
			
			#jsddm li .smaller li a:hover
			{	background: #3363a0;
			color:#9dafcb;
				width:100px;}


	
.headerButtons{
	border:solid 1px #3062a7;
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	color:#9da4ae;
	float:left;
	margin:10px 10px 0 0;
	padding:10px 8px 10px 25px;
	text-align:center;
	}
	.headerButtons:hover{
		color:#3062a7;
		text-decoration:none;
	}
	
	.rss{
		background:url(../images/header/rssFeed.png) no-repeat 3px 3px;
		}
		
		.linked{
		background:url(../images/header/linkedIn.png) no-repeat 3px 3px;
		}
		
		.fb{
		background:url(../images/header/fb.png) no-repeat 3px 3px;
		}
		
		.twit{
		background:url(../images/header/twit.png) no-repeat 3px 3px;
		}
		
		.strap {
color:#FFFFFF;
float:right;
font-size:20px;
margin:0;
padding:10px 0 0;
}
		.bigPara{
			color:#fff;
			background:#3363a0;
			font-size:20px;
			text-transform:uppercase;
			text-align:center;
			line-height:25px;
			padding: 10px 0;
			width:960px;
			}
			
			/* --------------------| RESOURCES |-------------------- */
			
			
			.resourcelist{
				float:left;
				margin:0 0 10px 85px;
				width:900px;}
				
				.world{
					margin:0 0 30px 35px;}
					
					.assoc{
					margin:0 0 30px 250px;}
				
				.world li{
					margin-right:60px;
					width:220px;}
					
					.assoc li{
					margin-right:60px;}
				
				.resourcelist li{
					float:left;
					text-align:center;
					display:inline-block;
					margin-right:100px;
					}
					.imageBox{
						height:35px;
						display:block;}
					
					.resourcelist li a{
						clear:both;
						line-height:22px;
						
						}
					
			
					
					.resourceTable .title{
				width:150px;
				height:40px;
				text-align:left;}
			
			.resourceTable .titleWorld{
				width:220px;
				height:40px}
			
			.resourceTable .web{
				width:150px;
				font-size:16px;
				height:40px
				}
				
				.resourceTable .web a:hover{
					text-decoration:none;}
				
				.flags{
					margin-left:5px;}
	
	
/* --------------------| GALLERY |-------------------- */

		
	
/* --------------------| FOOTER |-------------------- */

#footer{
	background:#121c41;
	border-top:solid 4px #3363a0;
	height:40px;
	clear:both;}