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


	Title: Stylesheet for Northumbrian Water - Opportunities

	Author: Guerilla Interactive
	
	Author url: http://www.guerillainteractive.com

	Date: 2009 
	

***********************************************************************************************/

/* Global

-----------------------------------------------------------------------------------------------

===============================================================================================*/

* {
padding:				0;
margin:					0;
}

body {
font-family: 			arial, verdana, sans-serif;
font-size: 				62.5%;
background:				#fff url('../images/BG-main.jpg') no-repeat center 200px;	
color: 					#005eaa;
}

p {
font-size: 				1.2em;
line-height: 			140%;
}

li {
font-size: 				1.2em;
list-style:				none;
}

a, a:visited {
color: 					#005eaa;
text-decoration:		none;
}

a:hover {
color: 					#c54400;
}

h1, h2, h3, h4, h5, h6 {
text-decoration: 		none;
}

h1#iLogo{
float:					left;
width:					277px;
}

h2 {
font-size: 				1.3em;
}

#iBanner h2 {
padding:				20px 0 0 0;
color:					#e06712;
font-size: 				4em;
letter-spacing:			-0.04em;
line-height:			1em;
float:					left;
}

h3 {
font-size: 				1.5em;
font-weight:			bold;
}

a img {
border: 				0;
}

blockquote{

}

b,strong{
font-weight:			bold;
}

.clear{
clear:					both;
}

cite, em{
color:					#f5821f;
}

#iPage{
width:					100%;
background:				transparent url('../images/BG-blue.jpg') repeat-x center 79px;				
}

#iHeader, #iBody, #iHead{
display:				block;
width:					760px;
margin:					0 auto;
}

/* Wrapper ===============================================================================================*/

#iContainer{
background:				url('../images/BG-white-semi.png') repeat center;
}

* html #iContainer{
background:				url('../images/BG-white-semi.gif') repeat center;
}

/* Header ===============================================================================================*/

ul.access{
display:				none;
}

#iHeader{
height:					248px;
}

#iBanner p{
display:				block;
width:					465px;
float:					right;
font-size:				15px;
line-height:			18px;
font-weight:			bold;
padding:				25px 0 0 0;
}

#iBanner p strong{
color:					#e06712;
}

/* Global Nav ============================================================================================*/

#iMain{
margin:					0;
padding:				0;
}

#iHeader{
position:				relative;
}

#frmSearch{
position:				absolute;
right:					0;
top:					42px;
width:					225px;
}

#frmSearch label{
display:				none;
}

#frmSearch div{
float:					left;
}

#frmSearch input#frmSearchText{
border:					none;
background:				url('../images/BG-search-bar.jpg') no-repeat center;
width:					180px;
height:					16px;
padding:				4px;
font-size:				12px;
color: 					#005eaa;
}

#frmSearch div.frmSearchSubmit{
float:					right;
}

input.frmBtn{
border:					none;
cursor:					pointer;
margin:					0 10px 0 2px;
background:				url('../images/BTN-search.jpg') no-repeat center bottom;
width:					24px;
height:					24px;
padding:				0 0 0 24px;
overflow:				hidden;
color: 					#005eaa;
display:				block;
text-indent:			-9999px;
}

*:first-child+html input.frmBtn{
margin:					1px 10px 0 2px;
}

input.frmBtn:hover{
background:				url('../images/BTN-search.jpg') no-repeat center top;
}

#iNavL2 ul{
position:				absolute;
right:					0;
top:					10px;
}

#iNavL2 ul li{
display:				inline;
float:					left;
}

#iNavL2 ul li a,#iNavL2 ul li a:visited{
display:				inline-block;
margin:					3px 0 0 0;
line-height:			20px;
height:					20px;
padding:				0 9px 0 10px;
background:				url('../images/BG-global-nav.gif') no-repeat left center;
font-weight:			bold;
}

#iNavL2 ul li a:hover{
background:				url('../images/BG-global-nav.gif') no-repeat left top;
}

