/** Homepage Stylesheet **/
body.home { background: #d3dce6 url(/images/bg-home-slice.jpg) left top repeat-x; }
body.homev3 { background: #bfd8e4; }

/* HOME page banner slide background image */
#bg-image { background: url(/images/bg-ar-2012.jpg) center top no-repeat; height: 100%; left: 0; margin: 0 auto; position: absolute; top: 0; width: 100%; z-index: -1; }
.bg-image {  height: 900px; left: 0; margin: 0 auto; position: absolute; top: 0; width: 100%; z-index: -1; }
#bg-image-1 { background: url(/images/bg-investor-day-2016.jpg) center top no-repeat;}
#bg-image-2 { background: url(/images/bg-q2-2016.jpg) center top no-repeat; display: none;}
#bg-image-3 { background: url(/images/bg-annual-201.jpg) left top no-repeat; display: none;}

/* Slides */
#slides { height: 420px; margin: 15px auto 0; position: relative; width: 960px; z-index: 0; /* important to set this or dropdown nav doesn't work */ }
#slides .slides_container { height: 370px; padding-left: 30px; width: 960px; }
#slides .slides_container div.slide { display: block; /*height: 350px;*/ margin: 40px 30px 0 0; width: 820px; }
#slides .slides_container h1, #slides .slides_container p { color: #fff; font-size: 58px; line-height: 56px; }
#slides .slides_container p { font-size: 30px; line-height: 36px; margin: 40px 0 30px 0; }
#slides .slides_container a { margin-top: 10px; }

#slides .slides_container div#slide-1 {width:440px;}
#slides .slides_container div#slide-1 h1 {margin: 40px 0 10px 60px; font-size: 42px; line-height: 50px; color: #006d91;}
#slides .slides_container h1 span {  margin: 0; padding: 0; display: block; font-size: 30px; }
#slides .slides_container div#slide-1 a { background-position: -130px -466px; margin: 0 0 10px 60px; width: 190px; position: relative;}
#slides .slides_container div#slide-1 a:hover { background-position: -130px -501px; }

#slides .slides_container div#slide-2 {width:440px;}
#slides .slides_container div#slide-2 h1 {margin: 40px 0 10px 50px; font-size: 42px; line-height: 50px; color: #FFFFFF;}
#slides .slides_container h1 span {  margin: 0; padding: 0; display: block; font-size: 30px; }
#slides .slides_container div#slide-2 a { background-position: -130px -466px; margin: 0 0 10px 50px; width: 190px; position: relative;}
#slides .slides_container div#slide-2 a:hover { background-position: -130px -501px; }

#slides .slides_container div#slide-3 {width:440px;}
#slides .slides_container div#slide-3 h1 {margin: 40px 0 10px 50px; font-size: 42px; line-height: 50px; color:#FFFFFF;}
#slides .slides_container h1 span {  margin: 0; padding: 0; display: block; font-size: 30px; }
#slides .slides_container div#slide-3 a { background-position: -130px -466px; margin: 0 0 10px 50px; width: 190px; position: relative;}
#slides .slides_container div#slide-3 a:hover { background-position: -130px -501px; }

/* Slides Previous and Next Arrows */	
#slides a.prev, #slides a.next { cursor: pointer; display: block; height: 56px; position: absolute; text-indent: -99999px; top: 175px; width: 24px; z-index: 1;	}
#slides a.prev { background: transparent url("/images/sprites.png") -72px -66px no-repeat; left: 0; }
#slides a.next { background: transparent url("/images/sprites.png") -106px -66px no-repeat; right: 0; }

/* Slides Pagination */	
#slides ul.slides_pagination { height: 18px; position: absolute; right: 5px; top: 20px; width: 100px; }	
#slides ul.slides_pagination li { float: left; margin-right: 4px;}	
#slides ul.slides_pagination li a { background-image: url("/images/sprites.png"); background-repeat: no-repeat; display: block; height: 18px; text-indent: -99999px; width: 18px; }
#slides ul.slides_pagination li a#slide-page-1 { background-position:  -1px -66px; }
#slides ul.slides_pagination li a#slide-page-1:hover, #slides ul.slides_pagination li.current a#slide-page-1 { background-position:  -1px -84px; }
#slides ul.slides_pagination li a#slide-page-2 { background-position:  -24px -66px; }
#slides ul.slides_pagination li a#slide-page-2:hover, #slides ul.slides_pagination li.current a#slide-page-2 { background-position:  -24px -84px; }
#slides ul.slides_pagination li a#slide-page-3 { background-position:  -47px -66px; }
#slides ul.slides_pagination li a#slide-page-3:hover, #slides ul.slides_pagination li.current a#slide-page-3 { background-position:  -47px -84px; }	

/* Content Buckets */
#buckets { margin: 0 auto 30px; width: 960px; }
#buckets div { background: url(/images/sprites.png) -3px -136px no-repeat; color: #859da3; display: block; float: left; font-size: 12px; height: 242px; line-height: 16px; margin-right: 4px; padding: 12px 20px; width: 277px; }
#buckets div.connect { margin: 0; }
#buckets div a { color: #e15204; text-decoration: none; }
#buckets div a.featured { color: #fff; }
#buckets div div { background: none; display: block; float: none; padding: 0; width: auto; }
#buckets div div, #buckets form { border-bottom: solid 2px #fff; height: 160px; margin-bottom: 10px; }
#buckets form label { text-align: left; }
#buckets div h2 { color: #fff; font-size: 20px; margin-top: 0; }
#buckets div.connect { margin: 0; }
#buckets div.item, #buckets div.tweet { border: none; height: auto; margin-top: 15px; }
#buckets div.item p { margin-bottom: 0; }

/* Twitter Feed Styles */
/*#buckets .connect span { display: block; }*/
#buckets .connect p { margin-top: 15px; }
#buckets .connect p a {color: #E15204;}
#twitterFeed { width:305px; height:219px; }
.user, .tweet, .timePosted , .interact {}
.interact {display:none;}

/* Career Styles */
#buckets .careers form fieldset { padding-top: 0; margin-top: 0; }
#buckets form.searchjobs { height: 165px; }
form.searchjobs label { margin-top: 5px; }
form.searchjobs input.submit { background-position: -170px -466px; }
form.searchjobs input.submit:hover { background-position: -170px -501px; }

form.searchjobs a { background-position: -180px -409px; color: #ffffff !important; font-size: 12px; line-height: 16px; margin-top: 20px; padding: 3px 0 2px 7px; width: 190px; height: 18px; }
	
form.searchjobs a:hover { background-position: -180px -437px; }

.apple_overlay { background-color: #000; }

#buckets .careers .items a { background: url("/images/sprites.png") no-repeat scroll -100px -411px transparent; color: #FFFFFF; font-size: 12px; height: 19px; padding: 1px 9px;}
#buckets .careers .items a:hover { background: url("/images/sprites.png") no-repeat scroll -100px -439px transparent;}
#buckets .careers .items .career-ops {height:40px; border:none; margin-top:28px;} 

/* 2016 NOVEMBER - HOME LAYOUT */
.static-promo-home {width:956px; height:432px; margin:0 auto; border-radius:10px; margin-top:20px; margin-bottom:20px; background:url(/images/well-inventory.jpg);}
.static-promo-home div {padding:100px 0 0 70px;}
.static-promo-home div h1 {color: #ffffff;}

#buckets .careers .featured-stories {height:225px; border-bottom:none;}

#buckets .careers .featured-stories .story-top {height:100px; border-bottom:none;}
#buckets .careers .featured-stories .story-top p {float:left; width:140px;}
#buckets .careers .featured-stories .story-top img {float:right;}

#buckets .careers .featured-stories .story-bottom {height:100px; border-bottom:none;}
#buckets .careers .featured-stories .story-bottom p {float:left; width:140px;}
#buckets .careers .featured-stories .story-bottom img {float:right;}

/* HOMEPAGE VERSION 2.2 - FEB 2017 */
	.homev3 .static-home-v2-container {height:640px; width:960px; margin:0 auto;}
	.homev3 .static-home-v2-container .home-left {float:left;}
	.homev3 .static-home-v2-container .home-right h2 {font-size:20px; font-weight:bold; color:#006594;}
	.homev3 .static-home-v2-container .main-feature {height:401px; width:610px; margin:20px 0 0 0; background: url(/images/hp-v3/permain-saving-water.jpg); background:-repeat:no-repeat;}
	.homev3 .static-home-v2-container .main-feature h1 {color:#fff;padding:262px 0 0 302px;}
	.homev3 .static-home-v2-container .main-feature a {margin: 0 0 0 295px;}
	.homev3 .static-home-v2-container .story-promo-buckets {margin:30px 0 0 0;}
	.homev3 .static-home-v2-container .story-promo-buckets a {color:#006594; text-decoration: none;}
	.homev3 .static-home-v2-container .story-promo-buckets a:hover {color:#D86018; text-decoration: underline;}
	.homev3 .static-home-v2-container .left-bucket {width:295px; height:117px; float:left; margin:0 15px 0 0;}
	.homev3 .static-home-v2-container .left-bucket div img {float:left;}
	.homev3 .static-home-v2-container .left-bucket div div {float:left; width:125px; padding:0 8px 0 8px; color:#356594;}
	.homev3 .static-home-v2-container .left-bucket div div h3 {padding:0; margin:0 0 10px 0;color:#356594;}
	.homev3 .static-home-v2-container .right-bucket {width:295px; height:117px; float:left; border-left: 1px solid #80b2ca; padding-left: 20px; }
	.homev3 .static-home-v2-container .right-bucket div img {float:left;}
	.homev3 .static-home-v2-container .right-bucket div div {float:left; width:125px; padding:0 8px 0 8px; color:#356594;}
	.homev3 .static-home-v2-container .right-bucket div div h3 {padding:0; margin:0 0 10px 0; color:#356594;}
	.homev3 .static-home-v2-container .home-right {float:right; width:285px; height:555px; margin:20px 0 0 0; background:#99c1d4; padding: 20px 20px 20px 20px;}
	.homev3 .static-home-v2-container .home-right .corp-ppt-promo {height: 152px;}
	.homev3 .static-home-v2-container .home-right .news-releases-promo {border-bottom: 1px solid #80b2ca;}
	.homev3 .static-home-v2-container .home-right .news-releases-promo .news h2 {margin:17px 0 21px 0; font-weight:bolder;}
	.homev3 .static-home-v2-container .home-right .business-content-promo p {color:#006597;}
	.homev3 .static-home-v2-container .home-right .business-content-promo a {color:#006597;text-decoration: none;}
	.homev3 .static-home-v2-container .home-right .business-content-promo a:hover {color:#D86018;text-decoration: underline;}
	/* News Release brief list display */
	.homev3 .date {border: solid 1px #ffffff;height: 50px;width: 50px;padding: 6px 5px 2px 5px;float: left;margin-right: 15px;font: 30px/28px Helvetica,Arial;color: #ffffff;font-weight: normal;text-align: center; color: #006597;} 
	.homev3 .date span {display: block;font: normal 20px/20px Helvetica,Arial;color: #006597;text-transform: uppercase;}
	.homev3 .items {margin:0 0 25px 0;}
	.homev3 .items .headline {color: #006597; margin: 0 0 10px 0;}
	.homev3 .items p a {color: #006597; font-weight:bold; text-decoration: none;}
	.homev3 .items p a:hover {color: #D86018; font-weight:bold; text-decoration: underline;}
	.homev3 .items .item {margin:0 0 20px 0;}