@import url(http://fonts.googleapis.com/css?family=Open+Sans:300,400,700);
/* @import url(http://fonts.googleapis.com/css?family=Open+Sans+Condensed:300,700|Open+Sans:400italic,400,600,300,700); */

@font-face {
    font-family: "UniversLTW01-67BoldCn";
    src: url("/css/web-fonts/Fonts/076b8d7a-91b5-4c89-86a1-546b980072c7.eot?iefix") format("embedded-opentype");
}
@font-face {
    font-family: "UniversLTW01-67BoldCn";
    src: url("/css/web-fonts/Fonts/21decb60-b395-4de2-bd04-e38eb2a56d2f.woff") format("woff"), url("/css/web-fonts/Fonts/091058d4-36b2-43f6-80d3-16c88e098061.ttf") format("truetype"), url("/css/web-fonts/Fonts/827d22bc-e38b-4ccf-8a21-1f9aaa76e402.svg#827d22bc-e38b-4ccf-8a21-1f9aaa76e402") format("svg");
}
@font-face {
    font-family: "UniversLTW01-57Condense 723821";
    src: url("/css/web-fonts/Fonts/aefefc4e-9cb8-4e8e-8599-dda705456734.eot?iefix") format("embedded-opentype");
}
@font-face {
    font-family: "UniversLTW01-57Condense 723821";
    src: url("/css/web-fonts/Fonts/1eaf27c0-f4de-4273-9f4c-1b3236ad2f3c.woff") format("woff"), url("/css/web-fonts/Fonts/9b913baf-b1f0-47d2-8c76-42f59650058f.ttf") format("truetype"), url("/css/web-fonts/Fonts/0abcce12-2274-4ee7-b6d5-0066b5f5f670.svg#0abcce12-2274-4ee7-b6d5-0066b5f5f670") format("svg");
}
@font-face {
    font-family: "UniversLTW01-47LightCn";
    src: url("/css/web-fonts/Fonts/296c59c2-74b0-41c1-bcfd-23d22a713f86.eot?iefix") format("embedded-opentype");
}
@font-face {
    font-family: "UniversLTW01-47LightCn";
    src: url("/css/web-fonts/Fonts/609beecf-8d23-4a8c-bbf5-d22ee8db2fc9.woff") format("woff"), url("/css/web-fonts/Fonts/a6595b8d-d4a3-4f01-bf21-0b53617d4b1c.ttf") format("truetype"), url("/css/web-fonts/Fonts/1cd9ef2f-b358-4d39-8628-6481d9e1c8ce.svg#1cd9ef2f-b358-4d39-8628-6481d9e1c8ce") format("svg");
}

/*
font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Helvetica, Arial, sans-serif, "Apple Color Emoji", "Segoe UI Emoji", "Segoe UI Symbol";
*/

html,
button,
input,
select,
textarea {
    color: #636363;
}
.comment  /* used for internal comments during building process */
{
	color: red;
}
.header-quote-bubble
{
background-color: #CC0000;
padding: 20px;
border-radius: 10px;
width: 100%;
width: 90%;
}
.bubble-spike
{
	position: absolute !important;
	width: 7% !important;
	height: auto !important;
	bottom: 71% !important;

	left: -6%;
}

body {
/*     font: 14px/18px'Open Sans', sans-serif; */
    font-family: 'Open Sans', sans-serif;
    background: #fff;
/*
	background: -moz-linear-gradient(top,  #ebebeb 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ebebeb), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #ebebeb 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #ebebeb 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ebebeb', endColorstr='#ffffff',GradientType=0 );
*/

}

/* ************************************************************************************************************************************* */
/* temporarily disabled application buttons for these programs */
/* also the application_disabled variable in main.js needs to be set = to 1 */


/*
#windows .apply-now-button,#windows #application-overlay,
#insulation .apply-now-button,#insulation #application-overlay,
#roofing .apply-now-button,#roofing #application-overlay,
#appliances .apply-now-button,#appliances #application-overlay,
#pool-pump .apply-now-button,#pool-pump #application-overlay
{display: none !important;}
*/

/*
#program-disabled-message
{
	display: none !important;
}
*/

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

.print{
	display: none;
}

#mobile-menu-opener
{
	display: none;
}


#content p,#content li
{
    font: 16px/20px'Open Sans', sans-serif;
    line-height: 24px;
}
.navigation li
{
    font: 14px/20px'Open Sans', sans-serif;
}



		#main-contact-us #header-content{
			background-image: url("/img/banner-images/contact-us.jpg") ;
		}
		@media only screen and (max-width: 765px){
			background-image: none !important;
		}