#iNavL2 ul li input#Button1, #iNavL2 ul li input#Button1:visited{
display:				inline-block;
margin:					2px 0 0 0;
line-height:			20px;
height:					20px;
padding:				0 9px 0 8px;
background:				url('../images/BG-global-nav.gif') no-repeat left center;
font-weight:			bold;
font-size:				12px;
border:					none;
color: 					#005eaa;
}

#iNavL2 ul li input#Button1:hover{
background:				url('../images/BG-global-nav.gif') no-repeat left top;
}

*:first-child+html #iNavL2 ul li input#Button1{
padding:				0;
margin:					3px 0 0 0;
}

* html #iNavL2 ul li input#Button1{
padding:				0;
margin:					3px 0 0 0;
}

/* Content ===============================================================================================*/

#iNavL1{
display:				block;
margin:					0;
padding:				7px 0 0 0;
background:				url('../images/BG-scd-nav-wrap.png') no-repeat center top;
}

* html #iNavL1{
background:				url('../images/BG-scd-nav-wrap.gif') no-repeat center top;
}

#iNavL1 ul{
display:				block;
height:					29px;
width:					736px;
margin:					0 auto;
padding:				0 0 0 10px;
background:				url('../images/BG-scd-nav-bk.jpg') no-repeat center top;
}

#iNavL1 ul li{
display:				inline;
height:					29px;
}

#iNavL1 ul li a, #iNavL1 ul li a:visited{
display:				block;
float:					left;
color:					#fff;
padding:				5px 9px 6px 9px;
font-size:				15px;
font-weight:			bold;
text-align:				center;
background-color:		#e06812;
}

#iNavL1 ul li a:hover{
background:				#c54400 url('../images/BG-white-arrow.gif') no-repeat center -1px;
}

#iNavBread{
padding:				12px 10px;
margin:					0;
background:				url('../images/BG-white-semi.png') repeat center;
}

#iNavBread p, #iNavBread ul li{
float:					left;
line-height:			12px;
height:					12px;
border:					none;
padding:				0 4px 0 0;
margin:					0;
}

#iNavBread ul li a{
font-weight:			bold;
}

* html #iNavBread{
background:				url('../images/BG-white-semi.gif') repeat center;
}

#iContent{
float:					right;
width:					580px;
padding:				0 10px 0 0;
}

.iContentinner{
width:					580px;
padding:				0;
border:					#d7d7d7 1px solid;
border-top:				none;
border-bottom:			none;
margin:					0;
}

.iContentinner-top, .iContentinner-btm{
display:				block;
width:					580px;
height:					3px;
margin:					0;
padding:				0;
}

.iContentinner-top{
background:				url('../images/BG-singlecol-top.gif') no-repeat center top;
}

.iContentinner-btm{
background:				url('../images/BG-singlecol-btm.gif') no-repeat center bottom;
}

#job-search{
padding:				15px 20px;
}

#job-search h2{
font-size:				3em;
}

#job-search p{
display:				block;
float:					left;
width:					190px;
font-size:				14px;
padding:				6px 0 0 0;
}

ul#job-search-list{
display:				block;
float:					right;
width:					320px;
}

ul#job-search-list li{
background:				#005faa;
display:				block;
height:					22px;
margin:					1px 0;
padding:				1px;							
}

ul#job-search-list li label{
float:					left;
display:				block;
width:					100px;
padding:				4px 0 0 0;
color:					#fff;
font-weight:			bold;
text-align:				right;
}

ul#job-search-list li input, ul#job-search-list li select{
float:					right;
border:					none;
width:					200px;
padding:				4px 4px 0 4px;
height:					18px;
font-size:				12px;
}

*:first-child+html ul#job-search-list li input{
width:					196px;
padding:				2px 4px 0 4px;
height:					16px;		
}

ul#job-search-list li select{
padding:				2px 4px 2px 4px;
}

* html ul#job-search-list li select{
width:					212px;
height:					20px;
padding:				4px 4px;
}

.job-search-butt{
float:					right;
clear:					both;
padding:				8px 0 2px 0;
}

.job-search-butt input{
display:				block;
padding:				3px 6px;
color:					#fff;
letter-spacing:			-0.04em;
border:					none;
font-weight:			bold;
font-size:				15px;
background:				#e06712;
cursor:					pointer;
}

