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

/*----------------------------------------------------------------------------------
[Master Style Sheet]
------------------------------------------------------------------------------------
Project:		Lynden Energy
Version:		1.0
Designer:		Ryan Martinez - Spincaster design (ryan@spincaster.com)
CSS 2.1 standards validated by: W3C  validated on: 
last change:	
Assigned to:
Primary use:	Lynden Energy

Color  palette:
	p standard: 		#5D5F5E; grey
	p highlight:		#1E79AE; blue
----------------------------------------------------------------------------------*/

/*----------------------------------------------------------------------------------
	global reset
----------------------------------------------------------------------------------*/
* {
	border:none;
	outline:none;
	padding:0;
	margin:0;
	list-style:none;
	text-decoration:none;
}

/*----------------------------------------------------------------------------------
	global styles
----------------------------------------------------------------------------------*/
@font-face {  
	  font-family: HelviticaNeue;  
	  src: url(../images/HelveticaNeueLTCom-Lt.ttf ) format("truetype");  
	}  
.clearer{
	height:1px; width:100%;
	margin:0px; padding:0px;
	clear:both;
}
/*the following will remove the dotted outline that appears when a link is focused*/
a:focus {
	outline: none;
}
a.skipToContent{
	display:none;
}
/*----------------------------------------------------------------------------------
	default template for Lynden Energy
----------------------------------------------------------------------------------*/
html{
	position:relative;
	height:100%; width:100%;
}
body{
	position:relative;
	height:100%; width:100%;
	background:#828282 url(../images/background/html_bg.jpg) repeat-x 0px 0px;
}

#mainContainer{
	position:relative;
	margin:0px auto;
	width:971px;
	background:#fff url(../images/background/mainContainer-interior_bg2.jpg) no-repeat -1px 0px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}

/*----------------------------------------------------------------------------------
	1.0 Header styles
----------------------------------------------------------------------------------*/
#header{
	position:relative;
	height:197px; width:100%;
}

#header h1{
	display:block;
	position:absolute;
	top:38px; left:0px;
	width:auto; height:auto;
}
	#header h1 a{
		display:block;
		width:205px; height:85px;
	}
	#header h1 a span{ display:none; }
	
	#header a#login{
		position:absolute;
		top:5px; right:0px;
		display:block;
		height:24px; width:53px;
		padding:7px 0px 0px 9px;
		background:url(../images/button/loginButton_bg.png) no-repeat 0px 0px;
		color:#666;
	}
	#header a#login:hover{
		background:url(../images/button/loginButton_bg.png) no-repeat -61px 0px;
		color:#fff;
	}
	#header a#login:active{ color:#1F55AD; /*blue*/ }
	#header #StockIndexNumber{
		position:absolute;
		top:154px; right:140px;
		text-transform:uppercase;
		font-size:20px;
		font-family: HelviticaNeue, Helvetica, Arial, sans-serif;
		font-weight:normal;
		color:#1F55AD; /*blue*/	
	}
	#header #emailBedrock{
		position:absolute;
		right:82px; top:84px;
		display:block;
		width:122px; height:25px;
		padding:9px 0px 0px 35px;
		background:url(../images/button/emailButton_bg.png) no-repeat 0px 0px;
		color:#1F55AD; /*blue*/	
	}
	#header #emailBedrock:hover{ color:#222; }
	