#home #tablet-clear-style
{
	display: none;
}
body h1, body h2, body h3, body h4, body h5, body h6 {color: #000; font-weight: normal;}

body h1 {
    font-family: 'UniversLTW01-67BoldCn',sans-serif;
    font-size: 60px;
    letter-spacing: -2px;
    line-height: 59px;
    max-width: 54%;
}
body #header-content.with-full-width-title h1
{
	max-width: 100% !important;
	width: 100% !important;
}
body #header-content.with-short-title h1
{
	max-width: 50% !important;
	width: 50% !important;	
}
body #header-content.with-long-title h1
{
	max-width: 60% !important;
	width: 60% !important;	
}
body h2 {
    font-family: 'UniversLTW01-67BoldCn',sans-serif;
    font-size: 45px;
    line-height: 48px;
    letter-spacing: -2px;

}
body h3 {
    font-family: 'UniversLTW01-67BoldCn',sans-serif;
    font-size: 24px;
    line-height: 28px;
    margin-top: 0px;
    margin-bottom: 12px;
/*     letter-spacing: .1em; */
}


body h4 {
    font-family: 'UniversLTW01-57Condense 723821',sans-serif;
    font-size: 18px;
    line-height: 18px;
}
body h5 {
    font-family: 'UniversLTW01-57Condense 723821',sans-serif;
    font-size: 16px;
    line-height: 16px;
}
.environmental
{
	color: #789D39;
}
.select
{
	font-style: italic !important; 
}
em .select
{
	font-style: normal !important;
}

.button
{
	cursor: pointer;
}
.button+*:not(.button,.phone-follows-button)
{
	clear: left;
}
.button.with-icon
{
	text-align: left;
}
.button.with-icon p
{
	padding-left: 10px;
	margin-bottom: 0px !important;
	font-size: inherit !important;
	position: relative;
}
.button-icon
{	
/* 	float: right; */
	position: absolute;
	right: -25px;
	margin-top: -42px !important;
/*
	max-width: 100%;
	max-height: 100%;
*/
}
#header-content

{
	background-size: 100%;
}

#header-content .content-image
{
/* 	margin: 20px auto 5px 40px; */
	margin: 5px auto 5px 40px;
	padding: 0px;
	float: left;
}

#header-content h1,#header-content h2,#header-content h3, #header-flickr h1,#header-flickr h2,#header-flickr h3
{
	clear: left;
/* 	margin-top: 20px; */
	margin-left: 40px;
}
#header-content h2,#header-content h3, #header-flickr h2,#header-flickr h3
{
	margin-top: 5px;
}
.content-landing-page h1:first-child,.content-page h1:first-child
{
	position: static;
	margin: 0px;
	padding: 0px;
/* 	left: 40px; */
	padding-top: 40px;
} 
.content-landing-page #header-content h1,.content-landing-page #header-content h2,.content-page #header-content h1,.content-page #header-content h2,#header-content h1,#header-content h2,#header-flickr h1
{
	color: #fff;
	text-shadow: 3px 3px 12px rgba(0, 0, 0, 0.30);
} 

.content-landing-page #header-content h1.alt,.content-page #header-content h1.alt, h2.alt, h3.alt
{
	color: #000 !important;
	text-shadow: none !important;
	filter:none !important;

}


a, a:hover, .red {
    color: #CC0000;
    text-decoration: none;
}


/* de colores */
.red-corp { color:#d52b1e; }
	.red-corp-80 { color:#dd554b }
	.red-corp-60 { color:#e68078	 }
	.red-corp-40 { color:#eeaaa5 }
	.red-corp-20 { color:#f7d5d2 }
.gray-corp { color:#766a62; }
	.gray-corp-80 { color:#918881 }
	.gray-corp-60 { color:#ada6a1}
	.gray-corp-40 { color:#c8c3c0 }
	.gray-corp-20 { color:#e4e1e0 }
.purple-corp { color:#5a447a; }
	.purple-corp-80 { color:#7b6990 }
	.purple-corp-60 { color:#9c8fac }
	.purple-corp-40 { color:#bdb4c7 }
	.purple-corp-20 { color:#dedae3 }	
.blue-corp { color:#4060af; }
	.blue-corp-80 { color:#6680bf }
	.blue-corp-60 { color:#8ca0cf }
	.blue-corp-40 { color:#b3bfdf }
	.blue-corp-20 { color:#d9dfef }
.green-corp { color:739600; }
	.green-corp-80 { color:#8fab33 }
	.green-corp-60 { color:#abc066 }
	.green-corp-40 { color:#c7d599 }
	.green-corp-20 { color:#e3eacc }	
.yellow-corp { color:eaab00; }
	.yellow-corp-80 { color:#eebc33 }
	.yellow-corp-60 { color:#f2cd66 }
	.yellow-corp-40 { color:#f7dd99 }
	.yellow-corp-20 { color:#fbeecc }
.tan-corp { color:#d3bf96; }
	.tan-corp-80 { color:#dcccab }
	.tan-corp-60 { color:#e5d9c0 }
	.tan-corp-40 { color:#ede5d5 }
	.tan-corp-20 { color:#f6f2ea }

.wrapper {
    width: 90%;
    margin: 0 5%;
    position: relative;
}

::-moz-selection {
    background: #b3d4fc;
    text-shadow: none;
}

::selection {
    background: #b3d4fc;
    text-shadow: none;
}
p.address
{
	margin: 0px !important;
	clear: left;
}
hr {
    display: block;
    height: 1px;
    border: 0;
    border-top: 1px solid #ccc;
    margin: 1.5em 0 2em 0;
    padding: 0;
}
hr.dots { border-style:dotted !important; }
hr.red { border-color:#d52b1e !important; }
hr.gray { border-color:#766a62 !important; }

img {
    vertical-align: middle;
}



dl {
	font-size: 1rem;
	line-height: 1.6;
	margin-bottom: 1.25rem;
	list-style-position: outside;
	font-family: inherit
}
dl dt { 	margin-bottom: 0.3rem; font-weight: bold }
dl dd { 	margin-bottom: 1.75rem }
dl.condensed dd { margin-bottom: .75rem }


#content .contact-method
{
	margin-bottom: 20px;
}
#content .contact-method p
{
	margin-bottom: 0px;

}


.image-info-combo img
{
	float: left;
	max-width: 35%;
	height: auto;
}

.image-info-combo .related-info
{
	float: right;
	width: 60%;
}


.category-container h3
{
	margin-top: 0px;
}
.category-container
{
	clear: left;
	margin-top: 50px;
/* 	padding-top: 10px; */
/* 	border-top: 1px solid #e6e5e5; */
}
.category-container section
{
	clear: left;
}
.category-container img
{
	float: left;
	margin: 0px 20px 20px 0px;
}


abbr { cursor:help }


.button
{
/* 	font-family: 'UniversLTW01-67BoldCn'; */
    font-family: 'UniversLTW01-57Condense 723821',sans-serif;
}
h3.phone-follows-button
{

	margin-top: 20px;
/* 	margin-bottom: 0px; */

}
.phone-follows-button
{
	float: left;
}
fieldset {
    border: 0;
    margin: 0;
    padding: 0;
}

textarea {
    resize: vertical;
}

.chromeframe {
    margin: 0.2em 0;
    background: #eaab00;
    color: #000;
    padding: 0.2em 0;
}
.chromeframe a { text-decoration:underline; }

.fb-comments{
	/* padding-left: 30%; */
	padding-left: 225px;
/* 	width: 2px !important; */
}
.fb-comments iframe, .fb-comments span{
/* 	width:715px !important; */
}
/*
#f12ed6a24
{
	width: 100%;
}
*/
.nav-ad
{
/* 	margin-top: 30px; */
	width: 180px;
	margin-right: 10px;
	margin-top: 100px;
	float: right;
}
.nav-ad img
{
	width: 100%;
	height: auto;
	margin-left: auto;
	margin-right: auto;
}
.nav-ad .button
{
	padding: 10px 0px;
	color: white !important; 
}
#sidebar .nav-ad .button,.nav-ad p,.nav-ad h3
{
	width: 160px !important;
	float: none !important;
	margin-left: auto !important;
	margin-right: auto !important;
}
#sidebar .nav-ad a.button
{
	width: 100%;
	padding-left: 0px;
	padding-right: 0px;
}
#ad-module
{
	display: block !important;
	width: 187px;
	float: right;
	padding-left: 15px;
	padding-bottom: 25px;
}
#ad-module .button
{
	width: 90%;
	padding: 7px 0px;
	margin-left: 5%;
	margin-right: 4%;
	margin-bottom: 20px;
}
#ad-module .ad-module-image
{
/* 	border-radius: .5em .5em 0px 0px; */
	width: 100%;
}
#ad-module .ad-module-image.overlay-top
{
	border-radius: 0px;	
}
#ad-module h3,#ad-module p
{
	padding: 5px 10px;
}
#ad-module .ad *:first-child:not(img)
{
	margin-top: 15px;
}
#ad-module h3
{
/* 	font-size: 20px; */
	line-height: 24px;
	width: 90%;
}
#ad-module p,#ad-module li
{
/* 	font-size: 12px; */
}
#ad-module .ad-module-image.overlay-top
{
	margin-top: -15px;
}
#ad-module .ad { margin-bottom: 10px; width:100%; }
#ad-module .ad, .panel {
	/*width: auto;*/
	height: auto;
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #DADAD9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#dfdfdf));
	background: linear-gradient(#FFFFFF, #DFDFDF);
	-pie-background: linear-gradient(#FFFFFF, #DFDFDF);
	border: solid #dadada 1px;
	/*
-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: .5em;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888; 
*/
	/* behavior: url(/PIE.htc); */
}

.panel { padding:1em; }
/*.panel.info { }
.panel.alert { }
.panel.notice { }*/

.panel.info {
	background: #ede5d5; /* lighter tint of #d3bf96 */
	background: -moz-linear-gradient(top, #FFFFFF 0%, #d3bf96 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#ede5d5));
	background: linear-gradient(#FFFFFF, #ede5d5);
	border: solid #ede5d5 1px;
}

.panel.feature {
	/*background: #dff6fd;
	background: -moz-linear-gradient(top, #dff6fd 0%, #bfeefb 51%, #7fddf8 100%);
	background: -webkit-linear-gradient(top, #dff6fd 0%,#bfeefb 51%,#7fddf8 100%);
	background: linear-gradient(to bottom, #dff6fd 0%,#bfeefb 51%,#7fddf8 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dff6fd', endColorstr='#7fddf8',GradientType=0 );
	border: solid 1px #7fddf8; #00bcf1;*/
	background: #e7f8fe;
	background: -moz-linear-gradient(top,  #e7f8fe 0%, #cff2fc 51%, #9fe6fa 100%);
	background: -webkit-linear-gradient(top,  #e7f8fe 0%,#cff2fc 51%,#9fe6fa 100%);
	background: linear-gradient(to bottom,  #e7f8fe 0%,#cff2fc 51%,#9fe6fa 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e7f8fe', endColorstr='#9fe6fa',GradientType=0 );
	border:solid 1px #7fddf8;
}
.panel.feature p { text-shadow:1px 1px 1px white; }


/* CSS Columns */
.css-columns-2 { -webkit-column-count: 2; -moz-column-count: 2; column-count: 2; }
.css-columns-3 { -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; }
.css-columns-2, .css-columns-3 {
	column-gap: 1em;
	column-width: auto;
	-webkit-column-gap: 1em;
	-webkit-column-width: auto;
	-moz-column-gap: 1em;
	-moz-column-width: auto;
}
/*ul.css-columns-2 li, ul.css-columns-3 li { list-style-type:circle; }*/

h1,h2,h3,h4,h5,h6 { column-span: all; }
.column-1 { float:left; margin-right:3em; overflow:visible; }
.column-2 { float:left; width:auto; }
/*.column-2::after { content:""; clear:both; position:absolute; }*/
.width-25 { width:25%; } 
.width-50 { width:50%; } 
.width-75 { width:75%; } 
.column-2.width-50 { width:43% }



.text-xsmall { font-size:x-small; }
.text-smaller { font-size:smaller; }
.text-small { font-size:small; }
.text-medium { font-size:medium; }
.text-large { font-size:large; }
.text-larger { font-size:larger; }
.text-xlarge { font-size:x-large; }

.text-bold { font-weight:700; }
.text-bolder { font-weight:bolder; }
.text-semibold { font-weight:600; }
.text-normal { font-weight:400; }
.text-light { font-weight:300; }
.text-lighter { font-weight:lighter; }


.left { float:left; }
.right { float:right; }
.center { float:none !important; margin:auto; text-align:center; }
.align-left { float:left; margin-right:1rem; }
.align-right { float:right; margin-left:1rem; }
.align-vertical { vertical-align:middle; }
.text-left { text-align:left; }
.text-center { text-align:center; }
.text-right { text-align:right; }

.inline { display:inline; }

.margin-top { margin-top:1em; }
.margin-bottom { margin-bottom:1em; }


small { color:#766a62; }


.no-border-bottom { border-bottom:0 !important; }
.no-shadow { text-shadow:none !important; box-shadow:none !important; }


/*
.filter-bar
{
	width: 100%
	height: auto;
}
.filter-bar div
{
	width: 30%;
	min-width: 170px;
	margin-right: 3%;
	float: left;
}
.filter-bar div :first-child
{
	margin-left: 5%;
}
.filter-bar div input
{
	float: left;
}
.filter-bar div p
{
	position: relative;
	float: left;
	left: 5px;
	top:-4px;
}
*/


.capitalize { text-transform: capitalize; }
.caps { text-transform: uppercase; }




/* HOMEPAGE SECTIONS */

#home .home-module /*.module*/ {
	min-height:500px; box-shadow:none;
}
#home .home-module:hover {
	box-shadow:.1em .2em .2em rgba(0,0,0,.2);
}
#home .home-module .sub-module #login-module:hover { border:0; }
#home .main .module:hover {
	background:#e3e1df; /*#f1f0ef*/
	transition:background-color 1s ease-in-out;
}
#home .home-module:hover h3 {
	text-shadow: 1px 1px 2px rgba(255,255,255,.7);
}
#home #login-module:hover h3 { text-shadow: 1px 1px 2px rgba(0,0,0,.3); }

/*#home #login-module*/ ul#mygulfpower-links { list-style:none; list-style-image:none; /*font-size:small;*/ margin:0 20px; padding:0; }
ul#mygulfpower-links li a::before { content:'\003e'; padding-right:1em; color:#e68078; display:inline-block; }
ul#mygulfpower-links li:hover a::before { color:#766a62; text-shadow:none; }
#home #login-module ul#mygulfpower-links li { padding:.5em; display:block; border-bottom:solid thin #bf261b; }
#home #login-module ul#mygulfpower-links li:last-child { border-bottom:0; }
#home #login-module ul#mygulfpower-links li a { color:white; width:100%; display:inline-block; }
#home #login-module ul#mygulfpower-links li:hover a { /*border-bottom:dotted 1px white;*/ text-shadow:1px 1px 1px rgba(0,0,0,.3); }
#home #login-module ul#mygulfpower-links li a:hover { text-decoration:none; }
ul#mygulfpower-links li:hover { background:#dd554b;/*#bf261b;*/ border-bottom-color:#921d15; }

/*#home #login-module::before { position:absolute; content:''; background:rgba(118,106,98,.5); height:50px; width:296px; left:1px; display:block; z-index:1; }*/

#home #login-module #app-links { margin:0 auto .8em auto; text-align:center; }
#home #app-links p { margin:.5em 0; }
#home #app-links a { padding:0 .5em; }
#home #app-links .app-links-icon, #app-links svg { width:50px; height:59px; fill:white; transition:1s; }
#home #app-links .app-links-icon:hover { fill:#111111; /*stroke:white; stroke-width:1; stroke-miterlimit:10; filter: url(#blur-filter);*/ }
#home #app-links .app-links-icon:active, #home #app-links .app-links-icon:focus { fill:#d3bf96; }
#home #app-links a:active, #home #app-links a:focus { outline:dotted 1px white; }

.app-links-icon-no-svg { display:none; }
.lt-ie9 /*no-svg*/ .app-links-icon-no-svg { display:inline-block; width:50px; height:59px; }
.lt-ie9 /*no-svg*/ .app-links-icon-no-svg .app-links-apple { background-image:url(/img/logos/logo-apple.png); }
.lt-ie9 /*no-svg*/ .app-links-icon-no-svg .app-links-android { background-image:url(/img/logos/logo-android-robot.png); }


.mygulfpower-login-btn { color:#d52b1e !important; background:white; padding:.3em .5em; border-radius:.3em; font-size:small; box-shadow:1px 1px .1em rgba(0,0,0,0.3); }
.mygulfpower-login-btn:hover { color:#222222 !important; }





/* scalable/responsive video/iframe */
.flex-video {
  height: 0;
  overflow: hidden;
  margin-bottom: 0.88889rem;
  padding-bottom: 67.5%;
  padding-top: 1.38889rem;
  margin-left: auto; margin-right: auto;
  text-align: center;
  max-width: 100%;
  height: auto;
  position: relative; }
  
  .flex-video iframe, .flex-video object, .flex-video embed, .flex-video video {
    height: 100%;
    position: absolute;
    top: 0;
    width: 100%;
    left: 0; }


/* YouTube thumbnail default / click to autoplay [ Mar.2016 ~ see main.js for usage ] */
.youtube-container { display: block; margin: 1em auto; width: 100%; max-width: 600px; }
.youtube-player { display: block; width: 100%; /* assuming that the video has a 16:9 ratio */ padding-bottom: 56.25%; overflow: hidden; position: relative; width: 100%; height: 100%; cursor: hand; cursor: pointer; display: block; }
img.youtube-thumb { display: block; left: 0; right: 0; top: 0; bottom: 0; margin: auto; max-width: 100%; width: 100%; position: absolute; height: auto }
.play-button { height: 75px; width: 75px; left: 50%; top: 50%; display:block; margin-left: -37.5px; margin-top: -37.5px; position: absolute; background: url(/img/icons/play-button-reverse.png) no-repeat; opacity:.5; }
.youtube-player:hover .play-button { background-image:url(/img/icons/play-button.png); /*opacity:.75;*/ }
#youtube-iframe { width: 100%; height: 100%; position: absolute; top: 0; left: 0; }

/* background-image: url("data:image/png;base64,PHN2ZyBoZWlnaHQ9IjEwMDAiIHdpZHRoPSI5MjgiIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyI+PHBhdGggZD0iTTQ2NC41IDUzLjVxMTg0LjUgMCAzMTUuNSAxMzF0MTMxIDMxNS41IC0xMzEgMzE1LjUgLTMxNS41IDEzMSAtMzE1LjUgLTEzMSAtMTMxIC0zMTUuNSAxMzEgLTMxNS41IDMxNS41IC0xMzF6bS0xNjYuNSA2NzBsNDQ2IC0yMjQgLTQ0NiAtMjIzbDAgNDQ3eiIvPjwvc3ZnPg=="); */
/* <path d="M464.5 53.5q184.5 0 315.5 131T911 500 780 815.5t-315.5 131-315.5-131T18 500t131-315.5 315.5-131zM298 723.5l446-224-446-223v447z"/></svg> */
/* background-image:url("data:image/svg+xml;utf8,%3Csvg height='auto' width='auto' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M464.5 53.5q184.5 0 315.5 131t131 315.5 -131 315.5 -315.5 131 -315.5 -131 -131 -315.5 131 -315.5 315.5 -131zm-166.5 670l446 -224 -446 -223l0 447z'/%3E%3C/svg%3E"); */
/* background: url('data:image/svg+xml;utf8, <svg class="video-overlay-play-button" viewBox="0 0 200 200" alt="Play video"><circle cx="100" cy="100" r="90" fill="none" stroke-width="15" stroke="#fff"/><polygon points="70, 55 70, 145 145, 100" fill="#fff"/></svg>'); */






/* ==============
    MOBILE: Menu
   ============== */
/*flexslide rhomepage*/



ol.flex-control-nav{
	position : relative !important;
	bottom: -1px !important;
	background-color: #bcbcbc ;
}
.flex-control-paging li a.flex-active{
	background-color: #ffffff !important;
	border: 1px solid black;
	position: relative;
	top:1px;
}
.flex-control-paging li a{
		background-color: #dedede !important;
		border: 1px solid #707070;
		position: relative;
		top:1px;
	}

/* Header Menu Styling */

nav {
	width: 100%;
	margin: 0px;
	position: relative;
}

nav a {
	display: block;
	font-size: 20px;
	line-height: 28px;
	padding: 10px 0;
	text-align: center;
	text-decoration: none;
	color: #545454;
}

nav ul ul li a.selected {
	font-weight: bold;
}

nav ul {
	padding: 0px;
	margin: 0px;
}

nav ul.menu {
    display: none;
}

nav ul ul {
	display: none;
}

nav ul ul li a {
/* 	font-size: 18px; */
}

nav ul li {
	background-color: #E5E5E5;
	padding: 0px;
	border-bottom: #ccc 1px solid;
	text-align: center;
	list-style: none;
}

nav > ul > li > a {
	font-weight: bold;
}

nav ul li:first-child {
	border-top: #ccc 1px solid;
}

/* Temp */

nav ul.menu-2 li:first-child {
	border-top: 0px;
}

/* Temp */

nav ul li.expandable {
	background-image: url("/img/mobile-nav-arrow.png");
    background-position: 94% 21px;
    background-repeat: no-repeat;
}	

nav ul li.expandable.open {
   /* background-position: 94% -29px;*/
}

nav ul li li {
	background-color: #EEE;
}

nav ul li ul li li {
	background-color: #F5F5F5;
}

nav ul li ul li ul li li {
	background-color: #FFF;
}


/* Footer Menu Styling */

#news-feed-container {	width: 33.3%; float: right; margin-top: 20px;}
footer #news-feed-container {font-size: 14px; position: static; left: 0px; top: 22px; margin-bottom: 180px; }
	footer #news-feed {background: #fff; overflow-x: hidden; overflow-y: auto; max-height: 334px;}
	footer #news-feed-container .news-header {background: rgb(89,89,89);padding: 15px;}
	footer #news-feed-container .news-header img {}
	#news-center-logo {width: 164px; height: 24px;}
footer #news-feed ul { padding-left: 0; }
footer #news-feed li {list-style: none; padding: 15px;}
footer #news-feed li a {font-family: 'UniversLTW01-67BoldCn'; font-weight: bold; font-size: 18px; color: #000; line-height: 22px; }
footer #news-feed .blog-feed-item {margin-bottom: 15px;}
footer #news-feed .blog-feed-item p{margin-top: 10px;}

/* footer #news-feed::-webkit-scrollbar-thumb { background: rgba(0,255,0,0.8);  } */


footer #news-feed::-webkit-scrollbar { width: 12px;}
 
/* Track */f
footer #news-feed::-webkit-scrollbar-track {
    -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.3); 
/*     -webkit-border-radius: 10px; */
/*     border-radius: 10px; */
}
 
/* Handle */
footer #news-feed::-webkit-scrollbar-thumb {
    background: rgba(255,0,0,0.8); 

/*     -webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);  */
}
footer #news-feed::-webkit-scrollbar-thumb:window-inactive {
	background: rgba(255,0,0,0.4); 
}





/* 	#logo-copyright{ clear: left; margin-left: .75%; margin-bottom: 50px; } */
	#logo-copyright { position: absolute; bottom: 40px; right: 0px; width: 33.3%;}
	
	#logo-copyright p{
		clear: left;
		color: #fff;
		width: 100%;
		text-align: left;
		font-size: .7em;
	}
	#logo-copyright a{
		color: #fff;
	}
	#logo-copyright a:hover{
		color: white;
		text-shadow:1px 1px 1px #111111;
		text-decoration:underline;
	}
	footer #copyright {
	    position: absolute;
	    bottom: 0;
	    right: 0;
	    color: #fff;
	}
footer #info #social{
	position: relative;
	text-align: center;
}
footer #mobile-menu {
	width: 100%;
	margin: 20px 0 15px;
}
footer h4{
	font-family: 'UniversLTW01-67BoldCn',sans-serif;
	line-height: 16px;
	padding-bottom: 10px;
	font-size: 14px !important;
	color: #fff;
}

footer #mobile-menu ul {
	padding: 0px;
	margin: 0px;
}

footer #mobile-menu ul li {
	padding: 10px 0px;
	border-bottom: #ccc 1px solid;
	text-align: center;
	list-style: none;
}

footer #mobile-menu ul li:first-child {
	border-top: #ccc 1px solid;
}

footer #mobile-menu ul li a {
	font-size: 20px;
	color: #fff;
	text-decoration: none;
}


/* ==============
    MOBILE: Main
   ============== */

header, .main, .main .module, .main .slide {
	position: relative;
}

.header-container {
	background: #ffffff;
}

header #logo {
    display: block;
    margin: 0 auto;
    width: 140px;
}

header #logo img {
	padding: 20px 30px 25px 0;
}

#drawer {
	display: none;
}

#breadcrumb {
    font-weight: 700;
/*     left: 12px; */
/* 	margin-left:2%; */
	/* left: 183px; */
	 
    position: relative;
/* 	text-align: center; */
    top: 0;
}
#breadcrumb li{
	font-size: 14px;
}
#breadcrumb a {
    font-weight: normal;
    font-size: 12px;
}

ul#breadcrumb {
    color: #FFFFFF;
    /* padding: 4px 0 0; */
    padding: 1px 0 0 183px;
    margin: 0px;
}

ul#breadcrumb span {
    font-weight: normal !important;
    padding: 0 3px;
}

ul#breadcrumb li {
    display: inline;
}

ul#breadcrumb li.last {
    letter-spacing: -0.25px;
}

ul#breadcrumb li a {
    color: #FFFFFF;
    cursor: pointer;
    padding-right: 0.2em;
}

ul#breadcrumb li a:after {
    content: ' :';
}

ul#breadcrumb li a:hover {
    color: #FFFFFF;
}

.main {
/*     padding: 25px 0; */
}

.main .slide, .main .slide img {
	/*height: 190px;*/
	height: auto;
}
.main .slide h1 {
	font-size: 28px;
	line-height: 30px;
	left: 18px;
	bottom: 20px;
}

#home .main img {
    width: 100%;
    height: auto;
}
.content-image
{
	padding: 10px;
}
.content-landing-page .module img:not(.button-icon),.content-page .module img:not(.button-icon)
{
	width: 100%;
	height: auto;
}

.hide, #facebook-like,#fb-like {
   display: none;
}

.main .module {
    float: left;
    margin-bottom: 25px;
}

.main .module h3 {
	margin: 15px 0;
}

.main .module h3 a {
	color: #000;
	text-decoration: none;
}
.contact-info
{
	margin: 20px 0px !important;
}
#content .contact-info p
{
	margin: 3px 0px !important;
}

.legal-info p,.legal-info
{
	font-size: 12px !important;
	line-height: 18px !important;
}
/* NOT SURE WHY THIS WAS DONE - IF IT CHANGES PLEASE LET GC KNOW.
.main .module ul {
	padding-left: 0px;
}
*/

/* DITTO
.main .module ul li {
	list-style: none;
	margin: 0 0 5px;
	
}
*/

#facebook-like,#fb-like {
    position: absolute;
    right: 40px;
    top: 25px;
    z-index: 10000 !important;
}

a.button, input.submit-button{
	padding: 10px 30px;
	display: block;
	margin: 0 10px;
	font-size: 1.2em;
}
a.button:hover, input.submit-button:hover
{
	text-decoration: none !important;
}

.footer-container {
/*
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #ebebeb 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#ebebeb));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#ebebeb 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#ebebeb 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=0 );
*/
/* 	position: relative; */
	background-image: url('/img/texture.png');
	background-repeat:repeat;
}




.footer-container footer {
    padding: 0;
}

footer section {
	display: none;
}

footer #social {
	margin: 0 auto;
	white-space: nowrap;
	padding:0;
	position:absolute;
	right:10px;
	bottom: 312px;
}
.copy{
width: 180px;
right: 30px;
position: absolute;
bottom: 350px;
}


#social li { display:inline-block;
	zoom:1;
/* 	border-right: 1px solid #E1E1E1; */
/* 	padding-top:10px; */
	
}
.share-social-button { display:inline-block;display:block\9; background:transparent url(/img/social-icons-bottom.png) no-repeat 0 0; 
	width:45px;
	height:55px;
	text-indent:-9999em;    
	margin:0 10px;	
	zoom:1;
	float: left;
}


#share-the-knowledge
{
	position: absolute;
	top: -118px;
	right: 0px;
}
#share-knowledge-graphic{
	position: relative;
	top: 20px;
	float: left;
}
.share-social-button.first
{
	clear: left;
}
#share-the-knowledge .share-social-button.last { margin-right:0; border-right:none;}
#footer-social-facebook { background-position:-10px 0; }
#footer-social-facebook:hover { background-position:-10px -95px;}
#footer-social-linkedin { background-position:-90px 0;}
#footer-social-linkedin:hover { background-position:-90px -95px;}
#footer-social-youtube { background-position:-165px 0;}
#footer-social-youtube:hover { background-position:-165px -95px;}
#footer-social-twitter { background-position:-240px 0;}
#footer-social-twitter:hover { background-position:-240px -95px;}


footer #copyright {
    font-size: 10px;
    margin: 0;
    padding: 10px 0 20px;
    color: #fff;
    text-align: center;
}

footer #copyright img {
/*     padding-left: 100px; */
}

footer #copyright a {
    color: #fff;
}

footer #copyright a:hover {
    color: black;
}

/* ===============
    ALL: IE Fixes
   =============== */

.ie7 .title {
    padding-top: 20px;
}

/* ==========================================================================
   Soco Theme Styles
   ========================================================================== */

/*Global Styling */

#header-content {
	background-position: 0 0;
	background-repeat: no-repeat;
	behavior: url(/css/PIE.htc);
/* 	display: none; */
	background-image: none !important;
	margin-top: 0px;
	margin-bottom: 30px;
	position: relative;
}
#header-flickr {
	cursor: pointer; 
	cursor: hand;	
}
#header-flickr #photos, #header-flickr h1 { 
 position: absolute;
}
#header-flickr h1 {
	z-index: 100;	
}
#header-flickr ul {
	margin: 0px;
	padding: 0px;	
}
#header-flickr ul li {
	display: inline; 
	list-style: none;
	width: 50px;
	height: 50px;
		
}
#header-flickr ul li.expand {
 	display: inline-block;
    height: 75px;
    position: absolute;
    width: 75px;
}
#header-flickr ul li.expand img {
	width: 75px;
	height: 75px;	
	border: solid 1px #fff;
}
#header-flickr ul li .placeHolder {
	width: 50px;
	display: inline-table;
	margin-left: 1px;
	margin-right: 1px;
	margin-bottom: 2px;
}
#header-flickr ul li a img{
	width: 50px;
	height: 50px;
	margin: 1px;
	margin-top: 0px;
	margin-bottom: 2px;
}
.ecents-logo.clone,.ecentshome-logo.clone{
	display: none;
}