.job-search-butt input:hover{
background:				#005eaa;
}

ul#job-search-list li select{
height:					22px;
width:					208px;
}

#hot-jobs{
color:					#fff;
float:					right;
display:				block;
width:					266px;
height:					240px;
padding:				15px 15px 10px 15px;
margin:					10px 0;
background:				#005faa url('../images/BG-hot-jobs.jpg') no-repeat center;
}

#hot-jobs h2{
font-size:				2.5em;
line-height:			1em;
}

#hot-jobs a.latest, #hot-jobs a.latest:visited{
display:				block;
width:					270px;
height:					27px;
color:					#fff;
text-align:				center;
font-weight:			bold;
font-size:				16px;
margin:					10px 0 0 0;
padding:				6px 0 0 0;
letter-spacing:			-0.04em;
background:				url('../images/BTN-hot-jobs.png') no-repeat center bottom;
}

#hot-jobs a.latest:hover{
color:					#fff;
background:				url('../images/BTN-hot-jobs.png') no-repeat center top;
}

#hot-jobs ul{
margin:					6px 0;
}

#hot-jobs ul li{
list-style:				none;
border-bottom:			#3b8cbb 1px solid;
}

#hot-jobs ul li a, #hot-jobs ul li a:visited{
display:				block;
color:					#fff;
font-weight:			bold;
padding:				2px 4px 1px 4px;
line-height:			14px;
background:				#005090;		
}

#hot-jobs ul li a:hover{
color:					#fff;
background:				#003056;
}

#hot-jobs ul li a small{
display:				block;
font-size:				12px;
color:					#fff;
font-weight:			normal;
padding:				0 0 1px 0;
}

a.big-white, a.big-white:visited{
display:				block;
font-weight:			bold;
width:					244px;
height:					98px;
overflow:				hidden;
padding:				15px;
margin:					10px 0 0 0;
font-size:				26px;
line-height:			26px;
color:					#e06712;
background:				url('../images/BTN-big-white.png') no-repeat center bottom;
}

a.big-white:hover{
color:					#005eaa;
background:				url('../images/BTN-big-white.png') no-repeat center top;
}

* html a.big-white, * html a.big-white:visited{
background:				url('../images/BTN-big-white.gif') no-repeat center bottom;
}

* html a.big-white:hover{
color:					#005eaa;
background:				url('../images/BTN-big-white.gif') no-repeat center top;
}

#case-study-wrap{
float:					left;
width:					274px;
overflow:				hidden;
}

/* Sidebar ===============================================================================================*/

#iSecondary{
float:					left;
width:					150px;
padding:				0 0 0 10px;
}

#iSecondary h3{
display:				block;
color:					#fff;
width:					142px;
padding:				7px 0 5px 8px;
background:				url('../images/BG-sidebar-top.png') no-repeat center top;			
}

* html #iSecondary h3{
background:				url('../images/BG-sidebar-top.gif') no-repeat center top;
}

#iSecondary h3 span{
background:				#1f75ba;
}

#iSecondary ul{
width:					148px;
border:					#d7d7d7 1px solid;
border-top:				none;
border-bottom:			none;
padding:				5px 0;
}

#iSecondary ul li{
padding:				3px 6px;
}

.sectionContent{
padding:				0 0 3px 0;
margin:					0 0 10px 0;
background:				url('../images/BG-sidebar-btm.jpg') no-repeat center bottom;
}

/* Footer ===============================================================================================*/

#iFoot{
margin:					10px 0 0 0;
padding:				12px 4px;
height:					140px;
background:				url('../images/BG-orange-semi.gif') repeat-x center 50px;
}

p.clear-vision{
float:					right;
font-size:				16px;
line-height:			16px;
color:					#e06712;
text-align:				right;
font-weight:			bold;
}

#iFoot ul{	
float:					left;
list-style:				none;
padding:				46px 0 0 0;
width:					470px;
}	

#iFoot ul li{
float:					left;
margin:					0 8px 0 0;
}

p.copyright{
float:					left;
font-size:				12px;
}

#iFoot img{
float:					right;
margin:					0;
}