/* 
  ------------------------------------------------
  Stylesheet for electriciteoptimum.com
	PVII Affinity - Boardroom framework
	Last revision 2015-07-16
  ------------------------------------------------
*/

body {
	background-color: #23518F;
	font-family: Verdana, Geneva, sans-serif;
	margin: 0px 0px 30px 0px;
}

/*Baseline Adjustment for images needed with strict DOCTYPE*/
img {vertical-align: bottom;}

/*Clear floats to help view better in DW wysiwyg mode ==> Added NC */
.clearall {
clear:both;
}

/*Utility Rules for images. Scalable class makes images scale with window size.*/
img.scalable {
	height: auto !important;
	width: auto !important;
	max-width: 100%;
	vertical-align: bottom;
}
.phone {
	font-size: 1.6em;
	font-weight:bold;
	color: #AE0000 !important;
	margin: 10px;
}

.gradient-bkg {
	background-color: #EEE;
	background-image: -webkit-linear-gradient(#E6E6E6, #FFF);
	background-image: linear-gradient(#E6E6E6, #FFF);
}

/*Layout Wrapper*/
#layout {
	max-width: 1200px;
	margin: 0px auto;
	background-color: #FFF;
	box-shadow: 0px 0px 10px rgba(0,0,0,.5);
	border-radius: 0px 0px 4px 4px;
}

/*Default Row Structures*/
.affinity-row {
	padding: 0px;
}

/*Clear Fix to Clear Floats*/
.affinity-row:after {
	visibility: hidden;
	display: block;
	content: "\0020";
	clear: both;
	height: 0;
}

/*Strctural wrapper for 2-column row*/
.affinity-row .column-half {
	width: 50%;
	float: left;
}

.left-border {
	border-left: 1px solid #ccc;
}
.right-border {
	border-right: 1px solid #ccc;
}
.left-right-border {
	border-left: 1px solid #ccc;
	border-right: 1px solid #ccc;
}

/*Column Content*/
.column-content {
	line-height: 1.5em;
	padding: 10px 75px;
}
.affinity-row.sidebar-right .column-content,
.affinity-row.sidebar-left .column-content,
.affinity-row.thirds.full-height .column-content {
	padding: 30px;
}
/*Padding Management for Nested Rows*/
.no-pad-left-top-bottom {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
	padding-left: 0px !important;
}
.no-pad-right-top-bottom {
	padding-top: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}
.no-pad-top-bottom {
	padding-top: 0px !important;
	padding-bottom: 0px !important;
}

/*General margin Management */
.no-margin-top {
	margin-top: 0px !important;
}
.no-margin-bottom {
	margin-bottom: 0px !important;
}
.no-margin-top-bottom {
	margin-top: 0px !important;
	margin-bottom: 0px !important;
}


/*Headings*/
h1, h2, h3, h4 {
	font-family: "Arial Black", Gadget, sans-serif;
	line-height: normal;
}

h1 {
	font-size: 1.4em;
	color: #00528A;
	margin: 0px 0px;
}
h2 {
	font-size: 1.3em;
	color: #AE0000 !important;
	margin: 10px 0px 0px 0px;
}

a {
	color: #000;
}
a:hover, a:focus {
	color: #AE0000 !important;
}

ul {
	margin: 10px;
	padding: 10px;
	margin-top: 10px;
}
li {
	line-height: 2em;
}

/*Footer and Copyright*/
.footer {
	color: #000;
	font-size: 0.8em;
	border-radius: 0px 0px 5px 5px;
	border-top: 1px solid #726561;
	background-color: #E6E6E6 !important;
}
.footer ul {
	margin: 0px;
	padding: 0px;
	margin-top: 10px;
}
.footer li {
	list-style-type: none;
	line-height: 1.75;
}
.footer a {
	color: #000;
}
.footer a:hover, .footer a:focus {
	color: #AE0000 !important;
}
.copyright {
	color: #CCC;
	font-size: .8em;
	text-transform: uppercase;
	clear: both;
	padding: 5px 10px 15px 20px;
}
.copyright a {
	color: #CCC;
}
.copyright a:hover, .footer a:focus {
	color: #CCC;
}

/*1 Column for Narrow Browser Windows and Smartphones in both orientations*/
@media only screen and (min-width: 0px) and (max-width: 700px) {
body {
	margin: 0px;
}
#layout {
	max-width: none;
	padding: 0px;
}
.column, .column-1, .column-2, .column-3,
.column-half, .column-third, .column-fourth,
.column-fifth {
	float: none !important;
	width: auto !important;
}
.column-content {
	height: auto !important;
	max-height: 888678px;
	border: none !important;
	padding: 10px 24px !important;
}
}
/*Medium windows - reduce padding content padding*/
@media only screen and (min-width: 700px) and (max-width: 1220px) {
#layout {max-width: none;}
}