#content h1 {
	margin: 0;
	margin-bottom: 20px;
}

#content h2 {
	margin: 0 0 25px;
}

#content ul, #content ol {
	overflow: hidden;
	padding: 0 0 0 30px;
}

#content ul li, #content ol li {
	padding-bottom: 20px;
}
.content-landing-page .module li, .content-page .module li
{
	
}

#menu-top-nav {
    padding: 20px 0;
    /*text-align: right;*/
    text-align: center;
    margin: 0;
}

#menu-top-nav li {
    border-right: 1px solid #DADADA;
    display: inline;
    padding: 0 .8em;
}
#menu-top-nav .button:hover
{
	color: #fff;
}
#menu-top-nav .button
{
	width: 38px; /*35px;*/
	padding: 2px 6px;
	color: #fff;
	float: none;
	border-radius: 2px;
	font-weight: 100;
	font-family: inherit;
	display: inline-block;
	margin: 0;
}
#menu-top-nav li.last {
    border: medium none;
}

#menu-top-nav li a {
    color: #464646;
    font-size: 0.75em;
    text-decoration: none;
}

#menu-top-nav li a:hover {
    color: #CC0000;
}

/*
#menu-top-nav li:hover {
    background: #d3bf96;
}
*/

#search-form {
    font-size: 0.75em;
    margin: 0;
    padding: 0;
    position: absolute;
    
    text-align: right;
    top: 20px;
    width: 200px;
	z-index: 99998; /* 1 less than mobile-nav overlay */
}

#search-form #search-form-input {
    border: 2px solid #CECECE;
    /*border-bottom-left-radius: 5px;
    border-top-left-radius: 5px;*/
    color: #CECECE;
    height: 18px;
    line-height: 18px;
    width: 160px;
}

#search-form #search-form-input:focus {
    color: #000000;
}

#search-form #form-search-button {
    background: #cecece url("/img/icons/icon-search.png") no-repeat 50% 50% !important;
    border: medium none;
    font-size: 0;
    height: 24px;
    margin-left: -2px;
    position: absolute;
    right: -24px;
    top: 0;
    width: 25px;
}
/*iframe[name="googleSearchFrame"] { width:100% !important; border:0; }*/
    
ul.no-bullet {
    list-style: none outside none;
}
.menu-target.live-target
{
	display: block !important;
}
.menu-target
{
	display: none;
}
.content-menu-header-image
{
	z-index: 200;
}
.content-menu
{
	position: relative;
	cursor: pointer;
    background-color: #cc0000;
    background: -moz-linear-gradient(center top , #ED1E2F 0%, #C91D2B 50%, #B60015 50%, #8F0010 100%); /* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ED1E2F), color-stop(50%,#C91D2B), color-stop(50%,#B60015), color-stop(100%,#8F0010)); /* webkit */
	background: linear-gradient(#ED1E2F, #8F0010);
    border: 1px solid #951100;
    border-radius: .5em .5em .5em .5em ;
    z-index: 1000;
    
/*
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888; 
*/

    display: block;

	
}
.content-menu-header
{
    color: #FFFFFF;
}
.content-menu-header-image
{
	position: absolute;
}
.content-menu-choices ul
{
	padding-bottom: 20px !important;
}
.content-menu-choices ul li
{
	cursor: pointer;
	border-bottom: 1px solid #999;
	padding: 5px 0px 5px 0px !important;
	list-style-type: none;
}
.content-menu-choices
{
	width: 100%;
	position: absolute;
	height: 0px;
	overflow: hidden;

}
.content-menu.open
{
	border-radius: .5em .5em 0px 0px;
}
.content-menu-choices
{
	background: #f6f6f6;
	background: -moz-linear-gradient(top, #FFFFFF 0%, #DADAD9 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(100%,#dfdfdf));
	background: linear-gradient(#FFFFFF, #DFDFDF);
	-pie-background: linear-gradient(#FFFFFF, #DFDFDF);
	border: solid #dadada 1px;
	-webkit-border-radius: .5em;
	-moz-border-radius: .5em;
	border-radius: 0px 0px .5em .5em;
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888; 

}
.content-menu.open .content-menu-choices
{
	-moz-box-shadow: 5px 5px 5px #888;
	-webkit-box-shadow: 5px 5px 5px #888;
	box-shadow: 5px 5px 5px #888; 
}
.content-menu.closed .content-menu-choices
{
	box-shadow: none;
}
.content-menu-header h3
{
	margin: 5px auto 5px 5px;
	color: #fff;
}


a.button, input.submit-button, .button.with-icon {
    background-color: #cc0000;
    background: -moz-linear-gradient(center top , #ED1E2F 0%, #C91D2B 50%, #B60015 50%, #8F0010 100%); /* Firefox */
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#ED1E2F), color-stop(50%,#C91D2B), color-stop(50%,#B60015), color-stop(100%,#8F0010)); /* webkit */
	background: linear-gradient(#ED1E2F, #8F0010);
    border: 1px solid #951100;
    border-radius: .4rem;    
    -webkit-box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.2) inset, 0 1px 3px #333333;
       -moz-box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.2) inset, 0 1px 3px #333333;
            box-shadow: 0 0 0 1px rgba(255, 115, 100, 0.2) inset, 0 1px 3px #333333;
    color: #FFFFFF;
    display: block;
    font-size: 1em;
    line-height: 1em;    
    margin: 20px auto 10px;
/*     padding: 5px 30px; */
    position: relative;
    text-align: center;
/*     text-shadow: 0 -1px 1px rgba(0, 0, 0, 0.8); */
	font-weight: bold;
	/*font-size: 15px;*/
    text-decoration: none;
}
#home .module a.more-link{

	padding-left: 10px;
	display: block;
/* 	clear: left; */
}

#content .content-modules .module a.button, #content .content-modules .module a.more-link, #home .module a.more-link:not(.button.with-icon) {
	color:#cc0000;
	background: none;
	border: none;
	box-shadow: none;
	text-align: left;
}
.button.with-icon
{
	text-align: left;
}
#content .content-modules .module a.button:after,#content .content-modules .module a.more-link:after,#home .module a.more-link:after,#home .flex-slider a.more-link:after{
	content : " >";
}
#content .content-modules .module a.button.with-icon:after,#content .content-modules .module a.more-link.with-icon:after{
	content : "" !important;
}
#content .content-modules .module a.button:hover,#content .content-modules .module a.more-link:hover{
	text-decoration: underline !important;
}
.content-landing-page a.button,.content-page a.button {
	margin-right: 20px;
	margin-bottom: 40px;
    float: left;
}

a.button:hover, input.submit-button:hover {
    background-image: -moz-linear-gradient(center top , #FF3852 0%, #F81332 50%, #E70025 50%, #CA001E 100%);
	background: -webkit-gradient(linear, center top, center bottom, color-stop(0%,#FF3852), color-stop(50%,#F81332), color-stop(50%,#E70025), color-stop(100%,#CA001E)); /* webkit */
	background: linear-gradient(#FF3852, #CA001E);
}
section.with-teaser{
	clear: left;
}
#content .with-teaser {
    display: block;
    padding: 0 0 0 20px;
    /* position: relative; */
    vertical-align: top;
    
}
#content section.with-teaser{
	position: relative;
}

#content .with-teaser h4 {
	/*color: #766a62;*/
    background: none repeat scroll 0 0 transparent;
    cursor: pointer;
    display: block;
    clear: left;
    /*font: 24px/28px;*/
    font-weight: bold !important;
    margin: 0 0 1em;
    padding: 0;
    text-decoration: none;
	border-bottom: 1px solid #e6e5e5;
	padding-bottom: 1em;
}
/*#content .with-teaser h4.no-border-bottom { border-bottom:0; }*/


.with-teaser { margin-left: .4em !important; }


#content .with-teaser.active h4 {
	margin-bottom: 0 !important;
}


#content .with-teaser h3{
	cursor: pointer;
}
#content .with-teaser .teaser span {
    cursor: pointer;
    position: absolute;
    right: 2em;
}

#content .with-teaser.active h4 {
    background-position: -2px -34px;
	border-bottom: 0px;

}
#content .with-teaser.active .detail {
	border-bottom: 1px solid #e6e5e5;
	margin-bottom: 10px !important;
}
#content .with-teaser .detail {
    display: none;
    /*padding-left: 1em;*/
}
#content .with-teaser .print-detail
{
	display: none;
}
#content .with-teaser .detail ul ul
{
	margin-bottom: 0px;
}
#content .with-teaser .detail p, #content .with-teaser .detail ul {
    margin: 0 0 20px;
}
#content .with-teaser .detail .module ul{
	margin-bottom: 0px;
}
#content .with-teaser .detail .module{
	padding-bottom: 0px;
}
#content .with-teaser.last {
    border: medium none;
}

#content .with-teaser>span {
  /*  background: url(../img/arrows.png) no-repeat scroll 0 top transparent;
    cursor: pointer;
    display: block;
    height: 16px;
    left: -5px;
    position: absolute;
    top: 0px;
    width: 20px;
    */
    
/*     background: url(/img/twirler-sprite.png) no-repeat scroll 0 4px transparent; */
	background: url(/img/gtwirler-style-sprite.jpg) no-repeat scroll 0 4px transparent;
    cursor: pointer;
    display: block;
    height: 26px;
    left: -5px;
    position: absolute;
    top: 0px;
    width: 23px;
}
.list-title,.stand-out,.bodycopy-header,.important-info,.contact-name
{
/* 	color: #000; */
	font-weight: bold !important;
/* 	float: left; */
}

#content .with-teaser.active span {
   /* background-position: 0 -60px;*/
    
    background-position: 0 -35px;
}

.simple-overlay {
    background-color: #FFFFFF;
    border: 1px solid #666666;
    border-radius: 10px;
    display: none;
/*     padding: 10px; */
    z-index: 10000;
}
.simple-overlay.standalone
{
	background: none;
	border: none;
	box-shadow: none;
	
}
.simple-overlay .close {
    background-image: url(../img/close.png);
    background-repeat: no-repeat;
    cursor: pointer;
    height: 35px;
    position: absolute;
    right: -20px;
    top: -15px;
    width: 35px;
    z-index: 999999;
}
.fluid-image{
	width:100%;
	height: auto;
}
.spot-image {
    float: left;
    margin:0 1em 1em 0;
}
img.spot-image , .spot-image figcaption, figure.spot-image img, img.large-image{
	
}
.spot-image.alternate {
    float: right;
    margin: 0 0 1em 1em;
}

/* Home Page Styling */

