/* Master layout */

/************************************************************
Embedded fonts */

@font-face{
	font-family:Futura;
	src:url('../fonts/futura.eot'); /* For IE */
	src:local('XXX'), url('../fonts/futura.otf') format('opentype');
}
@font-face{
	font-family:Life;
	src:url('../fonts/life-reg.eot'); /* For IE */
	src:local('XXX'), url('../fonts/life-reg.ttf') format('opentype');
}


/************************************************************
Global styles */

html {
	background:#65b336;
}
body {
	margin:0;
	padding:0;
	color:#6d6e6e;
	background:#f8f7f1 url('../images/site/bg-clouds.jpg') repeat-x center top;
	font:10pt/1.3 Futura,Arial,Helvetica,sans-serif;
}

/* Links */
a:link,
a:visited,
a:hover,
a:active {
	color:#64bc46;
	text-decoration:none;
}
a img {
	border:none;
}

/* Headings */
h1 {
	font:27pt/1.2 Life,'Times New Roman',Times,serif;
	margin:0 0 0.3em;
}
h1 strong {
	color:#64bc46;
	font-weight:normal;
}

h2,h3,h4,h5,h6 {
	font:11pt/1.2 Futura,Arial,Helvetica,sans-serif;
	margin:1.3em 0 0.3em;
	color:#64bc46;
}
h2:first-child, h3:first-child, h4:first-child {
	margin-top:0;
}
h2 {
	font-size:18pt;
}
h3 {
	font-size:12pt;
	color:#6D6E6E;
	font-weight:bold;
}
h4 {
	font-size:12pt;
}


/* Block-level */
p {
	margin:0.6em 0 1em;
}
address {
	margin:0.5em 0 1em;
	font-style:normal;
}

/* Highlight color */
strong strong {
	color:#64bc46;
}


/************************************************************
Layout: Main */

#main {
	margin:auto;
	width:960px;
}


/************************************************************
Layout: Header */

#header {
	position:relative;
}


/* Logo */
#logo {
	position:absolute;
	left:0;
	top:0;
	margin:0;
}
#logo a {
	display:block;
	text-indent:-9999px;
	outline:none;
	background:transparent url('../images/site/logo_new.png') no-repeat center center;
	width:415px;
	height:135px;
}


/* Call stuff */
#header h3 {
	text-align:right;
	margin:0;
	padding:3em 0 2em;
	font:13.5pt/1.3 Futura,Arial,Helvetica,sans-serif;
	color:#5f5c5e;
}
#header h3 strong {
	display:block;
	color:#64bc46;
}


/************************************************************
Layout: Navigation */

#main-nav {
	list-style:none;
	text-align:center;
	font-size:0; /* Kills space btwn LIs */
	margin:0;
	padding:7px 0;
	background:#f8f7f1;
	border-radius:5px;
	box-shadow:inset 0 0 5px rgba(255,255,255,0.75), 0 2px 4px rgba(0,0,0,0.2);
	border:3px solid #fcfcf9;

	background-image:-moz-linear-gradient(top, transparent 50%, rgba(217,217,212,0.31) 50%, rgba(217,217,212,0));
	background-image:-webkit-linear-gradient(top, transparent 50%, rgba(217,217,212,0.31) 50%, rgba(217,217,212,0));
	background-image:-ms-linear-gradient(top, transparent 50%, rgba(217,217,212,0.31) 50%, rgba(217,217,212,0));
	background-image:-o-linear-gradient(top, transparent 50%, rgba(217,217,212,0.31) 50%, rgba(217,217,212,0));
	background-image:linear-gradient(top, transparent 50%, rgba(217,217,212,0.31) 50%, rgba(217,217,212,0));
}
#main-nav>li {
	font:12pt/1 Futura,Arial,Helvetica,sans-serif;
	display:inline-block;
	vertical-align:top;
	padding:0 0.2em;
	border-right:1px solid #fdfdfc;
	border-left:1px solid #e1dfd3;
}
#main-nav>li:first-child {
	border-left:none;
}
#main-nav>li:last-child {
	border-right:none;
}
#main-nav a {
	display:block;
	color:#000;
	padding:0.5em 0.5em;
	margin:0 2px;
}

/* Selected */
#main-nav>li.sel>a {
	background:#faa61a;
	margin:-2px 0;
	border:2px solid #df9418;
	border-radius:0.4em;

	background-image:-moz-linear-gradient(bottom, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
	background-image:-webkit-linear-gradient(bottom, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
	background-image:-ms-linear-gradient(bottom, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
	background-image:-o-linear-gradient(bottom, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
	background-image:linear-gradient(bottom, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
}


/* Second level */
#main-nav ul {
	display:none;
	position:absolute;
	text-align:left;
	font-size:10pt;
	z-index:10;
	padding:0.5em;
	margin:0;
	list-style:none;
	background:#F8F7F1;
	box-shadow:inset 0 0 5px rgba(255,255,255,0.75), 0 2px 4px rgba(0,0,0,0.2);
	border-radius:0 0.5em 0.5em 0.5em;
}
#main-nav li:hover>ul {
	display:block;
}
#main-nav ul a {
	border-top:1px solid #e1dfd3;
	padding-right:2em;
}
#main-nav ul li:first-child a {
	border:none;
}
#main-nav ul a:hover {
	background:#F2F1EB;
}


/************************************************************
Layout: Banners */