/*----------------------------------------------------------------------------------
	2.0 Primary Navigation styles
----------------------------------------------------------------------------------*/
	#pnav{
		position:absolute;
		top:134px; left:0px;
		height:62px; width:724px;
		z-index:5;
	}
	#pnav > ul{
		position:relative;
		width:704px; height:100%;
		padding-left:20px;
	}
	#pnav > ul > li{
		position:relative;
		float:left;
		width:auto; height:auto;
		padding:0px 10px 0px 0px;
	}
	
	#pnav > ul > li > a{
		display:block;
		/*border:1px solid green;*/
		padding-right:6px;
		color:#1F55AD; /*blue*/	
	}
	#pnav > ul > li > a span {
		position:relative;
		display:block;
		height:32px; width:auto;
		padding:20px 7px 0px 21px;
			/*border:1px solid red;*/
	}
	#pnav  > ul > li:hover > a{
		background:url(../images/background/pnav-ul-li-span-background.png) no-repeat right 15px; 
		color:#fff
	}
	#pnav  > ul > li > a:active{ color:#F26631; /*orange*/ }
	#pnav  > ul > li:hover > a span{
		background:url(../images/background/pnav-ul-li-background.png) no-repeat 7px 15px;
	}
	
		#pnav ul li ul{
			display:none;
			position:absolute;
			top:36px; left:7px;
			width:194px;
			padding-bottom:12px;
			background:url(../images/background/subnav-bg.png) no-repeat 0px bottom;
		}
		#pnav > ul > li:hover > ul{ display:block; }
		#pnav ul li ul li{	
			position:relative;
			background: url(../images/background/subnav-li-bg.png) repeat-y 0px 0px;
			border-top:1px solid #1e8bc9; 
		}
		#pnav > ul > li > ul > li:first-child{
			padding-top:25px;
			background: url(../images/background/subnav-li-first-bg.png)  no-repeat 0px 0px;
			border:none;
			
		}
		#pnav ul li ul li a{
			display:block;
			color:#83C2E5; /*baby blue*/
			background:url(../images/background/featuredNewsLink_bg.png) no-repeat 15px 11px;
			padding:7px 5px 7px 30px;
		}
		#pnav ul > li > ul > li:hover > a{
			background:#2D92CA url(../images/background/featuredNewsLink_bg.png) no-repeat 15px 11px;
			color:#fff;
		}
		#pnav ul li ul li a:active{ color:#F26631; /*orange*/ }
			#pnav ul li ul li ul{
				display:none;
				position:absolute;
				left:193px; top:-11px;
				z-index:6;
			}
			#pnav ul li ul li:first-child ul{ top:15px }
			#pnav ul li ul li:hover ul{display:block;}
			#pnav ul li ul li ul li:first-child{
				padding-top:10px;
				background:url(../images/background/subsubnav-li-first-bg.png) no-repeat 0px 0px;
				border:none;
			}
			
/*----------------------------------------------------------------------------------
	4.0 Content
----------------------------------------------------------------------------------*/
	#content{
		float:left;
		position:relative;
		width:724px; 
	}
		#mainContent{
			width:694px;
			padding:80px 15px 15px 15px;
			float:left;
			color:#545454;
		}
			#mainContent h1{display:none;}
			#mainContent h2{
				display:block;
				height:35px;
				padding:2px 0px 0px 5px;
				margin-bottom:15px;
				color:#fff;
				font-family: HelviticaNeue, Helvetica, Arial, sans-serif;
				font-weight:normal;
				font-size:18px;
			}
			#mainContent h3,#mainContent h4,#mainContent h5,#mainContent h6{
				margin-bottom:10px;
				font-family: HelviticaNeue, Helvetica, Arial, sans-serif; 
				font-weight:normal;
			}
			#mainContent h3{ 
				color:#F26631; /*orange*/ 
				padding-bottom:5px;
				font-size:18px;
				border-bottom:1px solid #ddd;
				font-weight:bold;
				
			}
			#mainContent h4{ color:#f58d66; /*light orange*/ font-size:16px; font-weight:bold;}
			#mainContent h5{ color:#2172B5; /*light blue*/ font-size:16px;}
			#mainContent h6{ color:#2172B5; /*light blue*/ font-size:14px;}
			
			#mainContent p{ color:#545454; text-align:left; margin-bottom:15px;}
			#mainContent strong, #mainContent b{font-weight:bold; color:#333333;}
			#mainContent em, #mainContent i{font-style:italic;}
			#mainContent a { color:#2172B5; /*light blue*/}
			#mainContent a:hover{ color:#F26631; /*orange*/ }
			#mainContent a:visited{}
			
			#mainContent dl,
			#mainContent ul,
			#mainContent ol{margin-bottom:15px;} 
			#mainContent ul li{
				background:url(../images/background/content-li-bullet.jpg) no-repeat 0px 5px;
				padding:0px 0px 0px 15px;
			}
			#mainContent ol li{list-style: inside decimal;}
			
			#mainContent img{
				border:1px solid #ddd;
				padding:5px;
			}
			#mainContent a img{}
			#mainContent a:hover img{}
			#mainContent hr{height:1px; margin-bottom:15px; border-bottom:1px solid #ddd; clear:both; }
			
			#mainContent img[align=right]{margin:15px 0px 15px 15px;}
			#mainContent img[align=left] {margin:15px 15px 15px 0px;}
			#mainContent img[align=center]{margin:15px;}
			
			
		