#home .main .module.standalone {
	background-color: transparent;
	border: 0px;
}
.module.with-image img{
	margin-left: 20px;
}
#home .main #slidestorm
{
	
}
#outage-map-iframe
{
	position: absolute;
	width: 1000px;
	height: 1000px;
	left: -273px;
	top: -264px;
	
}
#outage-map-iframe-wrapper
{
	position: absolute;
	width: 100%;
	height: 100%;
	overflow: hidden;
	background: black;
}
#outage-map-header,#storm-footer
{
	background-color: #cc0000;
	/* Mozilla Firefox */ 
	background-image: -moz-linear-gradient(top left, #8F0010 0%, #ED1E2F 100%);
	/* Opera */ 
	background-image: -o-linear-gradient(top left, #8F0010 0%, #ED1E2F 100%);
	/* Webkit (Safari/Chrome 10) */ 
	background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8F0010), color-stop(1, #ED1E2F));
	/* Webkit (Chrome 11+) */ 
	background-image: -webkit-linear-gradient(top left, #8F0010 0%, #ED1E2F 100%);
}
#storm-footer h3
{
	color:  white;
	padding: 10px;
	float: left;
	display: inline-block;
	margin-left: 11%;
}
#storm-links a
{
	color: white;
}
#storm-links
{
	color: white !important;

	position: relative;
	top: 15px;
}
#storm-links
{
	float: left;
}
#home .main #storm-zone-icon
{
	position: absolute;
	top: -20px;
	width: 11%;
	height: auto;
}
#storm-footer
{
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 10%;
	
}
#outage-map-header h3
{
	color: white;
	padding: 10px;
	padding-left: 5%;
	margin: 0px;
}
#outage-map-header
{
	position: relative;
}
#outage-map-header #pog-marker
{
	position: absolute;
	right: 5px;
	top: -20px;
	width: 19%;
	height: auto;
	z-index: 1000;
	
}
#slidestorm .slide-text
{
	width: 45%;
}
/*
#slidestorm .flex-button
{
	float: left !important;
	margin-left: 0px;
}
*/
#outage-map-container
{
	position: absolute;
	top:15%;
	width: 55%;
	height: 60%;
	right: 20px;

}
#home .main #slide1{
	/*background: url(../img/slide-11.jpg) 0px 0 no-repeat;*/
	
}
#home .main #slide2{
	/*background: url(../img/slide-21.jpg) 0px 0 no-repeat;*/
}
#home .main #slide3{
	/*background: url(../img/slide-31.png) 0px 0 no-repeat;*/
}
#home .main #slide1 .slide-text{

	color: white !important;
}
#home .slide img{
/* 	border-radius: 10px; */
}
#home .main #slide1 h1,#home .main #slide2 h1,#home .main #slide3 h1,#home .main #slide4 h1,#home .main #slide5 h1 {
	font-family: 'UniversLTW01-47LightCn',sans-serif;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
	position: absolute;
	margin: 0;
	color: #FFF;
}
#home .main #slide3 .mygulfpower-link
{
	color: #fff;
}

#home .main #slide1 h1 span{
	display: block;
	padding-left: 80px;
}

/* trademark symbol alignment */
#home .main .slide .trademark {
	vertical-align:20px; margin-left:-10px; font-weight:400;
}



.mygulfpower-link
{
	color: #cc0000;
	font-weight: 100;
/* 	font-style: italic; */
	position: absolute;
	bottom: 20px;
	z-index: 1000;
	left: 3%;

}
.mygulfpower-link.alt
{
}
#home .main #slide1 h1 em {
	font-family: 'UniversLTW01-67BoldCn',sans-serif;
	font-style: normal;
}

#home .module#module1 p {
	padding-left: 150px;
}
#home .module#module7 ul{margin-left: 20px;}
#home .module#module1 h3 {
	padding-left: 150px;
}
#home .module#module1 img {
	position: absolute;
	bottom: 0px;
	left: 0px;
	border-radius: 10px;
}

#home .module#module6 img {
	/*margin-left: -30px;*/
	margin-left:-10px;
	float: left;
	
}
#home #module1 a.button{
	margin-left: 150px;
	padding: 5px;
}
.footer-container {
    -webkit-box-shadow: 0 -1px 1px #aaa;
       -moz-box-shadow: 0 -1px 1px #aaa;
            box-shadow: 0 -1px 1px #aaa;
            margin-top: 90px;
}


/*Landing Page Styling */


/*Inner Page Styling */

#module10
{
	clear: left;
}


.with-sidebar #content {
    float: left;
    width: 100%;
    padding: 0px 0% 2% 25px;
}

#sidebar {
/* 	display: none; */
	/*position:absolute;*/
	
	float: left;
	/*margin-left: 8px;*/ /*Align sidebar to banner*/
	left:640px;	
	width:300px;
	
}
.content-landing-page.with-sidebar #sidebar{
	top:348px;
}
.content-landing-page .main .module .module-image,.content-page .main .module .module-image,.content-page .content .module .module-image,.content-landing-page .content .module .module-image{
	width: 100%;
}
.content-landing-page .module p,.content-page .module p
{
/* 	height: 100px; */
	overflow: hidden;
}
#sidebar .module { 
	margin: 10px 0;
	/*padding:20px;
	width:260px;  sidebar*/
	width : 298px;  /*sidebar*/
	}
#sidebar .module ul{
	margin-left: 20px;
}
#sidebar .module ul.pdf-list{
	margin-left: 0px;
}
#sidebar .module.spotlight{
	width:258px;
	padding: 20px;
}
#sidebar .module.spotlight img{
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
}
p.youtube {
	background:url(/img/youtube-icon.png) 0px 0px no-repeat;
	margin-top: 20px !important;
	padding-left: 40px;
}
ul.photo-list li{
	background:url(/img/photo-video-icon.png) 5px 9px no-repeat;
	padding-left: 40px !important;
}


li.youtube{
	background:url(/img/youtube-icon.png) 6px 17px no-repeat;
	
	padding-left: 40px;
}






/* ==========================================================================
   Animations
   ========================================================================== */

.animate {
  -webkit-animation-duration: 1s;
  -moz-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  -moz-animation-fill-mode: both;
  animation-fill-mode: both;
}
.animate-off { -webkit-animation:none; -webkit-animation-duration:0; -moz-animation:none; animation:none !important; animation-duration:0; }
.animate.infinite {
  -webkit-animation-iteration-count: infinite;
  -moz-animation-iteration-count: infinite;
  animation-iteration-count: infinite;
}

/* flash */
@-webkit-keyframes flash { from, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }
@-moz-keyframes flash { from, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }
@-o-keyframes flash { from, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }
@keyframes flash { from, 50%, 100% { opacity: 1; } 25%, 75% { opacity: 0; } }
.flash { -webkit-animation-name: flash; -moz-animation-name: flash; -o-animation-name: flash; animation-name: flash; }

/* lightning */
@-webkit-keyframes lightning { from, 10%, 30%, 60%, 90% { opacity: 1; } 5%, 40%, 85% { opacity: .5; } 0%, 25%, 50%, 75%, 100% { opacity: 0; } }
@-moz-keyframes lightning { from, 10%, 30%, 60%, 90% { opacity: 1; } 5%, 40%, 85% { opacity: .5; } 0%, 25%, 50%, 75%, 100% { opacity: 0; } }
@keyframes lightning { from, 10%, 30%, 60%, 90% { opacity: 1; } 5%, 40%, 85% { opacity: .5; } 0%, 25%, 50%, 75%, 100% { opacity: 0; } }
.lightning { -webkit-animation-name: lightning; -moz-animation-name: lightning; animation-name: lightning; -webkit-animation-iteration-count:1; animation-iteration-count:1; -webkit-animation-delay:1.2s; animation-delay:1.2s; }



/*.show-for-small-only { display: none; }*/


/* ==========================================================================
   Media Queries
   ========================================================================== */

/* small [0-640px] @media only screen and (max-width: 40em) */
@media only screen {
  .show-for-small-only, .show-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up {
	  display: inherit !important
  }
  .hide-for-small-only, .hide-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up {
	  display: none !important
  }
}

@media only screen and (min-width: 47.438em) { /*40.063em) {*/
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .show-for-medium-only, .show-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up {
	  display: inherit !important
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .hide-for-medium-only, .hide-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up {
	  display: none !important
  }
  	/* hide Quick Links */
	login-slider-wrapper { display: none !important; }
}

@media only screen and (min-width: 64.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .show-for-large-only, .show-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up {
	  display: inherit !important
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .hide-for-large-only, .hide-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up {
	  display: none !important
  }
  /*video { width:100%; height:auto; }*/
  .main .module.full h3 { margin-top:0; padding-top:0; } /* adjust only on this size and up */
  .module.full img { padding-bottom:5%; }
  /*#business-home*/ body:not(#biz-grow) .module.full .panel.feature { padding-bottom:2em; }
  	/* hide Quick Links */
	login-slider-wrapper { display: none !important; }
}

@media only screen and (min-width: 90.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .show-for-xlarge-only, .show-for-xlarge-up {
	  display: inherit !important
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .hide-for-xlarge-only, .hide-for-xlarge-up {
	  display: none !important
  }
}

@media only screen and (min-width: 120.063em) {
  .hide-for-small-only, .show-for-small-up, .hide-for-small, .hide-for-small-down, .hide-for-medium-only, .show-for-medium-up, .hide-for-medium, .hide-for-medium-down, .hide-for-large-only, .show-for-large-up, .hide-for-large, .hide-for-large-down, .hide-for-xlarge-only, .show-for-xlarge-up {
	  display: inherit !important
  }
  .show-for-small-only, .hide-for-small-up, .show-for-small, .show-for-small-down, .show-for-medium-only, .hide-for-medium-up, .show-for-medium, .show-for-medium-down, .show-for-large-only, .hide-for-large-up, .show-for-large, .show-for-large-down, .show-for-xlarge-only, .hide-for-xlarge-up {
	  display: none !important
  }
}




@media only screen and (min-width: 760px) {

/* ====================
    INTERMEDIATE: Header
   ==================== */
   	
   	.header-container {
        -webkit-box-shadow: 0 0px 6px #333;
           -moz-box-shadow: 0 0px 6px #333;
                box-shadow: 0 0px 6px #333;
                position: relative;
                z-index: 5;
    }
	

    header #logo {
	    float: left;
	    width: 168px;
    }
    
   	header #logo img {
	   	border-right: 1px solid #DADADA;
   	}
	
	header nav {
		display: block;
		margin: 0;
		margin-top: 40px; 
	}
	
	header #mobile-menu {
		display: none;
	}
   	
   	#banner {
	    float: left;
	    width: 74%;
    }
   	
    nav a {
	    display: block;
	    margin-bottom: 10px;
	    padding: 15px 0;
	    text-align: center;
	    text-decoration: none;
	    color: #CC0000;
        float: left;
        font-size: 16px;
        line-height: 18px;
        font-weight: 300;
        margin: 0;
        padding: 0 2% 20px;
    }
    
    nav a:hover /*, nav a:visited*/ {
	    color: #867565;
	}	
	
	nav ul {
	    margin: 0;
	    padding: 0;
	}
	
	nav > ul > li > a {
		border-right: 1px solid #DADADA;
	}

    nav li:first-child a { 
        margin-left: 0;
    }
    
    /* Temp */

	nav ul.menu-2 {
		left: 400px;
	}
	
	/* Temp */

    nav li:last-child a {
        padding-right: 0;
        border-right: 0px;
    }
    
    nav ul li {
    	background-color: transparent !important;
        display: block;
        border: 0px none !important;
    }
    
    nav ul li.expandable {
	    background-image: none;
    }
    ul.menu li.expandable{
	background: url(../img/Pulldown-Chevron.png) 94% 2px no-repeat;
}
	ul.menu li.expandable.non-active{
	background: url(../img/non-active-chevron1.png) 94% 2px no-repeat;
}
	ul.menu li.expandable.open{
	background-position: 100% 2px;
}
 #navigation ul.menu li.non-active > a{
	 
	/*color: #e46656 !important;*/
	 /* color: #9F110A !important;*/

	 
	 color:white;
	 opacity:0.5;
     -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(opacity=50)"; /*IE8*/
     
 }
 #home #module2 h3, #home #module3 h3{
	/*margin-top: 32%;*/
	margin-bottom: -18px;
}
#home #module2 h3.long-text, #home #module3 h3.long-text{
	/*margin-top: 32%;*/
	margin-bottom: -18px;
}

#home  .module-detail p{
	padding: 10px 0px;}
#home  .module-detail p.detail{
	padding-bottom:0px;}
#home  .module-detail p.learn-more{
	padding-top:0px;}	 
 #navigation ul.menu li a {
	 display: block;
	 width: 88%;
 }
 #navigation li a.button
 {
	 padding: 2px 0px 2px 0px;
	 margin: 0px 15px 9px 0px !important;
	 float: right;
	 color: #fff;
	 font-size: 12px;
	 font-family: inherit;
	 opacity: 1 !important;
/* 	 letter-spacing: -.02em !important; */
	font-weight: 100;
	 width: 85% !important;
 }
 #navigation ul.menu li{
	 padding-right:7px;
 }
     nav > ul > li.expandable.indicator > a  {
	    background-image: url(../img/nav_arrow.png);
	    background-position: center 29px;
	    background-repeat: no-repeat;
    }
    
    nav > ul > li > a {
		font-weight: normal;

	}
		    
    nav ul li ul {
    	
	    position: absolute;
	    top: 38px;
	    left: 0;
	    /*padding-right: 10px;*/
	    padding-top: 20px;
	    width: 195px; /* Adjusts Dropdown Width */
	    z-index: 2;
    }
    nav ul.menu{	    border-right: 1px solid #888;    } /* below is the old target for this rule */
/*     nav ul.menu.has-expandable-child{	    border-right: 1px solid #FFF;    } */
    
    nav ul.menu.menu-1{
	    border-right: none;
    }

     nav ul.menu.third-level-subnav{/* border-right:none; */}
    nav ul li li {
	    background-color: transparent;
	    float: left;
	    width: inherit;
	}
    
    nav ul li ul li a {
    	color: #FFF !important;
	    padding: 0 0 7px 15px;
	    font-size: 14px;
	    text-align: left;
    }
    
    nav ul li ul ul {
    	/* display: none; */
	    left: 200px; /* Adjusts Dropdown Width Spacing */
	    top: 0;
    }
    
    nav ul li ul li ul ul {
	    border-right: 0px none;
	    padding-right: 0px;
    }
    
    #drawer {
		display: block;
		background-color: #666666;
		height: 25px;
/* 		width: 940px; */
		transition: height 400ms;
		-moz-transition: height 400ms; /* Firefox 4 */
		-webkit-transition: height 400ms; /* Safari and Chrome */
		-o-transition: height 400ms; /* Opera */
		background-image: url('/img/texture.png');
		background-repeat: repeat-x;
	}
	





    
    /* ============
    INTERMEDIATE: Main
   ============ */    
    
    #header-content {
    	display: block;
		height: 30px;
		width: 100%;
	}
	
	
	
	}
	#header-content.with-large-image-landing {
		height: 450px;
	}

	#header-content.with-small-image-landing{
		height: 200px;
	}
	
	#quick-links-container{
		position: absolute;
	    right: 10px;
	    top: 50px;
	    width: 290px;
	    z-index: 2;
	}
	#quick-links-container .toggle-links{
		
		background-color: #e3dede;
		border-bottom-left-radius: 10px;
		border-bottom-right-radius: 10px;
		padding:5px 5px 5px 160px;
		position: relative;
		top:-3px;
		 -moz-box-shadow: inset 0px 1px 3px #8b8b8b, 0px 2px 5px #8b8b8b;
	    -webkit-box-shadow: inset 0px 1px 3px #8b8b8b, 0px 2px 5px #8b8b8b;

		box-shadow: inset 0px 1px 3px #8b8b8b, 0px 2px 5px #8b8b8b;
		/* For IE 8 */

	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */

		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	}
	
	#quick-links-container .toggle-links a{
		font-size:18px;
		color:#555555;
		background: url(../img/open-close-arrow.png) 100% 2px no-repeat;
		padding-left: 30px;
		padding-right: 10px;
		display: block;

	}
	#quick-links-container .toggle-links.active a{
		background-position: 100% -23px;
		
	}
    #quick-links {
    	/* for IE */
    	
       background-color: rgb(255,255,255);
       /***/
    	background: none repeat scroll 0 0 rgba(255, 255, 255, 0.75);
	    /*border-radius: 10px 10px 10px 10px;*/
	    /*position: absolute;
	    right: 10px;
	    top: 70px;
	    width: 290px;*/
	    -moz-box-shadow: 1px 2px 2px #838283, -1px 2px 5px #838283;
	    -webkit-box-shadow: 1px 2px 2px #838283, -1px 2px 5px #838283;
	    box-shadow: 1px 2px 2px #838283, -1px 2px 5px #838283;
	    /* For IE 8 */

	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */

		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
    }
    
    #quick-links h3 {
    margin: 0px !important;
	    background-color: #d7271d;
	    color:white;
	    padding:10px 20px;
	    -moz-box-shadow: 0px 2px 6px #000000;
	    -webkit-box-shadow: 0px 2px 6px #000000;
	    box-shadow: 0px 2px 6px #000000;
    }
    
    #quick-links ul {
	    padding: 0 0 10px 20px;
	    margin: 10px 0 3px;
    }
    #quick-links .toggle-links{margin-top: 0px;padding-left:20px; font-weight: bold;}
    #quick-links ul li {
	    padding-bottom: 2px;
    }
    
    .main .slide {
    	border-radius: 10px;
    	
        float: left;
        width: 100%;
        margin: 0 0 2%;
		
	}

   .main .slide h1 {
		font-size: 60px;
		line-height: 62px;
		left: 50px;
	}
    
    .hide, #facebook-like,#fb-like {
	    display: block;
    }
	#home .main .module {
	    background-color: #ebebeb;
	}
    
	.main .content-modules .module
	{
			    margin-top: 40px;
	}
	.main .module {
/*     	border: 1px solid #e1e1e1; */
/* 	    border-radius: 10px; */
	    
/* 	    background-color: #ebebeb; */
	    /*padding: 15px 2% 10px;*/
	    padding:0px 0px 10px;
	    /*margin: 0 0 2%;
	    width: 45%;*/
	    margin: 5px 0px 20px;
/* 		margin: 0px 0px 10px !important; */
/* 	    width:328px; */
	    /* min-height: 190px; */
    }
    #login-slider-wrapper.closed
    {
	    right:-300px;
    }

    #login-slider-wrapper
    {
	    position: fixed;
	    margin-top: 100px;
	    top: 10%;
/* 	    bottom: 100px; */
	    right: 0px;
	    z-index: 10000;
    }
    #login-slider-wrapper.fixed-position-unsupported-fix
    {
		display: none !important;	
	}
    
    #login-slider-opener
    {
	    width: 50px;
	    height: 251px;
	    
	    float: left;
    	background-color: #cc0000;
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top left, #8F0010 0%, #b50c1d 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(top left, #8F0010 0%, #b50c1d 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8F0010), color-stop(1, #b50c1d));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top left, #8F0010 0%, #b50c1d 100%);

/*
	    border-top: 1px solid #e1e1e1;
	    border-left: 1px solid #e1e1e1;
	    border-bottom: 1px solid #e1e1e1;
*/
	    cursor: pointer;

    }
    #login-slider-opener img
	{

		margin: 50% auto;
		float: none;
		display: block;		
	}
	#login-slider .sign-up-link,#login-module .sign-up-link
	{
		text-decoration: underline;
		font-weight: bold;
	}
	#login-slider-wrapper .state-indicator
	{
		width: 100%;
		height: 40px;
	    background-image: url("/img/arrow-sprite-horizontal.png");
	    background-repeat: no-repeat;
	}
	#login-slider-wrapper.open .state-indicator
	{
	    background-position: 13px 5px;
	}
	#login-slider-wrapper.closed .state-indicator
	{
	    background-position: -47px 5px;
	}
    #login-slider
    {
	    width: 298px;
	    float: right;
	    margin-top: 0px !important;
	    margin-bottom: 0px !important;
		border: none !important;
    }
    #login-module a.button,#login-slider a.button
    {
	    float: none;
	    margin: 15px auto 15px auto;
    }    
    .main .sub-module,#login-module {  
	    border: 1px solid #e1e1e1;
	    padding: 0px 0px 10px;
	    margin: 5px 0px 20px;