#banner {
	position:relative;
	text-align:center;
	margin:1.5em 0 1em;
	padding:1px 10px 1px 750px;
	font-size:12pt;
	line-height:1.5;
	min-height:215px;
}
/*#banner h1,
#banner h1 strong {
	font-weight:bold;
}*/
#banner h1 {
	margin:0.5em 0 0.1em;
}
#banner p {
	margin:0 0.5em 1em;
}
#banner img {
	position:absolute;
	left:0;
	top:0;
	border-radius:0.4em;
}



/************************************************************
Layout: Content */

/* Columns */
.leftCol {
	width:62%;
	padding:0 10em 5em 1%;
}
.rightCol {
	width:22%;
}


/* Main heading */
#main>h1 {
	position:relative;
	width:74.5%;
	margin:0 0 0.7em;
	padding:0 0.3em 0.4em;
}
#main>h1:after {
	content:' ';
	position:absolute;
	width:100%;
	height:1px;
	left:0;
	bottom:0;
	background:#e0e0e0;
	box-shadow:0 5px 16px rgba(0,0,0,0.62);
}


/************************************************************
Layout: Footer */

#footer {
	background:#65b336 url('../images/site/footer-top.jpg') repeat-x left top;
	font-size:9.5pt;
	padding-bottom: 10px;
}

/* Back to Top link */
#footer>h3 {
	width:960px;
	margin:0 auto;
	padding:0.6em 0;
	font-size:12pt;
	line-height:1.5;
}
#footer>h3 a:after {
	content:url('../images/icons/arrow-top.png');
	display:inline-block;
	vertical-align:top;
	padding-left:1em;
	margin-left:0.8em;
	border-left:1px solid #65b336;
}


/* Columns */
#foot-cols {
	list-style:none;
	margin:2em auto 0.5em;
	padding:0;
	width:960px;
	color:#f8f7f1;
	white-space:nowrap; /* Just to make sure -- IE gets funky sometimes */
}
#foot-cols>li {
	display:inline-block;
	vertical-align:top;
	padding-right:3em;
	white-space:normal;
}

#foot-cols h4 {
	color:#f8f7f1;
	text-transform:uppercase;
	margin:0 0 0.5em;
}
#foot-cols a {
	color:#f8f7f1;
}

/* Navigation */
#foot-cols ul {
	list-style:none;
	margin:0;
	padding:0;
}

/* Copyright block */
#footer #copyright {
	padding:0;
}

#copyright h3 {
	font-size:0;
	float:left;
}
#copyright h3:after {
	content:url('../images/site/logo-footer.png');
}

#copyright .ibew-logo {
	font-size:0;
	float:right;
	margin-top: -20px;
}

#copyright .nabcep-logo {
	font-size:0;
	float:right;
	margin: 16px 10px 16px;
}
#copyright .ibew-logo:after {
	content:url('../images/site/logo-ibew.png');
	margin-top: 

}

#copyright .nabcep-logo:after {
	content:url('../images/site/NABCEP-PV-Seal.png');

}

#copyright p {
	clear:right;
	line-height:4.7;
	margin:0;
}



/************************************************************
Buttons / links */

.button {
	display:inline-block;
	vertical-align:middle;
	margin:0 0.3em;
	padding:0.5em 1em 0.3em;
	font:10.5pt/1.3 Futura,Arial,Helvetica,sans-serif;
	text-transform:uppercase;
	text-shadow:-1px -1px 0 rgba(0,0,0,0.2), 1px 1px 0 rgba(255,255,255,0.5);
	background:#faa61a;
	color:#935f09 !important;
	border:2px solid #df9418;
	border-radius:0.4em;
	cursor:pointer;

	background-image:-moz-linear-gradient(bottom, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
	background-image:-webkit-linear-gradient(bottom, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
	background-image:-ms-linear-gradient(bottom, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
	background-image:-o-linear-gradient(bottom, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
	background-image:linear-gradient(to top, transparent 50%, rgba(250,192,95,1) 50%, rgba(250,195,95,0));
}


.arrow {
	display:inline-block;
	line-height:1.7;
	background:transparent url('../images/icons/arrow.png') no-repeat right center;
	padding-right:2em;
}


.back {
	font-size:12pt;
	margin-left:0.5em;
}



/************************************************************
Columns */

.col,
.leftCol,
.rightCol {
	display:inline-block;
	vertical-align:top;
}


/************************************************************
Miscellaneous */

/* Text alignment */
.left { text-align:left; }
.center { text-align:center; }
.right { text-align:right; }

/* Font sizes */
small { font-size:90%; }
big { font-size:130%; }

/* Floating/clearing */
.clear { clear:both; }

/* Padding */
.pad { padding:1em; }
.topPad { padding-top:1em; }
.bottomPad { padding-bottom:1em; }
.leftPad { padding-left:1em; }
.rightPad { padding-right:1em; }


/* Fix extra button padding in Firefox */
input[type="submit"]::-moz-focus-inner {
    border:none;
    padding:0;
    line-height:1;
}

#fb-root {
	float:right;
	margin:10px 0px;
}

/************************************************************
8-9-2015 */

#footer .copyright-text{ width: 960px;
    margin: 0 auto;
    text-align: right; color:#fff;}
#footer #copyright{ width:42%;}
#copyright h3{ width:57%;}
#copyright .ibew-logo{ margin-top:10px;}
#gal-tiles{ margin:15px 0 0 !important;}
#gal-tiles li{ vertical-align:top;}
.button{ margin-left:0;}
#copyright .ibew-logo{ width:70px;}
#header{ margin-bottom:10px;}
.fb_iframe_widget{ display:block !important;}
.content article{ width:100% !important;}
.preloader{ display:none;}
input,textarea,select,button{ -webkit-appearance:none; border-radius:0;}