/*----------------------------------------------------------------------------------
	5.0 rightColumn
----------------------------------------------------------------------------------*/
	#rightColumn{
		float:right;
		width:214px;
		padding:15px 15px 35px 15px;
		background:url(../images/background/right_column_bg.jpg) no-repeat right bottom;
	}
		#rightColumn p{ color:#83C2E5; /*baby blue*/ }
			
		#GetUpdates{
			height:269px;
		}
			#GetUpdates p big{
					display:block;
					height:35px;
					padding:0px 0px 0px 0px;
					margin-bottom:35px;
					color:#fff;
					font-family: HelviticaNeue, Helvetica, Arial, sans-serif;
					font-size:20px;
					font-weight:normal;
					font-style:normal; 
			}
			#GetUpdates label{display:none;}
			#GetUpdates input[type="text"]{
				display:block;
				float:right;
				height:auto; width:135px;
				padding:9px 5px 9px 10px;
				margin:0px 15px 10px 0px;
				background: url(../images/background/NewsletterInput_bg.png) no-repeat 0px 0px;
				vertical-align:middle;
				font-size:11px;
				color:#777;
			}
			
			#GetUpdates input[type="text"]:active,
			#GetUpdates input[type="text"]:focus{
				background: url(../images/background/NewsletterInput_bg.png) no-repeat -154px 0px;
				color:#444;
			}
			
			#GetUpdates input[type="submit"]{
				float:right;
				margin:0px 15px 0px 0px;
				width:60px; height:26px;
				text-align:center; vertical-align:middle;
				background: url(../images/button/newsletterSubmit-bg.jpg) no-repeat 0px 0px;
				font-size:11px;
				color:#fff;
				cursor:pointer;
			}
			#GetUpdates input[type="submit"]:hover{
				background: url(../images/button/newsletterSubmit-bg.jpg) no-repeat -65px 0px;	
			}
		#contact{
			background:url(../images/background/right_columnContact_bg.jpg) no-repeat right 0px;
			font-size:11px;
			color:#777;
		}
			#contact p,
			#contact ul
			{ margin-bottom:15px;}
			#contact p big{
					width:215px; height:17px;
					display:block;
					padding:15px 0px 0px 0px;
					
					font-family: HelviticaNeue, Helvetica, Arial, sans-serif;
					font-size:18px;
					color:#666;
			}
			#contact p strong{
				color:#444;
				font-weight:bold;
			}
		
	

/*----------------------------------------------------------------------------------
	6.0 Footer
----------------------------------------------------------------------------------*/
	#footer{
		clear:both;	
		height:155px;
		background:url(../images/background/footer_bg.jpg) repeat-x 0px 0px;
		color:#777;
		font-size:11px;
		padding:10px;
	}
	#footer a{
		color:#1F55AD; /*blue*/		
	}
	#snav, #corporateNav{
		width:100%;
		text-align:right;
		padding:59px 0px 10px 0px;
	}
		#corporateNav{ padding:10px 0px 0px 0px; }
		#snav ul, #corporateNav ul{
			float:right;
			width:auto;
			height:20px;
		}
		#snav ul li, #corporateNav ul li{
			float:left;
		}
		#corporateNav ul li{
			border-left:1px solid #999;	
		}
		#corporateNav ul li:first-child{
			border:none;
		}
		#snav ul li a, #corporateNav ul li a{
			color:#777;
			font-size:12px;
			padding:5px 17px 5px 17px;
		}
		#corporateNav ul li a{
			font-size:11px;
			padding:5px 12px 5px 11px;
		}
		#snav ul li a:hover, #corporateNav ul li a:hover{ color:#222; }
		
/************************************************************************************************
							Google Search
************************************************************************************************/
.search-goog input
{
	border: 1px #333 solid;
}

/************************************************************************************************
							Site Messages
************************************************************************************************/
.errormsg
	{
	color:#fff;
	font-size:11px;
	}
#rightColumn #GetUpdates .successmsg
	{
	color:#fff;
	font-size:11px;
	}