/* 	    height: 220px !important; */
    }

	.mod-divider
	{
		border-top: 1px solid #ebebeb;
		width: 90%;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
	#home .mod-divider { border-top:1px solid #e68078; }

    .grey-gradient{
		color: #000;
		background-color: #ebebeb;
    }
    
    .red-gradient{
    	background-color: #cc0000;
		/* Mozilla Firefox */ 
		background-image: -moz-linear-gradient(top left, #8F0010 0%, #ED1E2F 100%);
		/* Opera */ 
		background-image: -o-linear-gradient(top left, #8F0010 0%, #ED1E2F 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background-image: -webkit-gradient(linear, left top, right bottom, color-stop(0, #8F0010), color-stop(1, #ED1E2F));
		/* Webkit (Chrome 11+) */ 
		background-image: -webkit-linear-gradient(top left, #8F0010 0%, #ED1E2F 100%);
    }
	
	#home .red-gradient {
		background: #d52b1e; /* Old browsers */
		background: -moz-linear-gradient(top, #76000d 0%, #76000d 10%, #8f0010 10%, #ed1e2f 100%); /* FF3.6-15 */
		background: -webkit-linear-gradient(top, #76000d 0%,#76000d 10%,#8f0010 10%,#ed1e2f 100%); /* Chrome10-25,Safari5.1-6 */
		background: linear-gradient(to bottom, #76000d 0%,#76000d 10%,#8f0010 10%,#ed1e2f 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8f0010', endColorstr='#ed1e2f',GradientType=0 ); /* IE6-9 */
	}
    
	.content-page .module .button,.content-landing-page .module .button
	{

		margin-left: 0px;
		margin-right: 0px;
		margin-bottom: 10px;
		margin-top: -10px;
		padding-left: 0px;
		padding-right: 0px;

		position: relative;
		width: 100%;
	}

    .main .sub-module h3,#login-slider h3 {
	    margin: 15px 0;
	    padding-left: 20px;
	    padding-right: 20px;
	    color: #fff;
	 }
	 
	.main .sub-module h3.black{
		color: #000;
    }
    #login-module .button
    {
		color: black;
    }
    .main .sub-module p,#login-module p {
	    padding-left: 20px;
	    padding-right: 20px;
	    color: #fff;
	 }
	 
	.main .sub-module p a,#login-module p a {
	    color: #fff;
	 }
	 
	.main .sub-module p a.button {

	 }
	 
	.main .sub-module p a.button.grey-shadow,#login-module p a.button.grey-shadow{
		-webkit-box-shadow: 0 0 0 1px rgba(214, 209, 208, 0.2) inset, 0 1px 2px #333333;
		-moz-box-shadow: 0 0 0 1px rgba(214, 209, 208, 0.2) inset, 0 1px 2px #333333;
        box-shadow: 0 0 0 1px rgba(214, 209, 208, 0.2) inset, 0 1px 2px #333333;
        border: 1px solid #d6d1d0;
	    color: #000;
	    /* Mozilla Firefox */ 
		background: -moz-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
		/* Opera */ 
		background: -o-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
		/* Webkit (Safari/Chrome 10) */ 
		background: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #797E85));
		/* Webkit (Chrome 11+) */ 
		background: -webkit-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
	 }
	 
	 .styled-select{
		 text-align: center;
		 margin-bottom: 10px;
	 }
	 .styled-select select {
/*  	   -moz-appearance: window; */
		padding: 5px;
		font-size: 14px;
		line-height: 1;
		height: 34px;
		-webkit-appearance: none;
		width: 250px;
		height: 34px;
		overflow: hidden;
		border: 1px solid #ccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 0 1px rgba(214, 109, 208, 0.2) inset, 0 1px 1px #333;
		-moz-box-shadow: 0 0 0 1px rgba(214, 109, 208, 0.2) inset, 0 1px 1px #333;
		color: #000;
/*
		background: url('/img/button-down-arrow.png') no-repeat right;
		background-color: -moz-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
		background-color: -o-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
		background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #797E85));
		background-color: -webkit-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
*/

		background: url(/img/button-down-arrow.png) no-repeat right, -moz-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
		background: url(/img/button-down-arrow.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #797E85));
     }
    
    .main .nav{
	    background-color: #fff;
    }
    .module h3,  .module h4, .module p,  .module ul,  .module ol {
/* 	    padding-left: 20px; */
/* 	    padding-right: 20px */
    }

 /*   .main .module h3.divider, .main .module h4.divider {
    	color:#ffffff;
	    background-color:#ccc;
	    padding-top:15px; padding-bottom:15px;
	     -moz-box-shadow:0px 2px 3px #8b8b8b;
	    -webkit-box-shadow:0px 2px 3px #8b8b8b;

		box-shadow:0px 2px 3px #8b8b8b;
		/* For IE 8 */

/*	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */

/*		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	    
	    
    }*/
    
    
    /* Accordion Styles */
    
    .ui-state-active, .ui-widget-content .ui-state-active, .ui-widget-header{
	    
    }
    
    /* Accordion Styles end */
    
    #home .news li a{
	display: inline !important;
	}
    .main .module h3.divider, .main .module h4.divider {
    	color:#ffffff;
	    background-color:#a5a5a5;
	    padding-top:11px; padding-bottom:11px;
	     -moz-box-shadow:inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	    -webkit-box-shadow:inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;

		box-shadow:inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
		/* For IE 8 */

	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */

		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	    
	   
    }
    
    #content .module ul ul, #content .module ol ul, #content .module ul ol, #content .module ol ul, #content .module ul p, #content .module ol p {
    	padding-left:0;padding-right:0;
    }
    #module2, #module3{
	    border: 0px;
    }
    #home .main .module h3,#home .main .module p {
	    margin: 15px 10px;
	}    
    
    #home .main .module:nth-child(odd) {
	    float:right;
    }
    
    #home .main .module:nth-child(even).not('#social-fb') {
	    clear:right;
    }
    
    #home .main .module#social-fb {
/* 	    float:left; */
    }


    
    
    a.button, input.submit-button {
    	z-index: 5;
	    width: 140px;
		letter-spacing: -0.03em;
		font-size: 16px;
    }
 /*   #social li a { display:inline-block; background:transparent url(/img/social-icons.png) no-repeat 0 0; 
	width:45px; height:45px; text-indent:-99999em;    
    margin:0 10px;	

}
#social li.last { margin-right:0; border-right:none;}
#social li a#footer-social-facebook { background-position:-50px 0; }
#social li a#footer-social-facebook:hover { background-position:-50px -46px;}
#social li a#footer-social-twitter { background-position:-105px 0;}
#social li a#footer-social-twitter:hover { background-position:-105px -46px;}
#social li a#footer-social-linkedin { background-position:-170px 0;}
#social li a#footer-social-linkedin:hover { background-position:-170px -46px;}
#social li a#footer-social-youtube { background-position:5px 0;}
#social li a#footer-social-youtube:hover { background-position:5px -46px;}*/
#social-linkedin {
/* 	padding-left:7px; */
/* 	padding-right: 7px; */
}
.module.social h3 span{
	 background:transparent url(/img/social-icons.png) no-repeat right center;
	 display: inline-block;
    zoom: 1;
    height: 45px;
    width: 45px;
}
    #social-twitter h3 span{
    
    position: absolute;
    right:0px;
    top:7px;
	   
	    background-position:-105px 0px;
    }
    #social-fb h3 span{
    
    position: absolute;
    right:0px;
    top:7px;
	   
	    background-position:-50px 0px;
    }

    #social-yt h3 span{
	  
    position: absolute;
    right:0px;
    top:9px;
	   
	    background-position:5px 0px;
    }
    #social-linkedin h3 span{
	   
    position: absolute;
    right:0px;
    top:4px;
	   
	    background-position:-170px 0px;
    }
    /*Landing Page Styling */
    /*Home Page Styling*/
	#module2{
		background: url(../img/corp-responsibility-promo-bg.jpg) no-repeat;
		background-size: 100% 355px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../img/corp-responsibility-promo-bg.jpg',
    sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../img/corp-responsibility-promo-bg.jpg',
    sizingMethod='scale')";
		
	}
	#module3{
		background: url(../img/smart-energy-promo-bg.jpg) no-repeat;
		background-size: 100% 355px;
		filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../img/smart-energy-promo-bg.jpg',
    sizingMethod='scale');
-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
    src='../img/smart-energy-promo-bg.jpg',
    sizingMethod='scale')";
	}

	
	#module2, #module3{
		padding:0px;
		width:370px;
/* 		height: 325px; */
		overflow: hidden;
		
	}
	#home #module2 img, #home #module3 img{
		position: absolute;
		top:0px;
		left:0px;
		border-radius: 10px;
		
		max-width: none;
		/*height: 100%;
		width:100%;*/
	}
	#home #module2 h3, #home #module3 h3, #home  .module-detail{
		
		
		
	}
	.module2 , .module3{
		position: absolute;
		bottom: 10px;
	}
	#home #module2 h3.long-text, #home #module3 h3.long-text{
		
		/*top:95px;
		left:20px;*/
		z-index: 2;
	}
	#home #module2 h3, #home #module3 h3{
		
		top:130px;
		z-index: 2;
		left: 20px;
	}
	#home  .module-detail{
		top:175px;
		left:0px;
		width:329px;
		padding-left: 20px;
		padding-right: 20px;
		
	}
	#home #module2 h3, #home #module3 h3{
			color:white;
			font-size: 36px;
			line-height: 100%;
			text-shadow: -1px -1px 5px #313a40, 3px 3px 3px #313a40;
		}
    
    #home .module-detail{
	    background-color: #6e615e;
	    color:white;
	    font-size: 12px;
	    line-height: 18px;
    }
    #home .module-detail a{
	        color:white;
	        font-weight: bold;
	        text-decoration: underline;
        }
    
    /* ============
    INTERMEDIATE: Footer
   ============ */
   #footer-sections { width: 66%; float: left;}
   section.fifth {clear: left;}
   footer section { float: left; margin-top: 10px;  margin-right: .75%; margin-left: .75%; width: 23%; word-wrap: break-word; display: block; text-shadow:1px 1px 1px #333333; }

	footer section ul {
	    margin-top: 0;
/* 	    padding-left: 50px; */
	}
	
	footer section ul li {
	    list-style-type: none;
	    margin-left: -2.9em;
	}

	
	footer section a {
	    color: #fff;
	    font-size: .9em;
	    text-decoration: none;
	    
		display: block;
		line-height: 16px;
		margin-bottom: 8px;
		text-shadow:1px 1px 1px #333333;

/*
		line-height: 7px;
		margin-bottom: 5px;
*/

	}
	
	footer section a:hover, footer section ul li:first-child a:hover { color: white; text-decoration:underline; text-shadow:0 0 3px #111111; }
	
	footer section h4 {
	    font-size: 1em;
	    font-weight: normal;
	    margin: 10px 0 0;
	}
	
	footer #info {
		float: right;
		height: 250px;
		width: 35%;
		position: relative;
	}
	
	
	footer #mobile-menu {
		display: none;
	}

	#footer-bottom-space
	{
		height: 100px;
	}
	footer #copyright img {
		float: right;
		padding-right: 15px; 
	}
	
	footer #copyright p {
		clear: right;
		padding: 15px 0 0 0px;
	}
	#content .flex-direction-nav{
	padding-left: 0px;
}

/* ========================
    INTERMEDIATE: IE Fixes
   ======================== */


    .oldie nav a {
        margin: 0 0.7%;
    }
}

@media only screen and (min-width: 767px) and (max-width: 880px) {    
	.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 85% !important;
}
	nav a {
	    font-size: 14px;
	    padding: 0 2% 20px 1%;
    }
    
    nav ul {
    	margin: 0 0 0 15px;
    }
    
    nav ul li ul {
    	left: -210px;
    }
    
    #breadcrumb {
	    left: 186px;
    }
}


