@charset "utf-8";
/* 
	layout.css
	09 April 2010
	
	Project: 
	
	andrew.wright@iomer.com
	iomer internet solutions
	iomer.com

	Table of Contents
	-----------------
	Use these bookmarks to seek the location in the file.
		
	=clearfix
	=row
	=anchor : general link def'ns
	v4master : items imbedded in the v4 masterpage
	=horizontal-list : global style def'n for horizontal lists
	
*/

html, body, div, span, applet, object, iframe,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, /* ul, ol, */
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; }

html, body {width: 100%; }


body {background:#fff url("/SiteCollectionImages/swirl_bg3.jpg") top center no-repeat scroll;}


/* =clearfix + =row */
.clearfix:after,
.row:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.clearfix, .row { display: inline-block; }
html[xmlns] .clearfix,
html[xmlns] .row { display: block; }
* html .clearfix,
* html .row { height: 1%; }
/*
 *	=row
 */
.row { margin: 0 20px 10px; } 

/*
 *	=anchor : general link def'ns
 *  --------
 */
a, a:link, a:active,
.ms-WPBody a, 
.ms-WPBody a:link
{
	color: #094A98;
	text-decoration: none;
}
a:visited,
.ms-WPBody a:visited {
	color: #094A98; 
	text-decoration: none;
}

a:hover, a:active, 
.ms-WPBody a:hover,
.ms-WPBody a:active
{
	color: #094A98; 
	text-decoration: underline;
}

a img { border: 0 none; }

p { margin: 0 0 0.75em;}

ul, ol {
	margin: 5px 0 5px 35px;
	padding-left: 0;
	list-style-position: outside;
}

/*
 * =horizontal-list : global style def'n for horizontal lists
 */
.horizontal-list {
	display: block;
	list-style: none;
	margin: 0;
	padding: 0;
}

.horizontal-list li {
	list-style: none;
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
}

.horizontal-list a,
.horizontal-list a:link,
.horizontal-list a:visited,
.horizontal-list a:hover,
.horizontal-list a:active {
	display:inline-block;/* crucial for proper IE6 rendering */
	text-decoration: none;
}


/* ensure that UI elements have the added hint of being clickable by changing the cursor */
input[type="image"],
input[type="submit"] 
{
    cursor: pointer;   
}

/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */

	/*
		======================
		 SharePoint "Un-do's" + Fixes
		======================
	*/
	
	/* match the body def'n */
	.ms-WPBody
	{ font-family: Arial, Helvetica, sans-serif; font-size:12px; } /* match:body */

	/* prevents the status icon and user name from being on separate lines */
	td.ms-vb-user { white-space: nowrap !important; }

	/* used to remove the border around the 'page title/breadcrumb/description/social data' area */
	.ms-titlerowborder { border: 0 none !important; }

	/* for proper floated positioning, these two values should match */
	/* MATCH */
	/* if you want to change the left nav width, change this and the margin-left in .s4-ca */
	/*body #s4-leftpanel { width: 200px; }*/
	/* content area normally has a white background */
	body div.s4-ca {
		/*margin-left: 200px;*/
		margin-left: 0 !important;
		background: transparent none;
	}
	/* //MATCH */

	tr.ms-WPHeader {
		background-color: transparent;
	}
	tr.ms-WPHeader td { border-bottom: 1px solid transparent; }
	
	/*
		override the 'hover' state underlining the WPHeaders
	*/

	.s4-wpcell:hover .ms-WPHeader td,
	.s4-wpActive .ms-WPHeader td,
	.s4-wpcell .ms-WPSelected .ms-WPHeader td {
		border-bottom: 1px solid #eee;
	}

	/*
		override the 'hover' state underlining the WPHeaders
	*/
	.s4-wpActive .s4-wpTopTable,
	.s4-wpActive .ms-WPSelected {
		border: 1px solid transparent; /* alternate - match-color: '.s4-wpcell:hover .ms-WPHeader td' */
	}
	
	/* for the floating menu, chexbox, and title on web parts */
	td.ms-WPHeaderTd,
	td.ms-WPHeaderTdMenu,
	td.ms-WPHeaderTdSelection { vertical-align: middle !important; }

	/* specialNavLinkList = Recycle Bin and All Site Content */
	.s4-specialNavLinkList { padding-top: 10px !important; margin: 0;}
	.s4-specialNavLinkList a { padding-left: 0; }
	.s4-specialNavLinkList a:hover { text-decoration: none; /* correct the underlining 'extras' */}
	.s4-specialNavLinkList a:hover > span.ms-splinkbutton-text { color: inherit; /* correct the color */ text-decoration: underline; /* correct the underlining 'extras' */}
	
	/*
		From /_layouts/1033/styles/Themable/layouts.css
	*/

	 /* on settings.aspx the info box on the right */
	    TABLE.ms-pageinformation { background-color: transparent !important; }

	/*
		From core.css
	*/
	.ms-standardheader { font-size:1.35em; }
	.ms-rteElement-Hr, hr {background-color:#ebebeb;border:0 none;color:#ebebeb; height:1px;}
	.ms-alternatingstrong  {background-color:#F9F9F9;}
	.ms-postcalendardateboxtop  {background:none repeat scroll 0 0 #85590E;border:0 none;height:5px;margin-right:7px;margin-top:5px;width:77px;}
	.ms-blogedit a {background-color:#FFFFFF;background-image:none;border:1px solid #F9A725;color:#F7941D;height:22px;padding:0 5px 0;}
	td.ms-formbody {padding-top:0.75em;}
	.ms-formfieldvaluecontainer {border:1px solid #A5CCE4;padding:10px;}
	.srchctr_mainleftcell  {background-color:#FFFFFF;padding-top:2px;vertical-align:top;}
	.srch-federationarea {border:0 none;}
	.ms-searchref-main {background-color:transparent;background-image:none;border: 0 none;font-family:"Times New Roman", Times, serif !important;font-size:1em;height:100%;margin:0;
	padding:7px 0 5px;width:179px;}
	.srch-advancedtable {border:0 none; background-color:transparent;}
	/* \/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\/\ */

/* End Core Overides */

/* =page layout */
#site_frame {width:960px; margin:25px auto 0;}

/* =header */
	#site_header {width:960px; margin-bottom:10px;}
	
		#header_left {width:130px; float:left;}
		
		#header_right {width:830px; float:left; text-align:right;}
		
			#group_welcome {width:830px; float:left; margin-bottom:15px; font-size:11px;}
			
				#group_welcome img {vertical-align:middle;}
			
			#meta_search {width:830px; float:left;}
			
				#meta {float: left; padding: 5px 10px 0 0; text-align: right; width: 565px;}
				
				#search {float:left; width:255px;}


/* =content layout */
	#content_area 
	{ width:inherit; float:left; background-color:#fff;
	  /* border:solid 1px #deebf8; padding: 30px 0 0 0;*/
	  }
	#content_area img { margin: 0 15px 10px 0; }

	#content_area .adCell img, #content_area #home_row4 img, #content_area #emergency_numbers img, #ctl00_PlaceHolderMain_SiteMapPath1 img { margin: 0; }
	    
	    /*#MSO_ContentTable table { height: 324px; padding-bottom: 23px; }*/
	    
	    #pageContent { border-left: 0px solid #ebebeb; height: 100%; padding: 0 20px; }
	    #pageContent span { padding-bottom: 5px; }
	
		#home_layout {float:left; padding:20px;}
		
			#home_row1 { width:920px; float:left; margin: 5px 20px 0; }
			
			#home_row1 ul {list-style: none outside none; margin: 0; margin-top: 10px; padding: 0;}			
			#home_row1 #home_row1_c1 li {
				font-weight: bold; 	
				font-size: 1.4em; 
				color: #3675AF; 
				border-bottom: 1px solid #e5e9ed; 
				margin-left: 0; 
				padding:13px 0 13px 20px; 
				background: url(/_layouts/atco_gas_project/images/feature_arrow.png) no-repeat scroll 0 17px transparent;}
				
				#home_row1_c1 {float:left; width:290px; margin-top: 10px;}
				#home_row1_c1 .ms-rteElement-H1, #home_row1_c1 h1 {
					font-size: 32px;
					margin: 13px 0;					
				}
				
				
								
				#home_row1_c2 {float:left; width:610px; margin-left:15px;}
				
					#home_feature_slider {width:610px; float:left; position:relative;}
					
						#home_feature_slider img { position:absolute; top:0; left:0; z-index:5;}
						
						#slider_nav_area { padding:20px; position:absolute; top:255px; left:0; width:570px; z-index:10;background:transparent url("../../images/feature_title_bg.png") top left repeat-x scroll;}
						#slider_text {width:450px; color:#fff; float:left; font-size:16px; font-weight:bold;}
						
							#slider_text a:link, #slider_text a:visited, #slider_text a:hover, #slider_text a:visited:hover {color:#fff;}
						
						#slider_btns {width:120px; color:#fff; float:left; text-align:right;}
						
							#slider_btns img {position:relative;}
						
							#slider_btns ul {margin:0; padding:0;}
							
								#slider_btns li {list-style:none; margin:0; padding:0; display:inline;}
								
					
			#home_row2 { width:920px; float:left;}
			
				#emergency_numbers { width:886px; border:solid 2px #c31212; color:#c9282d; padding:5px 15px; float:left; margin:20px 20px 0; text-align: center; line-height: 25px; }
				
					#emergency_numbers img {float:left; margin-right:10px;}
					
					#emergency_numbers p {float:left; margin-top:5px;}
			
			#home_row3 { float:left; margin: 20px; padding-bottom:20px; border-bottom:solid 1px #e5e9ed; }
			
				#home_row3_c1 {float:left; width:650px;}
				
					#subfeature {float:left; width:610px;}
					
						#subfeature_img {float:left; width:210px;}
						
						#subfeature_content {float:left; width:380px; margin-left:20px;}
				
				#home_row3_c2 {float:left; margin-left:20px; width:250px; }
				
					#home_ads {float:left; width:289px; border-left:solid 1px #e5e9ed;}
					
						#home_ad1 { width:289px; float:left; color:#366794;}
						
						#home_ad2 {width:289px; float:left; color:#dc7800;border-top:solid 1px #e5e9ed;}
						
						#home_ad3 {width:289px; float:left; color:#5b2728;border-top:solid 1px #e5e9ed;}
						
							.ad_image { padding:20px 15px; width:40px; float:left;}
							
							.ad_text {padding:20px 15px 20px 0; width:144px; float:left;}
							
							.ad_info {padding:20px 15px; width:30px; float:left; background-color:#f6fbff;}
			
			#home_row4 { width:920px; float:left; /* border-bottom:solid 1px #e5e9ed; */ margin:25px 0; padding: 0 15px 20px 15px; }
			
				#home_row4_c1 {float:left; width:280px; padding-right: 15px;}
				
				#home_row4_c2 {float:left; width:280px; padding-left:15px; padding-right: 15px; }
				
				#home_row4_c3 {float:left; width:280px; padding-left:25px;}
				
			#home_row4 #_invisibleIfEmpty {
				border-right: 1px solid #E5E9ED;
            }
				#home_news {width:290px; float:left;}
				
					.news_normal {width:270px; float:left; background-color:#fff; padding:10px 5px;}
						
						.news_normal img { float:left; margin-right:10px;}
						
						.news_normal p { margin-top:5px;}
					
					.news_alternate {width:270px; float:left; background-color:#f7f9fb; padding:10px 5px;}
						
						.news_alternate img { float:left; margin-right:10px;}
						
						.news_alternate p { margin-top:5px;}
					
		
		#sub_layout {float:left; padding:20px;}
		
			#sub_nav { width:220px; float:left;}
			
				#sub_nav ul { margin:0; padding:0;}
				
				#sub_nav li { list-style-type:none; display:block; float:left; border-top:solid 1px #ebebeb; width:100%;}
				
					#sub_nav a:link, #sub_nav a:visited  { float:left; width:200px; padding:10px 5px 10px 15px; text-decoration:none; background: #fff url("/_layouts/atco_gas_project/images/submenu_arrow_nrm.png") 5px 13px no-repeat scroll;}
					
					#sub_nav a:link.current_sub, #sub_nav a:visited.current_sub,
					#sub_nav a:hover, #sub_nav a:visited:hover { background-color:#f6fbff; color:#34648f;}
					
					
						#sub_nav ul li ul li a:link, #sub_nav ul li ul li a:visited  { width:190px; padding:10px 5px 10px 25px; background: #fff url("/_layouts/atco_gas_project/images/submenu_arrow_nrm.png") 15px 13px no-repeat scroll;}
					
						#sub_nav ul li ul li a:link.current_sub, #sub_nav ul li ul li a:visited.current_sub,
						#sub_nav ul li ul li a:hover, #sub_nav ul li ul li a:visited:hover { background-color:#f6fbff; color:#34648f;}
						
							#sub_nav ul li ul li ul li a:link, #sub_nav ul li ul li ul li a:visited  {width:180px;  padding:10px 5px 10px 35px; background: #fff url("/_layouts/atco_gas_project/images/submenu_arrow_nrm.png") 25px 13px no-repeat scroll;}
					
							#sub_nav ul li ul li ul li a:link.current_sub, #sub_nav ul li ul li ul li a:visited.current_sub,
							#sub_nav ul li ul li ul li a:hover, #sub_nav ul li ul li ul li a:visited:hover { background-color:#f6fbff; color:#34648f;}
							
							
							#sub_nav a:link.expanded_sub, #sub_nav a:visited.expanded_sub {background: #f6fbff url("/_layouts/atco_gas_project/images/submenu_arrow_down.png") 5px 13px no-repeat scroll; color:#05382d;padding:10px 5px 10px 20px; width:195px;}
							
							#sub_nav ul li ul li a:link.expanded_sub, #sub_nav ul li ul li a:visited.expanded_sub {background: #f6fbff url("/_layouts/atco_gas_project/images/submenu_arrow_down.png") 15px 13px no-repeat scroll; color:#34648f;padding:10px 5px 10px 30px; width:185px;}
							
							
							#sub_nav a:link.current_sub, #sub_nav a:visited.current_sub {color:#34648f;}
			
			/*#sub_content_area1 {width:740px; float:left; margin-left:38px; border-left:solid 1px #e5e9ed; border-right:solid 1px #e5e9ed;}*/
			#sub_content_area1 {width:680px; float:left; margin-left:20px;}
			
				#breadcrumb_area { margin-bottom:20px; border-bottom:solid 1px #e5e9ed; padding-bottom:10px;}
				
					#breadcrumb_area img {margin:0 5px;}
				
				#sub_content_area1_zone1 { width:260px; float:left;}
				
				#sub_content_area1_zone2 { width:260px; float:left;}
			
			#sub_content_area2 {width:520px; float:left; margin-left:39px;border-right:solid 1px #e5e9ed;}

				#sub_content_area2_zone1 { width:370px; float:left;}
				
				#sub_content_area2_zone2 { width:370px; float:left;}
			
			#sub_sidebar_area { width:180px; float:left; margin-left:40px;}
			
				#sub_ads {float:left; width:179px; border-left:solid 1px #e5e9ed;}
					
						#sub_ad1 { width:179px; float:left; color:#366794;}
						
						#sub_ad2 {width:179px; float:left; color:#dc7800;border-top:solid 1px #e5e9ed;}
						
						#sub_ad3 {width:179px; float:left; color:#5b2728;border-top:solid 1px #e5e9ed;}
						
							.sub_ad_text {padding:20px 15px 20px 0; width:149px; float:left;}
							
							.sub_ad_info {padding:20px 15px; width:30px; float:left; background-color:#f6fbff;}
			
			h1.page_title {border-top:solid 1px #e5e9ed; border-bottom:solid 1px #e5e9ed; margin:0; padding:20px 0; display:block;}
			
			h2.page_description {border-bottom:solid 1px #e5e9ed; margin:0; padding:20px 0; display:block;}
	
	
	/* =footer */
	#footer_1 {width:960px; float:left; padding:10px 0;  border-top:solid 1px #f1f1f1;  background: #FFFFFF;}
	
		#footer_1_left {float:left; width:550px;}
		
		#footer_1_right {float:right; width:300px; text-align:right; padding-top:5px; padding-right:5px;} 
		
			#footer_1 img {border:0 none; vertical-align:middle; margin-left:5px;}

	#footer_2 { font-size:11px; color: #c9282d; width:950px; float:left; padding:20px 0px 20px 10px; /* border-bottom:solid 1px #f1f1f1; */ background: #FFFFFF;}
	
		#footer_2 strong { color: #3675AF; }
	
		#footer_2_c1, #footer_2_c2, #footer_2_c3, #footer_2_c4, #footer_2_c5 {width: 150px; float:left; margin-right:7px;}
			
	#footer_3 {width:960px; float:left; padding:10px 0; border-bottom:solid 1px #f1f1f1;}
		
		#footer_3_left {float:left; width:100px;}
		
		#footer_3_right {float:left; width:860px;}

	#footer_4 {width:960px; float:left; padding:10px 0;}
		
		#footer_4_left {float:left; width:480px;}
		
		#footer_4_right {float:left; width:480px; text-align:right;}
		
	#footer_1, #footer_3 {font-size:11px; color:#000;}
	
	#footer_4 {font-size:11px; color:#000;}
	
    .footerGreyBanner { 
/*    width:920px; */
    clear: both; }
	
/* sharepoint overides */
input.s4-searchbox-QueryPrompt {font-style: normal !important;}

.ms-sbplain {background: none repeat scroll 0 0 #FFFFFF; border-style:0 none;display: block;}

.s4-search input.ms-sbplain {
	background: none repeat scroll 0 0 #FFFFFF !important; 
	border: 0 none !important; 
	color: #6a6a6a; 
	font-size: 12px; 
	height: auto; 
	padding: 5px 5px; 
	width: 212px !important; 
	border:0 none !important;
}

.s4-search .ms-sbgo a img {display:none;}

.s4-search .ms-sbgo a {background: url("/SiteCollectionImages/search_icon.png") no-repeat scroll 3px 3px transparent;display: block;height: 25px; margin-top: 0;width: 30px;}

.ms-sbtable {background-color: #fff; border:solid 1px #b8c9d9;}


.ms-WPTitle {padding:10px 0;}

.ms-WPBorder, .ms-WPBorderBorderOnly {border: 0 none;padding-top: 10px;}

tr.ms-WPHeader td {}

/* =main menu */
	#main_menu {height: 29px; width:inherit; float:left; width:960px; border-bottom:solid 10px #34648f; background-color:#FFFFFF; border-top: 1px solid #AAA;}
  /*  #main_menu_border {z-index: 99; position: absolute; top: 141px; width:960px; background: url("/_layouts/atco_gas_project/images/main_menu_border.png"); height: 5px; margin-bottom: 0px;}*/


	



/*Footer menu*/
a.footerLink
{
	color: #000000;
	font-size: 11px;
}
a.footerLink:link, a.footerLink:active, a.footerLink:visited
{
	text-decoration: none;
} 
a.footerLink:hover
{
	text-decoration: underline;
}

td.tabSpace 
{
padding-right:10px;
}