@charset "ISO-8859-1";
/* CSS Document */

body {
	background-color:#EFEFEF;
	color:#494949;
	font-family:'Open Sans', Arial, sans-serif; 
	font-size:16px;
	font-weight:400;
	padding-top:96px;
	-webkit-font-smoothing: antialiased !important;
	text-shadow: 1px 1px 1px rgba(0,0,0,0.004);
}

/*--------------------------------------------------
  SCAFFOLDING
--------------------------------------------------*/

.container {background-color:#FFFFFF;}
.row {padding:20px 40px;}

.col-xs-1,
.col-xs-2,
.col-xs-3,
.col-xs-4,
.col-xs-5,
.col-xs-6,
.col-xs-7,
.col-xs-8,
.col-xs-9,
.col-xs-10,
.col-xs-11,
.col-xs-12,
.col-sm-1,
.col-sm-2,
.col-sm-3,
.col-sm-4,
.col-sm-5,
.col-sm-6,
.col-sm-7,
.col-sm-8,
.col-sm-9,
.col-sm-10,
.col-sm-11,
.col-sm-12,
.col-md-1,
.col-md-2,
.col-md-3,
.col-md-4,
.col-md-5,
.col-md-6,
.col-md-7,
.col-md-8,
.col-md-9,
.col-md-10,
.col-md-11,
.col-md-12,
.col-lg-1,
.col-lg-2,
.col-lg-3,
.col-lg-4,
.col-lg-5,
.col-lg-6,
.col-lg-7,
.col-lg-8,
.col-lg-9,
.col-lg-10,
.col-lg-11,
.col-lg-12 {
  position: relative;
  min-height: 1px;
  padding-left: 20px;
  padding-right: 20px;
}

/*--------------------------------------------------
  TYPOGRAPHY
--------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-family:'PT Sans Narrow', Arial, sans-serif; 
	font-weight:700;
 line-height:1;
}
	
h1 {font-size:4.5em; margin:0; padding:0;}
h2 {font-size:3.0em;}
h3 {font-size:2.0em;}
h4 {font-size:1.5em; color:#6F6F6F;}
h5 {font-size:1.25em;}
h6 {
 border-bottom:#666666 solid 1px; 
 color:#FFFFFF; 
 font-size:1.0em; 
 letter-spacing:1px; 
 text-transform:uppercase;
 padding-bottom:15px; 
 margin-bottom:0;
 }

h1.section-title {color:#FFFFFF; font-size:4.5em; font-weight:400;}
h2.article-title {font-size:3.0em;}

p {margin-bottom:20px;}
p.lead {border-left:#DFDFDF solid 10px; padding-left: 10px; color:#333333; font-size:1.25em; margin-bottom:20px;}
p.question {background-color:#F5F5F5; border-left:10px solid #FA6900; padding:15px;}
p.footer {color:#FFFFFF; font-size:0.85em;}

address > h5 {
 color:#FFFFFF;
 font-weight:400;
	line-height:1.25;
}

figure.article-tile { margin-bottom:40px; }
figure.article-tile > figcaption { padding:20px; }

figcaption {
	background-color:#F5F5F5;
	font-size:90%;
	margin-top:0;
	padding:10px;
 *text-overflow: ellipsis;
 *overflow: hidden;
 *white-space: nowrap;
}

.bold {font-weight:700;}

.article-date {
 color:#666; 
 font-size:0.35em;
 font-weight:400;
 text-transform:uppercase; 
 }
 
.byline {padding-bottom:15px;}

.page-header {
	border-bottom:0 solid #3AAACF;
	margin-top:25px;
	padding-bottom:15px;
}


/*--------------------------------------------------
  BUTTONS & LABELS
--------------------------------------------------*/

.btn, btn-sm {border-radius:0;}
.btn-primary {color: #FFF; background-color: #3AAACF; border-color: #3AAACF;}
.btn-success:hover, .btn-success:focus, .btn-success:active, .btn-success.active, .open .dropdown-toggle.btn-success {border-color:#47A447;}

.pager li > a, .pager li > span {
color: #FFFFFF;
display: inline-block;
padding: 5px 14px;
background-color: #3AAACF;
border:none;
border-radius:0;
}

.pager li > a:hover, .pager li > span {
color: #FFFFFF;
display: inline-block;
padding: 5px 14px;
background-color: #494949;
border:none;
border-radius:0;
}

.pager .disabled>a, .pager .disabled>a:hover, .pager .disabled>a:focus, .pager .disabled>span {display:none;}

.label {border-radius:0; font-weight:lighter; text-transform:uppercase;}

.article-nav {
	margin:-4px 0 0 0;
	padding:0;
	display:inline;
	width:9px;
	height:14px;
}


/*--------------------------------------------------
  NAV BAR
--------------------------------------------------*/

.navbar-inverse .navbar-nav > li > a {color:#6EE3FF; text-transform:uppercase; font-size:0.875em; font-weight:700;}
.navbar-inverse .navbar-nav > li > a:hover {color:#FFFFFF; text-transform:uppercase; font-weight:700;}
.navbar-inverse .navbar-nav > li > a:active {color:#6EE3FF; text-transform:uppercase; font-weight:700;}
.navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {background-color: #3AAACF;}
.navbar-inverse .navbar-toggle {background-color: #6EE3FF; border-color:transparent; margin-top:10px;}
.dropdown-menu > li > a {text-transform: uppercase; font-size:0.875em; padding:10px;}
.navbar-inverse .navbar-nav > .dropdown > a .caret {border-top-color:#FFFFFF; border-bottom-color:#FFFFFF;}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {border-color:transparent;}
.container > .navbar-header, .container > .navbar-collapse {margin-right:0; margin-left:0;}

.navbar-toggle {margin-top:0; padding:7px; border:none; border-radius:0; margin-right: 20px;}
.navbar-toggle .icon-bar {width:25px; height:2px;}

.navbar-brand {padding-top:10px;}

.dropdown-menu {border-radius:0; padding:0;}
.dropdown-menu .divider {height:1px; margin:1px 0; overflow:hidden; background-color:#FFFFFF;}

/*--------------------------------------------------
  IMAGES
--------------------------------------------------*/

.img-responsive {width:100%; height:auto;}
.addthis {border:none; width:auto; height:36px;}

img.opaque {
	opacity:0.65; 
	filter:alpha(opacity=65);
}

img:hover.opaque {
	opacity:1.0; 
	filter:alpha(opacity=100);
}

img.opaque-100 {
	opacity:1.0; 
	filter:alpha(opacity=100);
}

img:hover.opaque-100 {
	opacity:1.0; 
	filter:alpha(opacity=100);
}

img.etg-logo {
	max-width:200px !important; 
}

img.arrow-r {
	margin:-4px 0 0 10px;
	padding:0;
	display:inline;
	width:18px;
	height:18px;
}

img.arrow-l {
	margin:-4px 10px 0 0;
	padding:0;
	display:inline;
	width:18px;
	height:18px;
}

img.new-article {
	display:inline-block;
	width:20px;
	height:20px;
	margin:0;
	padding:0;
}

/*--------------------------------------------------
  TABS
--------------------------------------------------*/

.nav-tabs > li > a {background-color:#EFEFEF; font-size:0.75em; text-transform:uppercase; border-radius:0; font-weight: 700;}
.nav-tabs > li > a:hover {background-color:#3AAACF; color:#FFFFFF; border-color:#3AAACF; font-weight: 700;}
.nav-tabs > li.active > a {background-color:#3AAACF; color:#FFFFFF; border-color:#3AAACF; font-weight: 700;}
.nav-tabs {border-bottom: 1px solid #EEEEEE; font-weight: 700;}
.nav .open > a, .nav .open > a:hover, .nav .open > a:focus {background-color: #3AAACF; border-color: #3AAACF; color: #FFFFFF; font-weight: 700;}


/*--------------------------------------------------
  DIVS
--------------------------------------------------*/


/*--------------------------------------------------
  ELEMENTS
--------------------------------------------------*/

.breadcrumb {
	padding: 0;
	margin-bottom: 0;
	border-radius: 0;
	border-bottom: none;
	background-color:transparent;
}

.breadcrumb > li {font-size: 0.8em; color:#494949;}
.breadcrumb > li > a {color:#494949;}

.breadcrumb > li+li:before {
	color: #666;
}

.hero-caption {
	background-color:transparent;
	position:relative; 
	top:30px; 
	left:40px;
	width:60px;
	height:60px; 
	z-index:1;
}

.popover {border-radius:0;}
.popover-content {padding: 10px 15px; font-size: 0.8em;}

hr {border-top:1px solid #DDDDDD;}

.videoWrapper {
	position: relative;
	padding-bottom: 56.25%; /* 16:9 */
	padding-top: 25px;
	height: 0;
}

.videoWrapper iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	max-height:500px !important;
}

.well {
	margin-bottom:10px;
	padding: 20px;
	background-color: #FEFEFE;
	border: 1px solid #E9E9E9;
	border-radius: 0;
	-webkit-box-shadow:none;
	box-shadow:none;
}

/*--------------------------------------------------
  MEDIA QUERIES
--------------------------------------------------*/
@media (min-width: 768px) and (max-width: 991px) {
	h1.section-title {font-size:3.0em; font-weight:400;}
	h2.article-title {font-size:2.25em; font-weight:400;}
	h3, h3.agency {font-size:1.5em; font-weight:400;}
}



@media (max-width: 768px) {
	body {padding-top:96px;}
	h1.section-title {font-size:2.25em; font-weight:400;}
	h2.article-title {font-size:1.75em; font-weight:400;}
	h3, h3.agency {font-size:1.35em; font-weight:400;}
	h4 {font-size:1.15em;}
	h6 {font-size:0.8em}
	p, ul, ol {font-size:0.9em;}
	p.lead {font-size:1.0em;}
 address > h2 {font-size:2.0em;}
	.article-date {font-size:0.5em;}
	.addthis {border:none; width:28px; height:28px;}
	.row {padding: 20px 10px;}

	
/*--------------------------------------------------
  TABS
--------------------------------------------------*/
.nav-tabs > li > a {background-color:#EFEFEF; font-size:0.7em; text-transform:uppercase; border-radius:0;}
}

@media (max-width: 767px) {
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {color: #CCCCCC;}
	.navbar-inverse .navbar-nav .open .dropdown-menu>li>a:hover {color: #3AAACF;}
}