@media only screen and (max-width: 1020px){
	nav a {
	    font-size: 14px;
	    padding: 0 1% 20px 1%;
    }
}

/*** TABLET/MEDIUM ***/
@media only screen and (max-width: 1040px){


#menu-top-nav { text-align:left; margin-left:25px; }

#search-form { right:1em; }


	#header-flickr{
		margin-bottom: 20px;	
	}
	#header-flickr, #header-flickr #photos{
	
		height: 156px;
		overflow: hidden;
		
	}
	#outage-map-header h3
{
	color: white;
	padding: 10px;
	padding-left: 5%;
	margin: 0px;
	font-size: 18px;
}
	#storm-footer h3
	{
		font-size: 20px;
		padding: 5px;
	}
	#storm-links
	{
		font-size: 14px;
/* 		padding: 5px; */
		top:auto;
		bottom: -10px;
		
	}
	.header-quote-bubble
	{
		padding: 10px;
	}
	#login-slider-wrapper
	{
		display: none;
	}

body #header-content h1, body #header-flickr h1 {
    font-size: 50px;
    line-height: 50px;
}
body #header-content h2, body #header-flickr h2 {
    font-size: 35px;
    line-height: 38px;
}
.button-icon{	right: -2px;	}

#footer-social-facebook { background-position:-10px -95px !important;}
#footer-social-linkedin { background-position:-90px -95px !important;}
#footer-social-youtube { background-position:-165px -95px !important;}
#footer-social-twitter { background-position:-240px -95px !important;}


}


@media only screen and (max-width: 880px){
	body #header-content h1, body #header-flickr h1 {
    font-size: 40px;
    line-height: 40px;
	}
	
	nav a 
	{
		font-size: 13px;
	}
  /* trademark symbol alignment */
  #home .main .slide .trademark { vertical-align:middle; margin-left:0; } 
}


@media only screen and (min-width: 1040px) {

/* Home Page slider*/

#home .flexslider{
	width:98% ;
	float: left;
	margin-right: 20px;
}
#home .flex-direction-nav a.flex-next{
	left:953px;
}
#home ul.flex-direction-nav{
	position: absolute ;
	top:225px ;
}

.content-modules .module.full { width:100%; } /* stretches module across width // next styles float and shrink image */

    .content-modules .module, .content-modules .module.full img
    {
    	width: 31%;
	 	float: left; 
	 	margin-right: 3.5%;  
	 	margin-bottom: 0; 
    }
	
    #contractors-escambia .content-modules .module{
	    margin-right: 0;
    }
	.content-modules .module:nth-child(3n+3) {
	
		margin-right: 0 !important;
	
    }
    .content-landing-page .main .module:nth-child(3n+1)
    {
	 	clear: left;   
    }

	.content-modules .module
	{
		float: left;
	}
	.content-modules .module:nth-child(3n+1)
	{
		clear: left !important;
	}
	#contractors-escambia .content-modules .module:nth-child(3n+1){
/* 		clear: none !important; */
	}

ol.flex-control-nav{
	display: none !important;
}

/*
    
/* ============
    WIDE: Header
   ============ */
   	
    .title {
        float: left;
    }
	

/* ============
    WIDE: Main
   ============ */
   
    .wrapper {
        width: 960px;
        margin: 0 auto;
    }

    .main article, .main .slide {
        float: left;
        /*width: 65%;*/
/*         width:620px; */
        /*margin: 0 2% 2% 0;*/
        margin:0 20px 20px 0;
    }
    
    #header-content {
		width: 940px;
	}
    #header-flickr {
		width: 940px;
		height: 208px;
		margin-bottom: 30px;
		overflow: hidden;	
	}
    #banner {
	    width: 80%;
    }
    
    #search-form {
    	right: 45px;
    }
    
    #sidebar {
	    display: block;
    }
    
    .with-sidebar #content {
        float: left;
        width: 74.5%;
       /* min-height:540px;*/
       border-left: 1px solid #ccc;
/*        background: transparent url(/img/content-bg-shadow.png) 0 0 repeat-y; */
    }
    .fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 715px !important;
}    
    #home .main .module {
	    /*width: 27%;*/
	    width:298px !important;
	    height: auto;
	    
	    margin-right: 20px;
	    /* min-height: 350px; */	    
    }

    .main .module-container{
	    width:298px;
	    float: left;
	    margin-right: 22px;
    }

	 
	 #header-content.with-image {
		height: 200px;
	}
    
    #what-doing-social-media .main .module, #resource-library-home .main .module, #about-us-media .main .module{
	    width:298px\9;
	    margin-right: 10px\9;
    }
#header-content.with-image-landing {
		height: 350px;
	}
    
/*
    .main  .module:nth-child(even) {
	    float:left;
    }
    
    .main .module:nth-child(3n+1) {
	    clear:left;
    }
    
    .main .module:nth-child(3n+3) {
    }
*/
/*

.content-landing-page .main .module:not(:nth-child(4n))
{
	float: left;	
}
*/
/*
.content-landing-page .main .module:nth-child(3n+1)
{
	clear: left;	
}   
*/ 
    #home .main #module1 {
    	/*margin-top: 14%;*/
        min-height: 180px;
        margin: 125px 0 2%;
        margin-top: 112px\9;
    }
    
    /*Landing Page Styling */


    /*Home Page*/
    
    #module2, #module3{
		padding:0px;
		width:300px;
/* 		height: 310px; */
		overflow: hidden;
		
	}
    #home .module-detail{
		
		width:260px;
		
	}
    
	/* ============
    WIDE: Footer
   ============ */
   	    
    footer #info {
		width: 16%;
	}
    
    
    	    
    

    
}



/* ==========================================================================
   Helper classes
   ========================================================================== */   
    
.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 100%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}
.clearfix
{
	clear: both;
}
.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}
p.clearfix{
	/*margin-bottom: -1em;*/
}
.library.module h4{
	*clear:left;
}
/* ==========================================================================
   Print styles
   ========================================================================== */

@media print {
    * {
        background: transparent !important;
        color: #000 !important; /* Black prints faster: h5bp.com/s */
        box-shadow: none !important;
        text-shadow: none !important;
    }

    a,
    a:visited {
        text-decoration: underline;
    }

    a[href]:after {
        content: " (" attr(href) ")";
    }

    abbr[title]:after {
        content: " (" attr(title) ")";
    }

    /*
     * Don't show links for images, or javascript/internal links
     */

    .ir a:after,
    a[href^="javascript:"]:after,
    a[href^="#"]:after {
        content: "";
    }

    pre,
    blockquote {
        border: 1px solid #999;
        page-break-inside: avoid;
    }

    thead {
        display: table-header-group; /* h5bp.com/t */
    }

    tr,
    img {
        page-break-inside: avoid;
    }

    img {
        max-width: 100% !important;
    }

    @page {
        margin: 0.5cm;
    }

    p,
    h2,
    h3 {
        orphans: 3;
        widows: 3;
    }

    h2,
    h3 {
        page-break-after: avoid;
    }
}



#debug {
	position:absolute;
	background-color:white;
	padding:10px;
	border:2px solid red;
	bottom:100px;
	left:20px;
}
#debug .close-button{
	position: absolute;
	right: 1px;
	top:3px;
	cursor: pointer;
}

li.photo{
	background:transparent url(/img/photo-video-icon.png) no-repeat 0 0;
}
.library.module ul{
margin-top: 0px;
margin-bottom: 2px;

}
.library.module ul li{
	margin-bottom: 0px;
	margin-left:0;
	
	list-style:none;
	
	/*margin-left: -40px;
	margin-right: -40px; sidebar*/
	margin-left:-40px; /*sidebar*/
	margin-right: -20px; /*sidebar*/
	
	/*padding: 1em 40px 1em 45px;*/
	padding: 1em 20px 1em 20px;
	/*-moz-box-shadow: inset 1px 0px 5px #7e7e7e, inset -1px 0px 5px #7e7e7e;
	-webkit-box-shadow: inset 1px 0px 5px #7e7e7e, inset -1px 0px 5px #7e7e7e;
	box-shadow: inset 1px 0px 5px #7e7e7e, inset -1px 0px 5px #7e7e7e;*/
}

/*.library.module ul.list li{
	padding: 1em 40px 1em 45px;
}*/
.library.module ul.list li, #content .module.document ul li{
	padding: 1em 40px 1em 45px;
}
.library.module .flexslider ul li{
	padding-left: 0px;
}
.modules .library.module ul li{
	margin-left: -20px;
}
.library.module ul li:nth-child(2n+1), #content .module.document li:nth-child(2n+1){background-color:white; }
.library.module ul li:nth-child(2n), #content .module.document li:nth-child(2n){background-color: #f0f0f0; }
/*.library.module h4 , .timeline h4, #content .library.module h3, .modules .library.module h3{
	background-color: #a5a5a5;
	/*margin-left: -20px;
	margin-right: -20px;
	padding-left: 40px;
	padding-right: 20px; sidebar*/ 
/*	color:white;
	height: 40px;
	line-height: 40px;
	
	-moz-box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	-webkit-box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	margin:0 -2px 2px -2px;
}*/
.library.module h4 , .timeline h4, #content .library.module h3, .modules .library.module h3, #content .module.document h3,#student-programs-orientation .module.scrollable h4{
	background-color: #a5a5a5;
	
	color:white;
	height: 40px;
	line-height: 40px;
	
	-moz-box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	-webkit-box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	margin:0 -2px 2px -2px;
	margin-left: 0px\9;
	margin-right: 0px\9;
}
#content .module.document h3{
	margin: 0;
	padding-top: 0px;
	padding-bottom: 0px;
}
#content .module.document ul{
	margin-left: -17px;
	margin-right: -17px;
	margin-left: -20px\9;
	margin-right:-20px\9;
}
#content .module.document h3 a{
	color:white;
}
#content .module.document h3.long{
	
	line-height: 120%;
	padding-top: 5px;
	padding-bottom: 25px;

}
#content .module.document img{
	margin-top: 15px;
	margin-left: -10px;
}
#content .module.document{
	-moz-box-shadow: inset 0px 0px 5px 1px #7e7e7e;
	-webkit-box-shadow: inset 0px 0px 5px 1px #7e7e7e;
	box-shadow: inset 0px 0px 5px 1px #7e7e7e;
}
.module.document img{
	-moz-box-shadow:  0px 2px 5px #7e7e7e;
	-webkit-box-shadow: 0px 2px 5px #7e7e7e;
	box-shadow:2px 2px 5px #7e7e7e;
	border-radius: 0px !important;
}
.module.with-slider h4{
	
	background-color: #a5a5a5;
	/*margin-left: -20px;
	margin-right: -20px;
	padding-left: 40px;
	padding-right: 20px; sidebar*/ 
	color:white;
	height: 40px;
	line-height: 40px;
	
	-moz-box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	-webkit-box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	margin: 0 -2px 2px -2px;
	
}
.module.with-slider h3{
	color:#636363;
	height: 40px;
	line-height: 40px;
	
	-moz-box-shadow: 0px 3px 5px #7e7e7e;
	-webkit-box-shadow: 0px 3px 5px #7e7e7e;
	box-shadow:0px 3px 5px #7e7e7e;
	
margin-top: 0px;
margin-left: -1px;
margin-right: -1px;
padding-top: 2px;
padding-bottom: 2px;
margin-bottom: 0px;
	
}
.module.with-slider .flexslider img, .module.with-slider .video-container img{
	border-top-left-radius: 0px !important;
	border-top-right-radius: 0px !important;
	
}
.module.with-slider .video-container img{
	margin-left: 20px;
}
.module.with-slider .video-container{
	position: relative;
}
.module.with-slider .video-play-button{
	position: absolute;
	left:105px;
	top:-27px;
}
.library.module h4.long, .module.with-slider h4.long{
	height: 100%;
	line-height: 120%;
	padding-top: 10px;
	padding-bottom: 10px;
}
#content .library.module .promo{
	margin-bottom: 1px;
	margin-left: -1px;
	margin-right: -1px;
	-moz-box-shadow: 0 2px 5px #7e7e7e;
	-webkit-box-shadow: 0 2px 5px #7e7e7e;
	box-shadow: 0 2px 5px #7e7e7e;
}
#content .library.module a.button{
	width:110px;
}
#content .library.module .detail{
	min-width:200px;
	position: absolute;
	right: 5px;
}
#content .library.module .detail a{
	position: absolute;
	right: 10px;
}
#content .library.module .detail p{
	font-size: 24px;
	color:#636363;
	font-weight: bold;
	font-family: 'UniversLTW01-67BoldCn',sans-serif;
	text-align: right;
}
#content .library.module .promo.last{
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}

#sidebar .module.video img{

margin-left: 20px;
margin-top: 20px;
border-top-left-radius: 0px !important;
border-top-right-radius: 0px !important;
	
}
#sidebar .module .video-container img{
	margin-top: 20px;
}
#sidebar a.video-container img.video-play-button{
	position: absolute;
	top:25%;
	left:35%;
}
#sidebar .module.video h3{
	margin-bottom: 0px;
	padding-bottom: 10px;
}
#sidebar .module.video img.video-play-button{
	position: absolute;
	top:25%;
	left:35%;
}
#sidebar a.video-container{
	position: relative;
	display: block;
}
span.pdf
{
	padding-left: 32px !important;
	padding-bottom: 10px;
	background-position: 0 0 !important;
	overflow: visible;
	
}
ul.pdf-list > li, .module ul.pdf-list > li,
ul.rss-list > li, .module ul.rss-list > li, p.pdf, span.pdf, li.pdf, td a.pdf, table.all-pdf.styled a{
	background:transparent url(/img/pdf-small.png) no-repeat 0 0;
	margin-bottom:1em;
	margin-left:0;
	padding-left:40px;
	list-style:none;
}
table.all-pdf.styled a{
	padding-bottom: 8px; 
	line-height: 30px;
}


#content .module.document ul.pdf-list > li{
	background-position: 5px 15px;
}
li.facebook{
	background:transparent url(../img/facebook-link-out.png) no-repeat 10px center;
	margin-bottom:1em;
	margin-left:0;
	padding-left:40px;
	list-style:none;
}
.module li.external, .module td a.external{
	background:transparent url(/img/link-out.png) no-repeat 5px center;
	
	margin-left:0;
	padding-left:40px;
	list-style:none;
}
#content .module li.external,#content .module td a.external{
	margin-bottom: 0px;
}
#content li.external:after, #content td a.external:after,#content p.external a.external-link:after,.module p.external a.external-link:after{
/*	background:transparent url(/img/link-out.png) no-repeat 5px center;
	margin-bottom:1em;
	margin-left:0;
	padding-left:40px;
	list-style:none;
*/

content:url(/img/link-out-body.png);
	
	
	margin-left: 5px;
	
	height: 10px;
	
	zoom: 1;


}
#content .module li.external:after{
	content:none;
} 
/*#content li.external:after, #content td a.external:after{
	
	content:url(/img/link-out-body.png);
	
	padding-right:15px;
	margin-right: 10px;
	
	zoom: 1;
	
} 
*/
.logo .external{
	background-image: none !important ;
}
ul.rss-list li{
	padding-bottom: 20px;
}
ul.rss-list{
	padding: 0 0 0 30px;
}
ul.pdf-list > li, li.pdf{
	min-height: 30px;
}
ul > li.ppt{
	background:transparent url(../img/ppt-small.png) no-repeat 5px 50%;
	margin-bottom:1em;
	margin-left:0;
	padding-left:40px;
	list-style:none;
}
.library.module li.photo, .library.module li.pdf{
	background-position: 5px 50%;
}
.library.module, .module.with-slider, .module.scrollable{
/*
	padding-top: 0px !important;
	padding-bottom: 0px !important;
*/
	padding:0 3px;
	width: 292px;
	
	-moz-box-shadow: inset 0px 0px 5px 1px #7e7e7e;
	-webkit-box-shadow: inset 0px 0px 5px 1px #7e7e7e;
	box-shadow: inset 0px 0px 5px 1px #7e7e7e;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
	border-top-left-radius: 0px;
	border-top-right-radius: 0px;	
}
.module.document{
/*
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
*/
}
#content .library.module{
	width: 100% !important;
	
}
p.pdf{
	min-height: 30px;
}
ul.rss-list > li, .module ul.rss-list > li {
	background-image:url(/img/rss.gif);
	line-height:1em; margin-bottom:0;

}
ul.pdf-list ul li { list-style:circle;}

.module.library .pdf.last, .module.library .last,.module.with-slider .last, .module.with-slider .pdf.last {
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.module.library h3, .module.scrollable h3{
	color:#636363;
	margin: 10px 0px;
}
.module.library h3.main-title, .module.with-slider h3.main-title, .module.scrollable h3.main-title{
	-moz-box-shadow: 0px 2px 5px #7e7e7e;
	-webkit-box-shadow:0px 2px 5px #7e7e7e;
	box-shadow:0px 2px 5px #7e7e7e;
	margin: 0px -1px 10px -1px;
	padding: 10px 21px;
	border-bottom: 2px solid #7e7e7e\9;
	
}

.module ul li.first{
	padding-top: 5px;
}
.module h3.main-header{
	margin-bottom: 2px !important;
}
/*
.module#social-yt > div {
	margin-left:-15px;
}

.module#social-fb > iframe {
	margin-left:-10px; 
}
*/

#home .module#social-fb, #home .module#social-yt, #home .module#social-twitter {
	height:455px;
/* 	width: 30%; */
/* 	margin-top: -90px; */

}

/*   Plugin */
table.gadget tr:last-child{
	visibility: hidden;
}

div#vs{
	background-color: #fff;
}

.module.spotlight .quote {
	font-size:18px; display:block;margin-bottom:-1em; line-height: 120%;
	z-index: 2;
}
.module.spotlight .reference{
	float: right;
}
.module.spotlight .dash{
	color: red;
	position: absolute;
	left:95px;
	left:80px\9;
}
.module.spotlight .opening-quote{
	position: relative;
	top:-26px;
	left: -30px;
	z-index: 1;
	
}
.module.spotlight .closing-quote{
	position: relative;
	top:-45px;
	left: 246px;
	
}
.module.spotlight span.quote{
	position: relative;
	top:-45px;
}
.news ul { margin-bottom:0; margin-top:0; /* avoids issue w/ google fetcher e.g. on home */}
.news ul li {
	margin-left:20px;
	margin-bottom:1em;
}

.linked-promo { cursor:pointer; /* promo modules w/ only one link. */ }

/* Slider */

/*ol.flex-control-nav{
	display: none !important;
}*/
.flexslider{
	border:none !important;
	box-shadow: none !important;
	margin-bottom: 0px !important;
}
.flex-container{
width:90% !important;
	
}
.flexslider .slides li p{
margin-top: 0px;
margin-bottom: 0px;	
}


.flexslider .slides li .slide-text{
	position: absolute;
	top: 15%;
	left: 3%;
	width: 60%;
	z-index: 100;
}
.flexslider .slides li .slide-text.alt-pos{
	left: inherit;
	right: 3% !important;
}
.flexslider .slides li p.flex-caption,.flexslider .slides li h1{
    font-family: 'UniversLTW01-67BoldCn',sans-serif;
    font-size: 60px;
    letter-spacing: -2px;
    line-height: 62px;
	text-shadow: 2px 2px 3px rgba(0, 0, 0, 0.8);
	margin-right: 10%;
	margin-bottom: 5%;
}
.flexslider .slides li p.flex-caption.black
{
	text-shadow: none;
}
.flexslider .slides li p.flex-description{
	margin-right: 10%;
	font-size: 25px;
	line-height: 27px;
}
.flexslider .slides li p.flex-button a:first-child{
	margin-top: 20px;
	margin-bottom: 0px;
}

.flexslider .slides li p.flex-button{
	clear: left;
}
.black{
	color: black;
}
.white{
	color: white;
}

.flex-direction-nav li a {width: 50px; height: 79px; margin: -13px 0 0; display: block; background: url(/img/home-arrow-sprite.png) no-repeat 0 0 ; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a {width: 13px; height: 13px; display: block; background: url(/img/bg_control_nav.png) no-repeat 0 0; cursor: pointer; text-indent: -9999px;}
.flex-control-nav li a:hover {background-position: 0 -13px;}
.flex-control-nav li a.active {background-position: 0 -26px; cursor: default;}
figure{
	width:280px;
	position: relative;
}
figcaption{
	
	top:100%;
	padding: 15px 20px;
	background: #dadada; /* Old browsers */
background: -moz-linear-gradient(top,  #dadada 0%, #dbdada 50%, #dbdada 51%, #dbdbdb 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#dadada), color-stop(50%,#dbdada), color-stop(51%,#dbdada), color-stop(100%,#dbdbdb)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #dadada 0%,#dbdada 50%,#dbdada 51%,#dbdbdb 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #dadada 0%,#dbdada 50%,#dbdada 51%,#dbdbdb 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #dadada 0%,#dbdada 50%,#dbdada 51%,#dbdbdb 100%); /* IE10+ */
background: linear-gradient(to bottom,  #dadada 0%,#dbdada 50%,#dbdada 51%,#dbdbdb 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#dadada', endColorstr='#dbdbdb',GradientType=0 ); /* IE6-9 */

}
figure img{
	-webkit-box-shadow: 0 5px 5px -3px #000000;
       -moz-box-shadow: 0 5px 5px -3px #000000;
            box-shadow: 0 5px 5px -3px #000000;
}
.flex-direction-nav a.flex-prev, .flex-direction-nav a.flex-next {
opacity:1 !important;

}
.flex-direction-nav a.flex-prev{
	left:-55px;
	background-position: 0 -98px;
}
.flex-direction-nav a.flex-prev:hover, .flex-direction-prev a.flex-prev:hover {
opacity:1 !important;
left: -55px !important;
}
.flex-direction-nav a.flex-next{
    background-position: 0 5px;
	left:283px;
}
/* timeline styling */

.slider {
    /*background:url(small-horizontal.png) no-repeat  0 -5px !important;*/
    background:url(../img/timeline-scrubber-bar.png) repeat-x !important;
     border-width: 0px; 
     border-radius: 2px 2px 2px 2px;
      
     overflow: visible; border-color: rgb(160, 160, 160);
      z-index: 9;
    width:144px;
    height:5px;
    cursor:pointer;
    position: relative;
    float:left;
}
.timeline li{
	padding-bottom: 0px !important;
	height:100%;
	position:relative;
}
.timeline.nuclear li img {
	position:absolute;bottom:0;
}
/* drag handle */
.handle {
   /* background:transparent url(small-horizontal.png) no-repeat scroll -97px 0 !important;
 background: url(../img/flag.png) no-repeat !important;*/
 	/*background-color: #d8271c;*/
    overflow: visible;
    background: url(../img/handle.png) 0px 0px no-repeat ;
   z-index: 10;
    height:70px;
    position:absolute;
    top:-9px;
    height: 45px;
    width:27px;
    /*border-radius:25px;*/
    cursor:move;
    opacity: 1;
    pointer-events: auto;
    text-align: center;
}

/* input field */
.range {
	font-family: Helvetica,​Arial,​Sans-Serif !important;
	font-size: 50px;
    font-weight: bold;
    border:0;
    background:none;
    width: 135px;
    margin:-86px 0 0 0px;
    float:left;
    color:#fff;
    text-align:center;
    -moz-border-radius:2px;
    -webkit-border-radius:2px;
    pointer-events: auto;
    opacity: 1;
    overflow: visible;
    word-wrap: break-word;
    z-index: 8;
}

#slider{
	display: none;
}
.slider{
width:100%;
height: 10px;
margin-left: -3px;
margin-left: 0px\9;
margin-right: 0px\9;
margin-right: -3px;
padding-left: 3px;
padding-right: 3px;
padding-left: 0px\9;
padding-right: 0px\9;
	}
.timeline{
	padding:0 3px;
	padding-left:0px\9;
	padding-right:0px\9;
	width: 594px !important;
	
	-moz-box-shadow: inset 0px 0px 5px 1px #7e7e7e;
	-webkit-box-shadow: inset 0px 0px 5px 1px #7e7e7e;
	box-shadow: inset 0px 0px 5px 1px #7e7e7e;
	border: 2px solid #7e7e7e \9;
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}
.timeline h4{
	padding-left:20px;
	padding-right:20px;
	font-size: 24px;
	font-weight: bold;
	margin: 0 0px 2px\9;
	border-bottom: 2px solid #7e7e7e \9;
}
.timeline p{
	
	text-align: center;
}
.timeline-detail p{
	text-align: justify !important;
}

.timeline .demo-description{
	margin: 7px 0px 4px;
}
.timeline .timeline-title{
	box-shadow: 0 3px 3px;
	padding: 20px 20px 10px;
	margin-left: -1px;
	margin-right: -1px;
	margin-left: 0px\9;
	margin-right: 0px\9;
	border-bottom: 2px solid #7e7e7e \9;
	font-size: 18px;
}
.handle-title{
	font-size: 18px;
	color:#636363;
	
	z-index:2;
	top:0px;
	left:0;
	position: absolute;
	margin-left:-200px;
	display: block;
	background:url(../img/flag1.png) no-repeat;
	height:74px;
	width: 162px;
	padding-top:20px;
	visibility:hidden;
	text-align:center;
}
.handle-title.visible { visibility:visible;}
.timeline-detail .title{
	display: none;
}
.timeline-detail p {
	padding-top:35px;
}

.timeline-detail img{
	
	border-bottom-left-radius: 10px;
	border-bottom-right-radius: 10px;
}


#content .module-promo h4, #southern-power-plants .module-promo h4, #leadership-photos .module-promo h4{
	
	background-color: #a5a5a5;
	color:white;
	height: 40px;
	line-height: 40px;
	
	-moz-box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	-webkit-box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	box-shadow: inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	margin-top: 0px;
	margin-bottom: 0px;
	font-weight: normal;
	padding-left: 20px;
	padding-right: 20px;
	font-family: 'UniversLTW01-57Condense 723821',sans-serif;
	font-size: 18px;
	padding-bottom: 0px;
	
}
#content .module-promo ul, #southern-power-plants .module-promo ul, #leadership-photos .module-promo ul{
	list-style: none;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	
}

.module-promo ul li:nth-child(2n+1){background-color:white; }
.module-promo ul li:nth-child(2n){background-color: #f0f0f0; }

.module-promo ul li{
margin-bottom: 0px;
	margin-left:0;
	
	padding: 1em 20px 1em 20px;
		
}

a.disabled{
	
	
	
   pointer-events: none;
   cursor: default;
   opacity: 0.5;

}
#help.disabled{
	opacity: 0.5;
}
#hidden-options{
	display: none;
}

/******/
.module-button {  
	bottom:5px;
/*     text-align:center; */
    width:100%;
    }
.related-content{
	clear:left;
}
#modules{
	clear: both;
}
.flexslider.news-info p{
	padding : 0px !important;
}
.news-info ul li{
	margin-left:0px;
}
.news-info .detail p{
	margin-top: 20px !important;
	margin-bottom: 20px !important;
}

#content h1.without-subheader{
	margin-bottom: 20px;
}
 
.t-only{
	*display: none;
}



/*** MOBILE/SMALL ***/
@media only screen and (max-width: 765px) {

	/* hide Quick Links */
	login-slider-wrapper { display: none !important; }
	
	/* css columns */
	.column-1, .column-2 { float:none; margin-right:inherit; }
	.width-50, .column-2.width-50 { width:auto; }

	footer #news-feed-container {padding-top: 10px; position: static; width: 100%; margin-bottom: 20px; }
	
	#footer-sections {display: none;}
	#logo-copyright {position: static; margin-top: 40px; margin-bottom: 40px;}
		
	#header-flickr #photos, #header-flickr #flickr-lightbox, #storm-footer, #outage-map-container, #pog-marker{
	
		display: none;
		
	}
	.image-info-combo .related-info
	{
		width: 100%;
		clear: both;	
	}
	.image-info-combo img
	{
		float: none;
		width: 100%;
		max-width: none;
		max-height: none;
	}

	.bubble-spike
	{
/* 		bottom: 65% !important; */
		left: -5%;
	}

	.flexslider .slides li p.flex-button a{
		margin-top: 10px !important;
		font-size: 14px;
		padding: 4px;

	}
	.mygulfpower-link
	{
/* 		left: 5%; */
		bottom: 5px;
		font-size: 14px;
	}

	#menu-top-nav { 	text-align: center; }
	#mobile-menu-opener { display: block !important; }
	#navigation .top { display: none; }
	#navigation.open-nav .top { 	display: block !important; }


/* search box on small */
#search-form { position: relative; margin:0 auto 2em auto; text-align:center; }
#search-form #form-search-button { margin-left:0; right:-8px; }


nav a
{
	font-size: 14px;
	padding: 1%;
}

	.ecents-logo.clone,.ecentshome-logo.clone{
		display: block;
	}
	.ecents-logo.alt,.ecentshome-logo.alt{
		display: none;
	}

	footer section.navigation
	{
	   width: 32%;
	   margin-left: .5%;
	   margin-right: .5%;
	   float: left;
	}
	footer section.navigation:nth-child(4)
	{
	   clear: left;
	}


.category-container img
{
	float: none;
	width: 100%;
	height: auto;
}

.content-landing-page a.button,.content-page a.button{
	margin-bottom: 10px;
}

 #navigation li a.button
 {
	 padding: 5px 0px 5px 0px;
	 margin: 10px auto;
	 float: none;
	 font-size: 14px;
	 font-family: inherit;
	 opacity: 1 !important;
/* 	 letter-spacing: -.02em !important; */
	font-weight: 100;
	 width: 85% !important;
 }

h3.phone-follows-button
{
/* 	margin-top: 10px; */
}
	#logo-copyright{
		width: 100%;
		margin-left: .75%;
	}
	.fb_iframe_widget{
		padding-left: 0px;;
	}	
	#facebook-like,#fb-like
	{
		top: 30px;
		right: 0px;
	}
/*
	.filter-bar div
	{
		width: 170px;
		margin-left: auto;
		margin-right: auto;
		float: none;
	}
*/


    #ad-module
    {
	    display: none !important;
    }
	
	.content-landing-page #content, .content-page #content{
		padding-left: 0px !important;
		padding-right: 0px !important;
	}
	
					#home .sub-module a.button,#login-module a.button, #home .sub-module input.submit-button
					{
						padding: 5px 0px;
						width: auto;
					}
					#home .sub-module
					{
/* 						width: 49%; */
					}
					#home .sub-module .sub-sub-module
					{
					}
					#home .sub-module:nth-child(even)
					{
						float: right;
					}
					#home .sub-module:nth-child(odd)
					{
/* 						float: left; */
					}

body #header-content
{
	background-image: none !important;
	margin-bottom: 0px;
	height: auto !important;
}
#header-content .content-image
{
	margin: 10px auto 0px 0px;
	padding: 0px;
	float: left;
}

#header-content h1,#header-content h2, #header-content h1.alt,#header-flickr h1,#header-flickr h2
{
	margin: 10px 0px 10px 0px;
	padding: 0px !important;
/* 	text-align: center !important; */
	max-width: 80% !important;
	color: black !important;
	text-shadow: none !important;
}
#header-content h1, #header-flickr h1
{
	margin-top: 40px !important;
}	
	/* Home Page slider*/

#component{
	padding-top: 25px;
}
#drawer{
	height: 100% !important;
}
#navigation ul.menu{
	height: 100% !important;
}
#home .flexslider{
	width:100% !important;
}

.flexslider .slides li p.flex-caption, .flexslider .slides li h1{
	font-size: 20px;
	line-height: 20px;
	letter-spacing: 0px;

}
.flexslider .slides li p.flex-description{
	font-size: 14px;
	line-height: 20px;
}

#sidebar{
	display: none;
}

#home .flex-direction-nav a.flex-next{
display: none;}
#home ul.flex-direction-nav{
	/*position: absolute ;
	top:155px ;*/
	
	display:none;
	
}
#southern-power-plants .photo-video-icon{
	display: none;
}
#southern-power-plants .larger-image img{
	display: none;
}

header.wrapper {
		width: 100%;
		margin: 0px;
	}
#nuclear-energy-how .with-teaser{
	
	display: none;
}
.module:not(.social,.button-icon) img, .module.full {
	width:100%;
	height: auto;
}

.modules .module.library ul li{
	margin-left: -40px;
}
.module.library ul li{
	margin-right: 0px;
}
#sidebar .module ul{
	margin-left: 0px;
}
#sidebar .module.library, #sidebar{
	width:100%;
}
.module.library h3, .module.library h4, .module.library p{
	padding-left: 20px;
}
.module.library p{
	padding-right: 20px;
}
.main .module img.video-play-button{
	width:75px;
	height: auto;
}
#sidebar .video img{
	margin-left: 0px;
}
#sidebar .module.video img{
	margin-left: 0px;
}
#sidebar .module.video img.video-play-button{
	top:25%;
	left:35%;
}
#home .main .module{
	width: 100%;
}
#home .module#module1 h3, #home .module#module1 p{
	padding-left: 0px;
}
#home #module1 a.button{
	margin-left: 0px;
}
#home #module1{width:100%;}		
#module2{
		background: url(../img/corp-responsibility-promo-bg.jpg) no-repeat;
		background-size: 100% 345px;
		
		
	}

#module3{
		background: url(../img/smart-energy-promo-bg.jpg) no-repeat;
		background-size: 100% 345px;
		
	}

#module2 , #module3{
	width: 100%;
/* 	height: 330px !important; */
}
#home #module2 h3.long-text, #home #module3 h3.long-text{
		
		top:95px;
		left:20px;
		z-index: 2;
	}
#home #module2 h3, #home #module3 h3{
		
		top:146px;
		z-index: 2;
		left: 20px;
	}
	
#home #module2 h3.long-text, #home #module3 h3.long-text{
		
		top:95px;
		left:20px;
		z-index: 2;
	}
	#home #module2 h3, #home #module3 h3{
			color:white;
			font-size: 36px;
			line-height: 100%;
			text-shadow: -1px -1px 5px #313a40, 3px 3px 3px #313a40;
		}
#home #module2 h3, #home #module3 h3{
	/*margin-top: 32%;*/
	margin-bottom: -18px;
}
#home  .module-detail p.detail{
	padding-bottom:0px;}
#home  .module-detail p.learn-more{
	padding-top:0px;}
#home #module2 h3.long-text, #home #module3 h3.long-text{
	/*margin-top: 32%;*/
	margin-bottom: -18px;
}
#module2 h3, #module3 h3{
	padding-left: 20px;
}
#home  .module-detail p{
	padding: 10px 20px;}
	
#home  .module-detail{
		
		width:100%;
		padding-left: 0px;
		padding-right: 0px;
		
	}	
#home .module-detail{
	    background-color: #6e615e;
	    color:white;
	    font-size: 12px;
	    line-height: 18px;
    }

 #home  .module-detail{
		
		width:100%;
		
	}	
	
	
	#home  .module-detail{
		
		width:100%;
		
	}
#home .module-detail{
	    background-color: #6e615e;
	    color:white;
	    font-size: 12px;
	    line-height: 18px;
    }

#home  .module-detail{
		/*top:175px;*/
		bottom: 30px;
		left:0px;
		
	}
#home  .module-detail p{
	padding-left: 20px;
	padding-right: 20px;}

#home .social, #home .social iframe{
	width: 100%;
}	
	
.module#social-fb, .module#social-yt, .module#social-twitter {
	margin-top: 0px;
}

#home .slides img{
	border-radius: 0px;
}	
	
.module{
	width: 100%;
}	
.closing-quote img, .opening-quote img{
	width:44px !important;
}	
#sidebar .module{
	width: 100%;
}	
.module.spotlight .closing-quote{
	left:100%;
}
#sidebar .module.spotlight{
	width:92%;
	padding: 8%;
}	
.module.library .logo li img{
	height: 59px;
	width: auto;
}
.module.library .logo li.last img{
	height: 15px;
	width: auto;
}	
.module.with-image{
	width:100% !important;
}

.module.with-image img{
	width:125px;
	height: auto;
}
.module.library{
	background: #ffffff;
}
.module.library .sidebar-image{
	background-position: center center !important;
}
.module.library .logo li.last img, .module.library .logo li.southern-nuclear img{
	height: 15px;
	width: auto;
}
.module.library .logo li.southern-company img{
	height: 46px;
	width: auto;
}
#sidebar .video-container img{
	margin-left: 0px;
}
#social-twitter iframe{
	width: 99%;
}

	 .styled-select{
		text-align: center;
		margin-bottom: 10px;
		width: auto;
		float: none;
		margin-left: 20px;					
		margin-right: 20px;					
	 }
	 .styled-select select {
		padding: 5px;
		font-size: 14px;
		line-height: 1;
		height: 34px;
		-webkit-appearance: none;
		width: 100%;
		height: 34px;
		overflow: hidden;
		border: 1px solid #ccc;
		-webkit-border-radius: 5px;
		-moz-border-radius: 5px;
		border-radius: 5px;
		-webkit-box-shadow: 0 0 0 1px rgba(214, 109, 208, 0.2) inset, 0 1px 1px #333;
		-moz-box-shadow: 0 0 0 1px rgba(214, 109, 208, 0.2) inset, 0 1px 1px #333;
		color: #000;
/*
		background: url('/img/button-down-arrow.png') no-repeat right;
		background-color: -moz-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
		background-color: -o-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
		background-color: -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #797E85));
		background-color: -webkit-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
*/

		background: url(/img/button-down-arrow.png) no-repeat right, -moz-linear-gradient(top, #FFFFFF 0%, #797E85 100%);
		background: url(/img/button-down-arrow.png) no-repeat right, -webkit-gradient(linear, left top, left bottom, color-stop(0, #FFFFFF), color-stop(1, #797E85));
     }


.module2 , .module3{
		position: absolute;
		bottom: 10px;
	}
	#module1.t-only{
		display: none!important;
	}
#content .flex-direction-nav{
	padding-left: 0px;
}
#home .news li a{
	display: inline !important;
}
.module.document{
	background-color: #ffffff;
	
}
.main .module h4.divider {
    	color:#ffffff;
	    background-color:#a5a5a5;
	    padding-top:11px; padding-bottom:11px;
	     -moz-box-shadow:inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
	    -webkit-box-shadow:inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;

		box-shadow:inset 3px 3px 3px #7e7e7e, 0px 2px 2px #7e7e7e;
		/* For IE 8 */

	    -ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000')";

/* For IE 5.5 - 7 */

		filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#000000');
	    
	   
    }
    #southern-power-plants .module h3, #resource-library-home h3{
	    padding-left: 20px;
	    padding-right: 20px;
    }
    #southern-power-plants .module, #leadership-photos .module, #resource-library-home .module{
	    border: 1px solid #e1e1e1;
	    
    }
    body h1{
	    font-size: 55px;
    }
    	footer #social {
	margin: 0 auto;
	white-space: nowrap;
	padding: 0;
	position: absolute;
	right: -14px;
	bottom: 382px;
}

.copy {
width: 180px;
right: 0px;
position: absolute;
bottom: 430px;
}
    
}

@media only screen and (min-width: 765px) and (max-width: 1040px){
					.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
/*     width: 85% !important; */
}
					#home #tablet-clear-style
					{
						display: block;
					}
					#home .modules .module-container
					{
						width: 49%;
						float: left;
					}
					#home #module4
					{
						width: 49%;
						float: right;
					}
					#home #module8
					{
						float: left;
					}
					#home #module10
					{
						width: 49%;
						float: right;
						clear: none;
					}
					#social-fb
					{
						clear: both;
					}
					#home #module4

					{
/* 						float: left !important; */
					}


.with-sidebar #content{
	
/* width:62%; */
/* 	width:74.7%; */

/*
width: calc(100% - 226px);
width:-moz-calc(97.5% - 226px);
width:-webkit-calc(97.5% - 226px);
*/
}



	footer #social {
	margin: 0 auto;
	white-space: nowrap;
	padding: 0;
	position: absolute;
	right: -9px;
	bottom: 312px;
}
#header-content.with-image-landing {
		height: 250px;
	}

.copy {
width: 180px;
right: 0px;
position: absolute;
bottom: 350px;
}

#sidebar{
	width:33%;
}
#sidebar .module.library{
	width:100%;
	float: left;
}
#modules{
	width:100%;
}
.main .module{
	width:49%;
}

.content-landing-page .main .module,.content-page .main .module{
	width:49%;
	float: left;
}
.content-landing-page .main .module:nth-child(2n),.content-page .main .module:nth-child(2n){
	width:49%;
	float: right;
/* 	border: 1px solid blue; */
}
.content-landing-page .main .module:nth-child(2n+1),.content-page .main .module:nth-child(2n+1){
	width:49%;
	clear: left;
/* 	border: 1px solid red; */
}

.main .module img:not(.button-icon){
	width: 100%;
	height: auto;
/*
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
*/
}
.main .module img.video-play-button{
	width:75px;
	height: auto;
}
#sidebar .module.video img, #sidebar .video-container img{
	margin-left: 0px;
}
#home .flexslider{
	width:100% ;
	
}
.flexslider .slides li p.flex-caption,.flexslider .slides li h1{
	font-size: 45px;
	line-height: 45px;
}
.flexslider .slides li p.flex-description{
	font-size: 14px;
	line-height: 20px;
}


#home #module1{
	width:49%;
	margin-right: 2%;
	
}
#sidebar .module{
	width: 100%;
}
#home #module1 img{
	width:149px ;
	height: auto;
}
#home .flex-direction-nav a.flex-next{
	left:101%;

}
#home .flex-control-nav{
	width: 180px;
	left:75%;
}
#home.with-storm .flex-control-nav{
	width: 180px;
}
#home ol.flex-control-nav {
	background: none;
	bottom: 50px !important;
}
#home .flexslider .slide{
	border-radius: 10px;
}

#module2, #module3{
	width:49%;
/* 	min-height: 350px; */
	height: auto;
}
#home .module#module6 img{
	width:141px;
	margin-left: 10px;
}
#home #module2 h3, #home #module3 h3, #home  .module-detail{
		position: static;
		
		
	}
#home #module2 h3, #home #module3 h3	{
	margin-top: 48%;
}
#home #module2 h3, #home #module3 h3{
	/*margin-top: 32%;*/
	margin-bottom: -18px;
}
#home #module2 h3.long-text, #home #module3 h3.long-text{
	/*margin-top: 32%;*/
	margin-bottom: -18px;
}

#home  .module-detail p{
	padding: 10px 20px;}
	
#home  .module-detail{
		
		width:100%;
		padding-left: 0px;
		padding-right: 0px;
		
	}
.closing-quote img, .opening-quote img{
	width:44px !important;
}
.module.spotlight .closing-quote{
	left:100%;
}
#sidebar .module.spotlight{
	width:92%;
	padding: 6%;
}

.module.library .logo li img{
	height: 59px;
	width: auto;
}
.module.library .logo li.last img, .module.library .logo li.southern-nuclear img{
	height: 15px;
	width: auto;
}
.module.library .logo li.southern-company img{
	height: 46px;
	width: auto;
}
.module.with-image img{
	width:125px;
	height: auto;
}
.module.with-image{
	width:100%;
}
#sidebar .module.library.document img{
	width:110px;
}
.module .larger-image img{
	top:34% !important;
	width: 30px;
}
#module1{
	display: none;
}
#module1.t-only{
	display: block;
	margin-right: 0% !important;
	height: 226px !important;
}
#social-twitter iframe{
	width: 99%;
	
}
.t-only{
	display : block;
	margin-right : 1%;	
}
#content .flex-direction-nav{
	padding-left: 0px;
}
#home .news li a{
	display: inline !important;
}

#header-content.with-image {
		height: 175px;
	}
.module#social-fb, .module#social-yt, .module#social-twitter {
height: 455px;
margin-top: 0px;
}
}

/* Smartphones (portrait and landscape) ----------- */
@media only screen and (max-width : 480px) {

.bubble-spike
{
		bottom: 61% !important;
}

	.flexslider .slides li .slide-text.alt-pos {
/* 		right: auto !important; */
	}
	.mygulfpower-link
	{
		display: none;
	}
	
/* Styles */
.fb-comments, .fb-comments span, .fb-comments.fb_iframe_widget span iframe {
    width: 100% !important;
}
.flexslider .slides li .slide-text{
	position: absolute;
	top:4%;
	left:5%;
	bottom:0;
	z-index: 100;
	width:70%;
/*     background: rgba(237, 237, 237, .5); */
}
#slide2 .slide-text
{
	left: 2% !important;
}
.flexslider .slides li p.flex-caption,.flexslider .slides li h1{
	letter-spacing: -1px;
	font-size: 25px;
	line-height: 25px;
/* 	margin-right: 0px;; */
/* 	margin-bottom: 1%; */
/* 	margin-top: 5%; */
	margin: 20px 2% auto 2%;
}
.flexslider .slides li p.flex-description{
	display: none;
}

}

@media only screen 
and (max-width : 625px) {
footer #social {
	margin: 0 auto;
	white-space: nowrap;
	padding:0;
	position:absolute;
	right:-8px;
	bottom: 402px;
}
.copy{
width: 180px;
right: 12px;
position: absolute;
bottom: 450px;
}
}





@media only screen and (max-width: 35.55556em) {
  .small-only-text-left {
    text-align: left !important; }
  .small-only-text-right {
    text-align: right !important; }
  .small-only-text-center {
    text-align: center !important; }
  .small-only-text-justify {
    text-align: justify !important; } }
	
@media only screen {
  .small-text-left {
    text-align: left !important; }
  .small-text-right {
    text-align: right !important; }
  .small-text-center {
    text-align: center !important; }
  .small-text-justify {
    text-align: justify !important; } }
	
@media only screen and (min-width: 35.61111em) and (max-width: 56.88889em) {
  .medium-only-text-left {
    text-align: left !important; }
  .medium-only-text-right {
    text-align: right !important; }
  .medium-only-text-center {
    text-align: center !important; }
  .medium-only-text-justify {
    text-align: justify !important; } }
	
@media only screen and (min-width: 35.61111em) {
  .medium-text-left {
    text-align: left !important; }
  .medium-text-right {
    text-align: right !important; }
  .medium-text-center {
    text-align: center !important; }
  .medium-text-justify {
    text-align: justify !important; } }
	
@media only screen and (min-width: 56.94444em) and (max-width: 80em) {
  .large-only-text-left {
    text-align: left !important; }
  .large-only-text-right {
    text-align: right !important; }
  .large-only-text-center {
    text-align: center !important; }
  .large-only-text-justify {
    text-align: justify !important; } }
	
@media only screen and (min-width: 56.94444em) {
  .large-text-left {
    text-align: left !important; }
  .large-text-right {
    text-align: right !important; }
  .large-text-center {
    text-align: center !important; }
  .large-text-justify {
    text-align: justify !important; } }

/* Apple Watch */
@media (max-width:150px){
}