/* ================================= */
/* Body and Universal Reset */
/* ================================= */

* {
    margin  : 0;
    padding : 0;
    text-rendering: auto;
}

html {
    background : #eeeeee;
    min-height : 100%;
}

body {
    background : #eee;
    height     : auto;
    position   : relative;
}

body#homePage,
body#contactPage {
    background : #fff;
}

#container {
}

#popupWindowCaller {
    display : none;
}

img {
    border : none;
}

::selection {
    background : #393e42;
    color      : #FFF;
}

::-moz-selection {
    background : #393E42;
    color      : #FFF;
}

/* ================================= */
/* Defaults */
/* ================================= */

.inner {
    padding : 10px;
}

.rounded {
    -moz-border-radius    : 4px;
    -webkit-border-radius : 4px;
    -o-border-radius      : 4px;
    -ms-border-radius     : 4px;
    border-radius         : 4px;
}

.transition {
    -moz-transition    : all linear 0.2s;
    -webkit-transition : all linear 0.2s;
    -o-transition      : all linear 0.2s;
    transition         : all linear 0.2s;
}

.visible_print {
    display: none;
    width: 100%;
    float: left;
}

/* ================================= */
/* Typography */
/* ================================= */

.content ul.noContent li:before, .content .noContent ul li:before, .content .flexslider ul li:before {
    content : '';
}

.content ul.noContent li, .content .noContent ul li, .content .flexslider ul li {
    text-indent : 0;
    margin-left : 0;
}

.content .flexslider ul, .content .flexslider ul li {
	margin: 0px !important;
	}

.content .flexslider ul li:before {
	content: none !important;
	}


/* ================================= */
/* Header */
/* ================================= */

.header_fill {
    height   : 66px;
    position : relative;
    float    : left;
    width    : 100%;
    display: none;
}

@media screen and (max-width:767px) {
    #homePage .header_fill {
        display : block;
    }
}

#header {
    background-color : #fff;
    display          : block;
    width            : 100%;
    float            : left;
    padding          : 0;
    position         : relative;
}

#header a.logo {
	margin: 8px 0 0;
    padding     : 0px;
    text-indent : -9999px;
    z-index     : 2;
    height      : 56px;
    width       : 121px;
    display     : block;
    position    : relative;
    background  : url(images/backgrounds/logo.jpg) top left no-repeat;
}

#header .header_phone_number {
    float       : right;
    text-align  : right;
    padding-top : 42px;
}

#header .header_phone_number span {
    padding     : 10px 2px 10px 10px;
    font-size   : 27px;
    font-weight : bold;
}

#header .header_phone_number i {
    font-size : 27px;
}

#homePage #header {
	position: fixed;
	top: 0;
	z-index: 1000;
	}

/* ================================= */
/* Main Navigation */
/* ================================= */

#mainNav {
    height           : 46px;
	float: right;
}

#mainNav li {
    list-style : none;
    float      : left;
    position   : relative;
}

#mainNav > li {
    margin : 0 0 0 0px;
}

#mainNav > li.first {
    margin-left : 0;
}

#mainNav li a {
    padding     : 13px 18px;
    font-size   : 15px;
    margin      : 0px 0px;
    color       : #003A54;
    display     : block;
    font-weight: 700;
}

#mainNav > li > a {
    height : 20px;
	text-transform: uppercase;
}

#mainNav li a:hover {
    color      : #46A0D8;
}

#mainNav li a:active, #mainNav li.current > a {
    color              : #46A1DA;
}

#mainNav ul {
    position           : absolute;
    width              : 200px; /* left offset of submenus need to match (see below) */
    top                : -999px;
	background-color: rgba(0, 0, 0, 0.6);
	padding: 5px 0;
}

#mainNav ul li {
    width : 100%;
}

#mainNav li:hover {
    visibility : inherit; /* fixes IE7 'sticky bug' */
}

#mainNav li:hover ul, #mainNav li.sfHover ul {
    left    : 0;
    top     : 45px; /* match top ul list item height */
    z-index : 99;
}

#mainNav li:hover li ul, #mainNav li.sfHover li ul {
    top : -999em;
}

#mainNav li li:hover ul, #mainNav li li.sfHover ul {
    left : 160px; /* match ul width */
    top  : 0;
}

#mainNav li li:hover li ul, #mainNav li li.sfHover li ul {
    top : -999em;
}

#mainNav li li li:hover ul, #mainNav li li li.sfHover ul {
    left : 160px; /* match ul width */
    top  : 0;
}

/* Drop Down UL */
#mainNav ul li a {
    margin           : 0 20px;
    padding          : 4px 0px;
    font-size        : 14px;
    font-weight      : normal;
    color            : #fff;
    background-color : none;
    border           : none;
    text-shadow      : none;
	font-family : 'Roboto Slab', Arial, Helvetica, sans-serif;
	border-bottom: 1px solid #46A0D8;
}

#mainNav ul li:nth-last-child(1) a {
	border-bottom: none !important;
	}

#mainNav ul li a:hover, #mainNav ul li a:active {
	color: #46A0D8 !important;
	border-bottom: 1px solid #46A0D8;
    filter     : none;
    color      : #fff;
}

#mainNav ul li a:active, #mainNav ul li.current > a {
    color              : #EFC6BB;
    -webkit-box-shadow : none;
    -moz-box-shadow    : none;
    -o-box-shadow      : none;
    box-shadow         : none;
}

/* ================================= */
/* Mobile Navigation */
/* ================================= */

/* Resets for container */
#mobile_nav {
    position : absolute;
    top      : 0;
    z-index  : 9999;
    right    : 0;
    width    : 40%;
    float    : left;
    margin   : 0;
    padding  : 0;
}

#homePage #mobile_nav {
    position : fixed;
}

.mobile_nav_is_active #homePage #mobile_nav_launch {
    position : absolute;
    left: -137%;
}

/* Background colour for menu and active icon/button */
html.mobile_nav_is_active,
#mobile_nav .mobile_nav_wrap,
#mobile_nav #mobile_nav_launch.active_mobile_launch {
    background-color : #363A39;
}

#mobile_nav .mobile_nav_wrap,
#mobile_nav ul li,
#mobile_nav ul li a {
    -webkit-box-sizing : border-box;
    -moz-box-sizing    : border-box;
    box-sizing         : border-box;
}

/* Style the icon/button */
#mobile_nav #mobile_nav_launch {
    height          : 50px !important;
    width           : 67px !important;
    line-height     : 21px;
    position        : relative;
    top             : 0;
    right           : 0;
    border-radius   : 0;
    background      : url(images/icons/nav.png) 45% center no-repeat;
    background-size : 60% 60%;
    text-indent     : -9999px;
    float           : right;
    border-left     : 1px solid rgba(0, 0, 0, 0.1);
    cursor          : pointer;
    z-index         : 99;
}

/* Actual Menu Wrapper - Important stuff */
#mobile_nav .mobile_nav_wrap {
    position   : fixed;
    width      : 80%;
    float      : left;
    right      : -80%;
    -moz-box-shadow : inset 3px 0px 6px #111;
    -o-box-shadow : inset 3px 0px 6px #111;
    -webkit-box-shadow : inset 3px 0px 6px #111;
    box-shadow : inset 3px 0px 6px #111;
    height     : 100%;
    z-index    : 98;
    overflow   : auto;
    display    : block;
    padding-left: 5px;
    -webkit-overflow-scrolling: touch;
}

#mobile_nav .mobile_nav_wrap_active {
    right : 0;
}

html,
#mobile_nav .mobile_nav_wrap {
    -webkit-transition : right 0.2s linear;
    -moz-transition    : right 0.2s linear;
    transition         : right 0.2s linear;
}

html {
    position : relative !important;
    width    : 100%;
    right    : 0;
}

html.mobile_nav_is_active {
    /*right : 80%;*/
}

html.mobile_nav_is_active,
html.mobile_nav_is_active body {
    /* overflow : hidden; */
    position : relative;
    height   : 100%;
}

#mobile_nav ul {
    float         : left;
    position      : relative;
    top           : 0;
    left          : 0;
    display       : block;
    width         : 100%;
    list-style    : none;
    margin        : 0 auto !important;
    padding       : 5px 0 0 !important;
    border-bottom : 5px solid #363a39;
}

#mobile_nav ul li {
    width         : 100%;
    display       : block;
    padding       : 0 25px;
    float         : left;
    width         : 100%;
    border-bottom : 1px solid #444;
}

#mobile_nav ul li a {
    color       : #fff;
    font-size   : 18px;
    display     : block;
    float       : left;
    width       : 100%;
    font-weight : bold;
    padding     : 12px 20% 12px 0;
    position: relative;
}

#mobile_nav ul li a:active {
    text-shadow : -1px -1px 0 #111;
}

#mobile_nav ul ul {
    padding-left : 20px;
}

#mobile_nav .mobile_nav_wrap > ul > li > ul {
    display: none; /* HIDE INITIALLY */
}

#mobile_nav ul ul li {
    border-bottom: 0;
    padding: 0 0 0 20px;
}

#mobile_nav ul ul li a {
    font-weight  : normal;
    font-size    : 14px;
	padding-top: 6px;
	padding-bottom: 6px;
}

span.mobile_nav_down_more {
    position: absolute;
    height: 100%;
    width: 20%;
    text-align: right;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    -o-box-sizing: border-box;
    -ms-box-sizing: border-box;
    box-sizing: border-box;
    display: block;
    z-index: 999;
    right: 0;
    top: 0;
    padding: 10px 0 0;
    outline: none;
}

/* ================================= */
/* Circle Icons */
/* ================================= */

.circle_icon_padding {
    float: left;
    width: 100%;
    background: #003A54;
    padding-top: 12px;
}

.flameIcon {
	background: url(/images/backgrounds/blue-flame-icon.png) top center no-repeat;
	width: 100%;
	height: 84px;
	margin-top: -58px;
	z-index: 10;
	position: relative;
	}

.flameIcon.flameIconAlt {
	background: url(/images/backgrounds/white-flame-icon.png) top center no-repeat;
}

.flameIcon.flameIconAlt2 {
	background: url(/images/backgrounds/lightblue-flame-icon.png) top center no-repeat;
}

.full-width-projects .content .flameIcon {
	margin-top: -48px;
	}

.full-width .flameIcon, .full-width-investors .flameIcon, .full-width-reports .flameIcon, .full-width-reports-view .flameIcon {
	margin-bottom: 50px;
	}

.full-width-projects .flameIcon {
	margin-bottom: 10px;
	}

.home_page .content {
    background: #ededee;
}

/* ================================= */
/* Sidebar */
/* ================================= */

#sidebar {
    margin-top : 15px;
}

#subNav {
    border-bottom : solid 1px #E6E6E6;
}

#sidebar #subNav li.subNavHeading a {
    color           : #FFFFFF;
    padding         : 5px 0px 5px 0px;
    margin          : 0px;
    font-weight     : bold;
    text-transform  : capitalize;
    text-decoration : none;
    font-size       : 20px;
}

#sidebar #subNav li.subNavHeading a:hover {
    color : #FFFFFF;
}

.content #sidebar #subNav li.subNavHeading {
    padding      : 11px 0px 8px 17px;
    margin       : 0px;
    text-indent  : 0px;
    text-align   : left;
    background   : #ED5C33;
    border-top   : 1px solid #E5E5E5;
    border-left  : 1px solid #E5E5E5;
    border-right : 1px solid #E5E5E5;
}

.content #sidebar #subNav li.subNavHeading:before {
    content : none;
}

#sidebar #subNav {
    background-color : #FFFFFF;
}

.content #sidebar ul#subNav li {
    padding      : 8px 0px 8px 32px;
    text-indent  : -15px;
    margin       : 0px;
    border-top   : solid 1px #E6E6E6;
    border-left  : solid 1px #E6E6E6;
    border-right : solid 1px #E6E6E6;
}

#sidebar #subNav li a {
    color           : #000;
    padding         : 5px 0px;
    text-decoration : none;
}

#sidebar #subNav li a:hover {
    color : #ED5C33;
}

.content #sidebar #subNav li:before {
    content      : "\203A \00a0";
    color        : #ED5C33;
    font-size    : 15px;
    margin-right : 5px;
    line-height  : 15px;
}

.content #sidebar ul#subNav {
    padding : 0;
    margin  : 0px 0px 15px 0px;
}

.content #sidebar #subNav li.down a {
    color       : #ED5C33;
    font-weight : bold;
}

.content #sidebar #subNav li.down:before {
    color       : #ED5C33;
    font-weight : bold;
}

.content #sidebar #subNav li.child a {
}

.content #sidebar #subNav li.child {
    border-top   : none;
    padding-top  : 4px;
    padding-left : 32px;
}

.content #sidebar #subNav li.childChild {
    font-size    : 11px;
    border-top   : none;
    padding-top  : 4px;
    padding-left : 50px;
}

.content #sidebar #subNav li.childChild:before {
    font-size   : 11px;
    margin-left : 28px;
}

#sidebar #subNav li.child:before {
    font-size   : 11px;
    margin-left : 14px;
}

/* ================================= */
/* Content */
/* ================================= */

.content {
    padding-top    : 10px;
    padding-bottom : 10px;
    width          : 100%;
    display        : block;
}

.full-width .content, .full-width-reports .content, .full-width-reports-view .content {
	background: #003A54;
	border-top: 10px solid #fff;
	text-align: center;
	color: #fff;
	}

/* Individual homepage stylings */

/* Reports */

.content.styleReports {
	background: #ececed;
	}

.content.styleReports h2 {
	color: #757779;
	margin-bottom: 25px;
	}

.content.styleReports .reportRecentWrapper a h3 {
	color: #757779;
	}

.content.styleReports .reportRecentWrapper .button {
	color: #757779 !important;
	border-color: #757779 !important;
	}

.content.styleReports .reportRecentWrapper .button:hover {
	background: #757779;
	color: #fff !important;
	}

/* Announcements */

.content.styleAnnouncements {
	background: #b5b7b8;
	}

.content.styleAnnouncements h1 {
	color: #fff;
	}

.content.styleAnnouncements h2 {
	color: #757779;
	}

.content.styleAnnouncements .reportRecentWrapper a h3 {
	color: #fff !important;
	}

.content.styleAnnouncements .reportRecentWrapper a:hover h3 {
	color: #757779 !important;
	}

/* News */

.content.styleNews {
	background: #fff;
	}

.content.styleNews h2 {
	color: #757779;
	}

.content.styleNews .reportRecentWrapper a h3 {
	color: #757779;
	}

.content.styleNews .reportNavigation li a {
	color: #757779;
	}

/* END - Individual homepage stylings */


.full-width-investors .content {
	background: #A6A8AB;
	border-top: 14px solid #46A0D8;
	text-align: center;
	color: #fff;
	}

    .full-width-investors .content, .full-width-investors .content p {
        color: #003A54;
        font-weight: 700;
    }

.full-width-projects .content {
	background: #479FD7;
	border-top: 10px solid #003A54;
	text-align: center;
	color: #FFF;
	}

#textBanner, #textInvestors {
	font-size: 20px;
	line-height: 32px;
	margin-bottom: 100px;
	letter-spacing: 1px;
	}

#textBanner a:hover, #textInvestors a:hover {
	text-decoration: underline;
	}

.full-width-investors #textBanner, .full-width-investors #textInvestors {
	color: #333;
	margin-bottom: 30px;
	}

#copy #textBanner .flex-control-nav, #copy #textInvestors .flex-control-nav {
	bottom: -50px;
	left: 0;
	width: 100%;
	}

#copy p, #copy table, #copy ul, #copy ol {
    margin : 0 0 18px 0;
}

#copy ul, #copy ol {
    margin-left : 18px;
}

#innerPages .innerpageWrapper {
	margin-bottom: 40px;
	}

#innerPages .innerpageWrapper > div {
	display: table;
	height: 232px;
	background: #A6A8AB;
	width: 100%;
	-webkit-border-radius: 200px;
	border-radius: 200px;
	}

#innerPages .innerpageWrapper > div > div {
	display: table-cell; vertical-align: middle;
	color: #003A54;
	font-size: 30px;
	line-height: 34px;
	padding: 0px 10px;
	}

#innerPages .innerpageWrapper:hover > div {
	background: #46A0D8;
	}

#innerPages .innerpageWrapper > div > div > span {
	position: relative;
	z-index: 10;
	width: 100%;
	display: block;
	}

a.innerpageWrapper:hover span {
	color: #003A54 !important;
	}

.andBackground {
	position: absolute;
	color: #B5B7B9 !important;
	top: 15px;
	left: 63px;
	font-size: 150px !important;
	z-index: -1;
	}

.andBackground.about280 {
	top: 32px;
	}

a.innerpageWrapper:hover .andBackground {
    color: #6ab2d8 !important;
	}

.home_page .content .container_24 #copy.grid_24 {
	padding-top: 0;
	}

.full-width .content .container_24 #copy.grid_24, .full-width-investors .content .container_24 #copy.grid_24, .full-width-projects .content .container_24 #copy.grid_24, .full-width-reports .content .container_24 #copy.grid_24, .full-width-reports-view .content .container_24 #copy.grid_24 {
	padding: 0px;
	}

.content .container_24 #copy.grid_24 {
	padding: 40px 0;
	}

.content .container_24 #copy.grid_24 h1 {
	text-align: center;
	margin-bottom: 30px;
	}

.extraPadding {
	padding: 0 120px;
	}

.load_content {

	}

/* ================================= */
/* Home */
/* ================================= */

.searchContainer {
	float: right;
	width: auto;
	}

.searchContainer input[type="text"] {
	width: 160px;
	float: left;
	border: none !important;
	padding: 0px 10px !important;
	font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 16px;
	line-height: 31px;
	height: 31px;
    background: #EDEDEE;
    color: #A6A8AB;
	}

.searchContainer input[type="text"]:focus {
	border: none !important;
	}

.searchContainer input[type="submit"] {
	float: left;
	border: none !important;
	}

.searchContainer a {
	float: left;
	font-size: 19px;
	color: #fff !important;
	padding: 6px 10px;
	line-height: 18px;
	}

.searchContainer a:hover {
	color: #46A0D8 !important;
	}

.searchContainer a.searchButton {
	background: #A6A8AB;
	color: #fff !important;
	}

.content ul#homeNav {
    margin        : 0 0 15px;
    padding       : 7px;
    background    : #ccc;
    border-radius : 8px;
}

.content #homeNav li {
    margin      : 0;
    padding     : 1px 0;
    text-align  : center;
    text-indent : 0;
    margin-left : 0 !important;
}

.content #homeNav li:before {
    content : '' !important;
}

#homeNav a {
    display          : block;
    background       : #EEEEEE;
    background-image : linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -o-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -moz-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -webkit-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -ms-linear-gradient(bottom, rgb(50, 50, 50) 0%, rgb(70, 70, 70) 100%);
    background-image : -webkit-gradient(linear, left bottom, left top, color-stop(0, rgb(50, 50, 50)), color-stop(1, rgb(70, 70, 70)));
    padding          : 13px 15px;
    text-decoration  : none;
    margin           : 0;
    color            : #fff;
    font-weight      : bold;
    text-align       : center;
    text-transform   : uppercase;
    text-shadow      : -1px -1px 3px rgba(0, 0, 0, 0.2);
}

#homeNav a:active, #homeNav a:focus, #homeNav a:hover {
    box-shadow : inset -2px -2px 5px rgba(255, 255, 255, 0.08), inset 2px 2px 5px rgba(0, 0, 0, 0.5) !important;
    outline    : none !important;
}

#homeNav li:first-child a {
    border-top-left-radius  : 5px;
    border-top-right-radius : 5px;
}

#homeNav li:last-child a {
    border-bottom-left-radius  : 5px;
    border-bottom-right-radius : 5px;
}

/* Home Page Banner */
#homeBanner {
	min-height: 300px;
	background: url(images/icons/ajax-loader-alt.gif) no-repeat center center;
}

.home_page .widget_title h2 {
	color: #46A0D8;
	font-size: 18px;
	}

.home_page .widget_projects {
	text-align: center;
	}

.home_page .widget_projects h2 {
	font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 27px;
	font-weight: normal;
	padding: 15px 0 5px;
	}

.projects_map_top {
    transition: linear 0.1s opacity;
}

.projects_map_top:hover {
    opacity: 0.9;
}

/* ================================= */
/* Widgets */
/* ================================= */

.widget {
    margin-top    : 0px;
    margin-bottom : 0px;
}

.widgetWrapper {
	/*background: url(/images/backgrounds/widget-bg.png) 0 0 repeat-x;*/
	display: inline-block;
	text-align: center;
	width: 100%;
	}

.home_page .widget {
	width: 32%;
	margin-left: 0.4%;
	margin-right: 0.4%;
	background: #ededee;
	display: inline-block;
	float: none;
	vertical-align: top;
	text-align: left;
	background: url(/images/backgrounds/widget-bg.png) 0 0 no-repeat;
	}

.home_page .widget_content {
	text-align: left;
	}

.home_page .widget.last .widgetWrapper {
	background: url(/images/backgrounds/widget-bg.png) top right no-repeat;
	}

.widget_title {
    padding    : 10px 15px 10px 20px;
	text-align: center;
}

.widget_title h2 {
    color  : #fff;
    margin : 0;
}

.widget_content h2 {
	margin-bottom: 3px;
	line-height: 17px;
	font-family: 'Roboto Slab';
	text-transform: capitalize;
	}

.widget_content h2 a {
    font-size     : 16px;
    line-height   : 18px;
    color         : #75777c;
    margin-bottom : 0;
    font-weight: 400;
}

.widget_content {
    padding    : 10px 25px 15px 30px;
}

.content .widget_content.reportsHome ul {
	margin: 0px 0 15px !important;
	}

.content .widget_content.reportsHome li {
	/*background: url(/images/backgrounds/report-icon-1.png) 0 0 no-repeat;*/
	background-size: 26px !important;
	font-size: 18px;
	line-height: 24px;
	text-indent: 0px;
	margin-bottom: 10px;
	padding-left: 44px;
	}

.lt-ie9 .content .widget_content.reportsHome li {
	background: none !important;
	}

.content .widget_content.reportsHome li span {
	font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	font-weight: normal;
	display: block;
	}

/*.content .widget_content.reportsHome li:nth-child(even) {
	background: url(/images/backgrounds/report-icon-2.png) 0 0 no-repeat;
	}*/

.widget_content.reportsHome li:before {
	content: none !important;
	}

.content .widget_content.reportsHome li a {
	color: #757786;
    font-weight: 400;
	}

.content .widget_content.reportsHome li:nth-child(even) a {
	color: #99999b;
	}

.content .widget_content.reportsHome li a:hover {
	color: #46A0D8;
	}

.widget_content .button {
	width: 100% !important;
	padding-left: 0 !important;
	padding-right: 0 !important;
	text-align: center;
	border: 1px solid #ededee !important;
	}

.widget_content .button.fastfacts, .widget_content .button.basinNews {
	font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
	text-transform: uppercase;
	font-size: 18px;
	line-height: 27px;
	font-weight: normal;
	}

.basin_news_wrapper {
	position: relative;
	}

.basin_news_holder {
	position: absolute;
	top: 42px;
	width: 100%;
	left: 0;
	background: #fff;
	padding: 0px 15px;
	height: 0;
	overflow: hidden;
	-webkit-transition: all 0.7s ease;
	-moz-transition: all 0.7s ease;
	-ms-transition: all 0.7s ease;
	-o-transition: all 0.7s ease;
	transition: all 0.7s ease;
	}

.button.basinNews:hover + .basin_news_holder {
	height: 240px;
	padding: 10px 15px;
	}

.basin_news_holder:hover {
	height: 240px;
	padding: 10px 15px;
	}

.basin_news_holder li {
	padding: 0px !important;
	}

.basin_news_holder li a:hover {
	color: #666 !important;
	}

.home_page .widget_content {
    min-height : 380px;
}

.widget_content ul {
    margin-bottom : 0 !important;
}

.widget_content ul li {
    font-weight   : bold;
    margin-left   : 0px !important;
    margin-bottom : 5px;
}

.widget_content ul li:before {
    margin-right : 3px;
    font-size    : 13px !important;
}

.widget_date {
    padding          : 8px 0 13px;
    margin           : 4px 8px 10px 10px;
    text-align       : center;
    width            : 72px;
    background-color : #ED5C33;
    text-transform   : uppercase;
    float            : right;
    color            : #FFF;
    font-size        : 22px;
    font-weight      : bold;
}

.widget_date h2 {
    font-weight    : bold;
    font-size      : 30px;
    text-transform : none;
    color          : #fff;
    margin         : 10px;
}

.widget .blogDate {
    color         : #000;
    font-style    : italic;
    display       : block;
    margin-bottom : 13px;
    line-height   : 14px;
}

.widget_content p {
    margin-bottom : 10px !important;
}

.widget .blogLink {
    text-decoration : none;
}

.widget .blogLink:hover {
	text-decoration : underline;
	}

.widget_form_row {
    margin     : 3px 0;
    text-align : right;
}

.widget_form_row label {
    width        : 21.5%;
    text-align   : left;
    margin-right : 2%;
    display      : inline-block;
}

.widget_form_input {
    text-align    : right;
    width         : 73%;
    padding-right : 1%;
    display       : inline-block;
}

.widget_form_input input {
}

.widget_form_button {
    margin-top    : 7px;
    padding-right : 1%;
    text-align    : right;
}

/* ================================= */
/* Blog */
/* ================================= */

.displaying {
    text-align : center;
}

.nextprevnav {
    display    : block;
    text-align : center;
    margin     : 18px 0 0 0;
}

.blogListingThumb {
    float        : left;
    width        : 17%;
    margin-right : 4%;
    text-align   : center;
}

.blogListingContainerWImage {
    float : left;
    width : 79%;
}

.content .blogListingContainer p {
    margin : 0 0 10px 0;
}

.blogDate {
    color : #ccc;
}

.blogAddThisTop {
    float : right;
    width : 124px;
}

.blogMetaInfo {
    background-color : #F5F5F5;
    margin           : 10px 0;
    overflow         : hidden;
    padding          : 10px 10px;
}

.blogMetaInfo,
.blogMetaInfo a, .blogMetaInfo a:link, .blogMetaInfo a:visited {
    color : #999;
}

/* ================================= */
/* Gallery  */
/* ================================= */

/* General Gallery Styles & Fixes */
#content ul.gallery_cat_list, #content ul.thumbs {
    margin: 0;
}
#content .gallery_cat_list li, #content .gallery_thumbs li {
    text-indent: 0;
    margin-left: 0;
    padding: 0;
}
#content .gallery_cat_list li:before, #content .gallery_thumbs li:before {
    display: none;
}

/* Category Styles  */

.gallery_cat_list li {
    float: left;
    width: 32%;
    position: relative;
    display: block;
    margin-bottom: 15px;
}

#content .gallery_cat_list li.gallery_middle {
    margin-right: 2%;
    margin-left: 2%;
}

.gallery_cat_list li a {
    float: left;
    width: 100%;
    overflow: hidden;
    background: #000;
    display: block;
    -moz-transition: all linear 100ms;
    -webkit-transition: all linear 100ms;
    -o-transition: all linear 100ms;
    transition: all linear 100ms;
}

.gallery_cat_list li a:hover {
    position: relative;
    z-index: 99;
}

.gallery_cat_list li a img {
    width: 100%;
    height: auto;
    opacity: 1;
    -webkit-backface-visibility: hidden;
    -moz-transition: opacity .25s ease;
    -webkit-transition: opacity .25s ease;
    transition: opacity .25s ease;
}

.gallery_cat_list li a:hover img {
    opacity: 0.7;
    width: 100%;
    height: 100%;
    position:relative;
}

.gallery_cat_list li a:active img {
    opacity: 0.5;
    width: 100%;
    height: 100%;
    position:relative;
}

.gallery_cat_list li .gallery_title_overlay_container {
    display: none;
}

.gallery_cat_list li .gallery_title_overlay {
    display: none;
}

.gallery_cat_list li a:hover .gallery_title_overlay_container {
    width: 100%;
    top: 0;
    position: absolute;
    z-index: 100;
    text-align: center;
    display: table-cell;
}

.gallery_cat_list li a:hover .gallery_title_overlay {
    text-align: center;
    display: inline-block;
    padding: 7px;
}

/****NOTE*** Change the height to the height of the image
- this is so the label will be able to be set at a vertical centered position  */
.gallery_cat_list li a:hover .gallery_title_label {
    color: #fff;
    font-size: 20px;
    line-height: 24px;
    width: 100%;
    height: 187px;
    text-align: center;
    vertical-align: middle;
    display: table-cell;
}

/* THUMBS - ALBUM STYLES */
#content .gallery_thumbs {
    margin: 0;
    padding: 0;
}

#content .gallery_thumbs li {
    width: 24.2%;
    float: left;
    margin-right: 1%;
    margin-bottom: 7px;
}

#content .gallery_thumbs li a {
    display: block;
    background: #000;
}

#content .gallery_thumbs li a:hover img {
    opacity: 0.7;
}

#content .gallery_thumbs li a:active img {
    opacity: 0.5;
}

#content .gallery_thumbs li.gallery_last {
    margin-right: 0;
}

.gallery_thumbs .gallery_caption {
    padding: 15px 0 7px;
}

.gallery_thumbs .gallery_caption h2 {
    font-size: 14px;
    color: #000;
    line-height: 18px;
}

/* ================================= */
/* Footer */
/* ================================= */

#footer {
    clear            : both;
    text-align       : center;
    background-color : #003A54;
    display          : block;
    width            : 100%;
    float            : left;
    padding          : 40px 0;
	color: #fff;
}

#footer a {
    color     : #fff;
}

#footer a:hover {
    color : #a5e4ff;
}

.site_by {
    display : block;
    padding : 10px 0 0;
}

.site_by img {
    display : inline-block;
    margin  : -11px 0 0 2px;
}

.footerNav {
    margin-bottom : 10px;
}

#footer li {
    display    : inline;
    list-style : none;
    margin     : 0 5px 0;
}

.byLine {
    white-space : nowrap;
}

.byLine span {
    position : relative;
    display  : inline-block;
    top      : -6px;
    margin   : 0 3px 0;
}

#footer .footer_left {
    text-align : left;
}

#footer .footer_left strong {
	font-family: 'Roboto Slab';
	font-weight: normal;
	}

#footer .footer_left h2 {
    font-size   : 13px;
    font-weight : bold;
    color       : #000;
}

#footer .footer_left li, #footer .footer_left li a {
    margin      : 0;
}

#footer .footer_left li {
    display    : block;
    list-style : none;
    margin     : 0 6px 0 0;
    padding     : 0 6px 0 0;
    text-align : left;
	border-right: 1px solid #fff;
	float: left;
}

#footer .footer_left li:nth-last-child(1) {
	border-right: none;
	}

#footer .footer_right {
    padding-top : 22px;
    text-align  : right;
}

#footer .footer_right li {
    display    : inline-block;
    list-style : none;
    margin     : 0 0 0 11px;
}

#footer .footer_right ul {
    margin-bottom : 10px;
}

/* ================================= */
/* Sitemap */
/* ================================= */

.content ul.sitemap {
    list-style : none;
    margin     : 0px;
    padding    : 0px;
}

ul.sitemap li a {
    padding : 5px 0px 3px;
    display : block;
}

ul.sitemap a:hover {
    color : #000;
}

ul.sitemap li.sitemapHeading > a {
    font-size     : 16px;
    padding       : 10px 5px;
    margin        : 0px 0px 0px;
    border-bottom : 1px solid #dddddd;
    font-weight   : bold;
    display       : block;
}

ul.sitemap li.sitemapHeading > a:hover {
    background    : #eee;
    border-bottom : 1px solid #aaa;
}

.byLine {
    white-space : nowrap;
}

.byLine span {
    position : relative;
    display  : inline-block;
    top      : -5px;
    margin   : 0 3px 0;
}

/* ================================= */
/* Breadcrumbs */
/* ================================= */

#breadcrumbs {
    display : block;
    width   : 100%;
}

.content #breadcrumbs ul {
    list-style : none;
    margin     : 14px 0;
    display    : block;
    position   : relative;
    float      : left;
    width      : 95%;
}

.content #breadcrumbs ul li {
    display : inline;
    padding : 0 5px 0 0;
}

.content #breadcrumbs ul li a {
    padding        : 0 5px 0 0;
    color          : #888;
    font-size      : 12px;
    text-transform : uppercase;
}

.content #breadcrumbs ul li a:hover {
    color : #000;
}

.content span.breadcrumbDivider {
    color       : #888;
    padding     : 0;
    display     : inline-block;
    font-size   : 13px;
    line-height : 12px;
}

.content #breadcrumbs ul li a.currentBreadcrumb {
    color          : #000;
    text-transform : none;
}

/* ================================= */
/* Enquiry Form */
/* ================================= */

.required_fields_heading {
    font-size : 11px;
}

.form_required i, .required_fields_heading i {
    color : #ff0000;
}

.form_label, .form_required, .form_field {
    margin : 6px 0;
}

.form_label {
    width   : 20%;
    padding : 7px 0 0 0;
    clear   : both;
}

.form_required {
    width   : 5%;
    padding : 10px 0 0 0;
}

.form_field {
    width      : 75%;
    min-height : 30px;
}

.content .errorInput {
    background         : url(/images/icons/error.gif) no-repeat right 3px #fff;
    -webkit-box-shadow : #E59595 0 0 4px;
    -moz-box-shadow    : #E59595 0 0 4px;
    box-shadow         : #E59595 0 0 4px;
    border             : 1px solid #CC0000;
}

.imageVerification * {
    vertical-align  : middle;
    margin          : 0 5px 0 0;
    text-decoration : none !important;
}

.imageVerification input,
.imageVerification input[type="text"] {
    width : 25%;
}

.errorText {
    color : #CC0000;
}

input.hintText, .form_note {
    color : #999999;
}

/* ================================= */
/* Form Fields Inputs */
/* ================================= */

input, textarea, select {
	font-family: 'Roboto Slab';
    outline     : none;
    width: 100%;
	-webkit-border-radius: 0;
}

input[type="text"], input[type="email"], input[type="number"], input[type="url"], input[type="password"], textarea, select {
    width                 : 100%;
    padding               : 6px;
    border                : 1px solid #BABABA;
    -webkit-box-shadow    : rgba(255, 255, 255, 0) 0 0 4px;
    -moz-box-shadow       : rgba(255, 255, 255, 0) 0 0 4px;
    box-shadow            : rgba(255, 255, 255, 0) 0 0 4px;
    -moz-transition       : box-shadow linear 0.2s, border linear 0.2s;
    -webkit-transition    : box-shadow linear 0.2s, border linear 0.2s;
    -o-transition         : box-shadow linear 0.2s, border linear 0.2s;
    transition            : box-shadow linear 0.2s, border linear 0.2s;
    -webkit-box-sizing    : border-box;
    -moz-box-sizing       : border-box;
    -ms-box-sizing        : border-box;
    -o-box-sizing         : border-box;
    box-sizing            : border-box;
}

input[type="text"]:focus, input[type="email"]:focus, input[type="number"]:focus, input[type="url"]:focus, input[type="password"]:focus, textarea:focus {
    border             : 1px solid #333 !important;
    /*-webkit-box-shadow : #ED5C33 0 0 4px !important;
    -moz-box-shadow    : #ED5C33 0 0 4px !important;
    box-shadow         : #ED5C33 0 0 4px !important;*/
}

/* ================================= */
/* Tables */
/* ================================= */

table.invisibleTable tr:hover .mceLayout td {
    border-top : 1px solid #ccc;
}

table.invisibleTable tr .mceLayout td table {
    margin : 10px 0 5px !important;
}

/* ================================= */
/* Buttons */
/* ================================= */

input[type="submit"], button, .button {
    padding               : 8px 17px !important;
    background-color      : none;
    border                : 1px solid #46A0D8;
    display               : inline-block;
    line-height           : normal !important;
    color                 : #46A0D8 !important;
    font-weight           : normal;
    cursor                : pointer;
    width                 : auto !important;
	font-family: 'Roboto Slab';
}

input[type="submit"]:hover, button:hover, .button:hover {
    color               : #fff !important;
    text-decoration     : none;
    background-color    : #46A0D8;
    /* Buttons in IE7 don't get borders, so darken on hover */
    background-position : 0 -15px;
    -webkit-transition  : background-position 0.1s linear;
    -moz-transition     : background-position 0.1s linear;
    -o-transition       : background-position 0.1s linear;
    transition          : background-position 0.1s linear;
}

input[type="submit"]:active, button:active, .button:active {
    background-color   : #e6e6e6;
    background-image   : none;
    outline            : 0;
    -webkit-box-shadow : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    -moz-box-shadow    : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
    box-shadow         : inset 0 2px 4px rgba(0, 0, 0, 0.15), 0 1px 2px rgba(0, 0, 0, 0.05);
}

/* ================================= */
/* Errors / Info / Caution */
/* ================================= */

.error_box, .info_box {
    margin       : 0 0 15px 0;
    padding      : 15px;
    border-width : 3px;
    border-style : solid;
    color        : #555555;
}

.error_box {
    border-color     : #C30000;
    background-color : #FFF2ED;
    color            : #C30000;
}

.info_box {
    border-color     : #D5F296;
    background-color : #F2FCDC;
}

.content .error_box ul {
    margin-bottom : 0;
}

.info_box i {
    margin : 0 8px 0 0;
}

/* ================================= */
/* Message Boxes */
/* ================================= */

.msg_box {
    position     : relative;
    margin       : 20px 0;
    padding      : 10px 10px 10px 45px;
    width        : 640px;
    border-width : 2px;
    border-style : solid;
    /* border-radius: 5px; */
    color        : #555555;
}

.msg_box.info {
    background   : #E1F2F7 url('/images/icons/information.png') no-repeat 15px 11px;
    border-color : #C5E4ED;
}

.msg_box.success {
    background   : #F2FCDC url('/images/icons/accept.png') no-repeat 15px 11px;
    border-color : #D5F296;
}

.msg_box.caution {
    background   : #FFFCD9 url('/images/icons/error.png') no-repeat 15px 11px;
    border-color : #F5F0AE;
}

.msg_box.error {
    background   : #FFF2ED url('/images/icons/exclamation.png') no-repeat 15px 11px;
    border-color : #F5C2AE;
}

.msg_box a.close {
    position : absolute;
    top      : 3px;
    right    : 0px;
    padding  : 5px 10px;
}

/* ================================= */
/* Icons */
/* ================================= */

.small-icon {
    font-size : 14px;
}

.medium-icon {
    font-size      : 22px;
    vertical-align : middle;
}

.large-icon {
    font-size      : 35px;
    vertical-align : middle;
}

/* ================================= */
/* TinyMCE */
/* ================================= */

.editor {
    width : 100%;
}

.mini_editor { }

.content .mceEditor table {
    margin : 0;
}

/* ====================================== MODULES ====================================== */

/* ================================= */
/* Locations / Locator Module */
/* ================================= */

#locationSearch {
    font-size   : 11px;
    line-height : 20px;
    color       : #fff;
    padding     : 20px 9px;
    background  : #ED5C33;
    position    : relative;
    margin      : 0 0 18px 0;
}

.locationSearchHeading {
    font-size   : 16px;
    font-weight : bold;
}

.content #locationSearch span.locationIcon {
    background-image : url(/images/buttons/locator_icon.png);
    bottom           : 16px;
}

#locationSearch input[type="text"] {
    width        : 80%;
    padding      : 3px 33px 3px 7px;
    height       : 16px;
    line-height  : 16px;
    background   : #CCCCCC !important;
    border-color : #fff !important;
    color        : #fff;
    font-size    : 11px;
    margin-top   : 4px;
}

::-webkit-input-placeholder {
    color : #999;
}

:-moz-placeholder {
    color : #999;
}

#locationSearch input[type="text"]:focus {
    -webkit-box-shadow : #fff 0 0 4px !important;
    -moz-box-shadow    : #fff 0 0 4px !important;
    box-shadow         : #fff 0 0 4px !important;
}

#locationSearch input[type="image"] {
    position : absolute;
    right    : 14px;
    bottom   : 21px;
}

#location_search_map {
    height : 600px;
}

.state-box {
    margin-bottom : 20px;
}

#store-location-text li {
    margin-bottom : 10px;
}

.location_num {
    background  : url(/images/backgrounds/locator_num_bg.png) no-repeat;
    color       : #fff;
    width       : 20px;
    height      : 27px;
    text-align  : center;
    font-weight : bold;
    padding     : 2px 0 0;
}

.location_content {
    margin-left : 27px;
}

#store-location-text h2 {
    margin-bottom : 10px;
}

#store-location-text h3 {
    margin-bottom : 5px;
}

#store-location-text h3 a {
    color : #1E1E1E;
}

.contactDetailsTable td {
    padding : 0 10px 10px 0;
}

a.phoneLink {
    color : #1E1E1E;
}

#location_map {
    height : 300px;
}

/* ================================= */
/* Contact Page */
/* ================================= */
.contactPage h1 {
    color: #003A54;
}

.contactPage h2 {
    color: #003A54;
    font-weight: 400;
    text-transform: none;
    line-height: 34px;
    margin-bottom: 30px;
    word-break: break-all;
}

@media screen and (max-width:767px) {
    .contactPage table tr td:first-child {
        display : none;
    }

    .contactPage table tr td:last-child h2 {
        text-align: center !important;
    }
}
/* ================================= */
/* People / Staff / Team Module */
/* ================================= */

.people_wrapper {
}

.people_person {
	float: left;
	width: 50%;
	margin-bottom: 30px;
}

.people_person h3, .people_view h3 {
	font-weight: normal;
	text-transform: capitalize;
	font-family : 'Roboto Slab', Arial, Helvetica, sans-serif;
	}

.people_person h4, .people_view h4 {
	color       : #46A0D8;
	margin-bottom: 2px;
	}

.people_view h4 {
	margin-bottom: 15px;
	font-size: 16px;
	}

.people_person.left .people_person_inner {
	margin-right: 15px;
	}

.people_person.right .people_person_inner {
	margin-left: 15px;
	}

.people_image_wrapper {
	width: 40%;
	float: left;
	}

.people_content_wrapper {
	padding-top: 3px;
	width: 60%;
	float: left;
	}

.people_content_padding {
	padding-left: 20px;
	}

.people_person a, .people_person a:link, .people_person a:visited, .people_person a:active {
    display       : block;
    border-bottom : 1px solid transparent;
    padding       : 0 0 8px;
    margin        : 0 0 8px;
}

.people_person a:hover {
}

.people_person img {
    display    : block;
    text-align : center;
}

img.people_person_image, .people_person img {
    border : 4px solid #46A0D8;
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
}

.people_person a:hover img {
    border : 4px solid #46A0D8;
}

.people_person p {
    display     : block;
    margin      : 0 0 5px !important;
    color       : #222;
}

.people_person p span {
	color: #808391;
	}

.people_person p.readMore {
	color: #46A0D8 !important;
	}


/* ================================= */
/* FAQs Module */
/* ================================= */

.content .faqs, #content .faqs li {
    margin: 0;
    padding: 0;
}

.content .faqs {
    margin-bottom: 20px;
}

.faq_title {
    cursor: pointer;
    background: #F2F3F3;
    border-bottom: 1px solid #ddd;
    padding: 10px;
    margin: 0;
    font-size: 16px;

    background: #f2f3f3; /* Old browsers */
    background: -moz-linear-gradient(top,  #f2f3f3 1%, #e8e8e8 100%); /* FF3.6+ */
    background: -webkit-gradient(linear, left top, left bottom, color-stop(1%,#f2f3f3), color-stop(100%,#e8e8e8)); /* Chrome,Safari4+ */
    background: -webkit-linear-gradient(top,  #f2f3f3 1%,#e8e8e8 100%); /* Chrome10+,Safari5.1+ */
    background: -o-linear-gradient(top,  #f2f3f3 1%,#e8e8e8 100%); /* Opera 11.10+ */
    background: -ms-linear-gradient(top,  #f2f3f3 1%,#e8e8e8 100%); /* IE10+ */
    background: linear-gradient(to bottom,  #f2f3f3 1%,#e8e8e8 100%); /* W3C */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f2f3f3', endColorstr='#e8e8e8',GradientType=0 ); /* IE6-9 */
}

.faq_title:hover {
    background: #f2f3f3;
}

.faq_title i {
    float: right;
    margin: 2px 4px 0 0;
}

.faq_content {
    display:none;
    padding: 10px 10px 0;
}


/* ====================================== PLUGINS ====================================== */

/*
 * jQuery FlexSlider v2.0
 * http://www.woothemes.com/flexslider/
 *
 * Copyright 2012 WooThemes
 * Free to use under the GPLv2 license.
 * http://www.gnu.org/licenses/gpl-2.0.html
 *
 * Contributing author: Tyler Smith (@mbmufffin)
 */

/* Browser Resets */
.flex-container a:active,
.flexslider a:active,
.flex-container a:focus,
.flexslider a:focus { outline : none; }

.slides,
.flex-control-nav,
.flex-direction-nav { margin : 0; padding : 0; list-style : none; }

/* FlexSlider Necessary Styles
*********************************/
.content .flexslider ul, .flexslider { margin : 0 0 0; padding : 0; }

.flexslider .slides > li { display : none; -webkit-backface-visibility : hidden; }

/* Hide the slides before the JS is loaded. Avoids image jumping */
.flexslider .slides img { width: 100%; display: block; max-height: none; }

.flex-pauseplay span { text-transform : capitalize; }

.flexslider li { position : relative; }

.banner_text_wrapper { position: absolute; top: 20%; left: 0px; width: 100%; height: 80%; }

.banner_text_wrapper .container_24 { position: relative; }

.banner_text_wrapper .banner_text { position: relative; top : 0px; left: 0px; }

.banner_text { text-align: left; display : block; position : absolute; top : 27%; left : 4%; }

.banner_text h2 { font-size : 35px; line-height : 39px; color : #000 }

.banner_text p { font-weight: bold; margin-bottom: 15px; }

/* Clearfix for the .slides element */
.slides:after { content : "."; display : block; clear : both; visibility : hidden; line-height : 0; height : 0; }

html[xmlns] .slides { display : block; }

* html .slides { height : 1%; }

/* No JavaScript Fallback */
/* If you are not using another script, such as Modernizr, make sure you
 * include js that eliminates this class on page load */
.no-js .slides > li:gallery_first-child { display : block; }

/* FlexSlider Default Theme
*********************************/
.flexslider { margin : 0px; background: transparent; position : relative; zoom : 1; overflow : visible; }

.flex-viewport { max-height : 2000px; -webkit-transition : all 1s ease; -moz-transition : all 1s ease; transition : all 1s ease; }

.loading .flex-viewport { max-height : 300px; }

.flexslider .slides { zoom : 1; margin : 0; }

.flexslider.multiple .slides li { margin-right: 20px; }

.carousel li { margin-right : 5px }

.flexslider ul, .flexslider ol {
    margin-bottom : 0 !important;
}

.flexslider ul li {
    margin-bottom : 0 !important;
    padding       : 0 !important;
}

/* Cropped Slides */
/* Requires some tuning depending on the size of the banners you're working with. */

.flexslider.slide_crop li {
    overflow: hidden;
    text-align: center;
}

.flexslider.slide_crop .slide {
    float:             none;
    display:           inline-block;
    height:            auto;
    width:             auto;
    min-width:         100%;
    max-width:         190%; /* Adjust this value to set the cutoff point */

    position:          relative;
    left:              50%;
    -webkit-transform: translateX(-50%);
    -moz-transform:    translateX(-50%);
    -ms-transform:     translateX(-50%);
    -o-transform:     translateX(-50%);
    transform:         translateX(-50%);
}

.no-csstransforms .flexslider.slide_crop  .slide {
    /* Center the banner for older browsers like IE8. */
    width:       1900px; /* Set to the slide width */
    left:        -950px; /* Half of the slide width */
    margin-left: 50%;
}


/* Direction Nav */
.flex-direction-nav li { position: static; height: 0px; }

.flex-direction-nav a { width : 24px; height: 100%; margin: 0; padding: 0px 0px; display: block; position: absolute; z-index: 99; top: 0px; cursor: pointer; text-indent: -9999px; opacity: 0; transition: all .3s ease; }

.flex-direction-nav .flex-next,
.direction_inside .flex-direction-nav .flex-next { background: url(/images/backgrounds/direction_nav_next.png) no-repeat center center; right: 0px; }
.flex-direction-nav .flex-prev,
.direction_inside .flex-direction-nav .flex-prev { background: url(/images/backgrounds/direction_nav_prev.png) no-repeat center center; left: 0px; }

.direction_outside .flex-direction-nav .flex-next { z-index: 99; right: auto; left: 100%; }
.direction_outside .flex-direction-nav .flex-prev { z-index: 99; left: auto; right: 100%; }

.direction_fixed .flex-direction-nav .flex-next,
.direction_fixed .flex-direction-nav .flex-prev { background-size: 12px 24px; width: 12px; height: 24px; top: auto; bottom: 10%; right: 4%; left: auto; opacity: 1; padding: 0px 10px; }
.direction_fixed .flex-direction-nav .flex-prev { margin-right: 30px; }

html.touch .flexslider .flex-next, html.touch .flexslider .flex-prev, /* Show buttons by default if the browser is touch enabled. */
.flexslider:hover .flex-next, .flexslider:hover .flex-prev { opacity: 1; padding: 0px 10px; }

.flex-direction-nav .disabled { opacity: .3 !important; filter: alpha(opacity=30); cursor: default; }

/* Control Nav */
.flex-control-nav, #copy .flex-control-nav { position: absolute; z-index: 99; bottom : 10%; left : 4%; text-align : center; margin: 0px 5px; }

.flex-control-nav.container_24, #copy .flex-control-nav.container_24 { position: relative; z-index: 99; top: -50px; bottom: auto; bottom: auto; left: auto; text-align: center; margin: 0px auto; height: 0px; text-align: left; }

.control_outside .flex-control-nav, #copy .control_outside .flex-control-nav { padding: 5px 0px; margin: 0px auto; position: relative; top: auto; right: auto; bottom: auto; left: auto; }

.flex-control-nav li, #copy .flex-control-nav li { display: inline-block; zoom: 1; *display: inline; margin-left: 5px; margin-right: 5px; }

.flex-control-paging li a { width : 25px; height : 25px; display : block; background : #46A0D8; cursor : pointer; text-indent : -9999px; -webkit-border-radius : 20px; -moz-border-radius : 20px; -o-border-radius : 20px; border-radius : 20px; }

.flex-control-paging li a:hover { background : #EEEEEE; }

.flex-control-paging li a.flex-active { cursor : default; box-shadow : none; position : relative;
    background                                 : #FFF; /* Old browsers */
}

.flex-control-thumbs { margin : 5px 0 0; position : static; overflow : hidden; }

.flex-control-thumbs li { width : 25%; float : left; margin : 0; }

.flex-control-thumbs img { width : 100%; display : block; opacity : .7; cursor : pointer; }

.flex-control-thumbs img:hover { opacity : 1; }

.flex-control-thumbs .active { opacity : 1; cursor : default; }


/* **********************************************************************************
    Tipsy
    ********************************************************************************** */

.tipsy { font-size: 14px; position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #003A54; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }

  /* Uncomment for shadow */
  /*.tipsy-inner { box-shadow: 0 0 5px #000000; -webkit-box-shadow: 0 0 5px #000000; -moz-box-shadow: 0 0 5px #000000; }*/

  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #003A54; }

  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #003A54; }
  .tipsy-arrow-s { border-top-color: #003A54; }
  .tipsy-arrow-e { border-left-color: #003A54; }
  .tipsy-arrow-w { border-right-color: #003A54; }

    .tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }

/* **********************************************************************************
	CUSTOM LIGHT BOX
	********************************************************************************** */

#colorbox {
	}

#cboxContent, #cboxLoadedContent {
	background: #fff;
	}

#cboxContent {
	border: 1px solid #757779;
	}

#cboxLoadedContent {
	padding: 30px 70px;

	}

#cboxLoadedContent h1 {
	text-align: center;
	background: none;
	padding: 20px 0;
	}

#cboxClose {
	background: url(images/backgrounds/popup-close.gif) no-repeat 0 0;
	width: 56px !important;
	height: 76px;
	right: 20px;
	top: 20px;
	}

#cboxClose:hover {
	background-position: 0;
	}

#cboxContent table td {
	width: 50%;
	padding: 0 10px;
	}

#cboxLoadedContent .andBackground {
	display: none;
	}

#cboxLoadedContent h1.hasAnd {
	text-align: center;
	background: url(images/backgrounds/and-back.png) no-repeat top center;
	background-size: auto 100%;
	padding: 20px 0;
	}

#cboxLoadedContent p {
	margin-bottom: 20px;
	}

#cboxLoadedContent a {
	color: #46A0D8 !important;
	}

#cboxLoadedContent a:hover {
	text-decoration: underline;
	}

/* **********************************************************************************
	CUSTOM PAGES - HOMEPAGE LOADING
	********************************************************************************** */


/* **********************************************************************************
	CUSTOM PAGES - ABOUT
	********************************************************************************** */

#aboutPage #animateBanner {
	background-position: center center !important;
	}

#about-fast-factsPage {
	background: #fff;
	}

/* **********************************************************************************
	CUSTOM PAGES - VISION
	********************************************************************************** */

#visionPage #copy table td {
	width: 50%;
	padding: 0 15px;
	}

/* **********************************************************************************
	CUSTOM PAGES - INVESTOR
	********************************************************************************** */

#investorsPage #animateBannerInvestors {
	background-position: center center !important;
	}

#navigationPages, #navigationPagesTwo {
	background: #fff;
	}

.investorLinks {
	display: inline-block;
	text-align: center;
	}

/* **********************************************************************************
	CUSTOM PAGES - INNER REPOSITION
	********************************************************************************** */

#announcementsPage .animateBanner, #reportsPage .animateBanner, #newsPage .animateBanner {
 background-position: center -50px;
	}

.phoneIcon, .mailIcon {
	text-align: center;
	width: 100px;
	height: 100px;
	background: #003A54;
	color: #fff !important;
	-webkit-border-radius: 80px;
	border-radius: 80px;
	display: inline-block;
	font-size: 60px;
	line-height: 100px;
	margin: 0 10px;
	overflow: hidden;
	}

.phoneIcon span, .mailIcon span {
	width: 53px;
	height: 53px;
	display: block;
	margin: 20px auto;
	}

.phoneIcon span {
	background: url(/images/backgrounds/about-phone.png) left bottom no-repeat;
	}

a.phoneIcon:hover span {
	background: url(/images/backgrounds/about-phone.png) 0 0 no-repeat;
	}

.mailIcon span {
	background: url(/images/backgrounds/about-email.png) left bottom no-repeat;
	}

a.mailIcon:hover span {
	background: url(/images/backgrounds/about-email.png) 0 0 no-repeat;
	}


.phoneIcon:hover, .mailIcon:hover {
	color: #0895D3 !important;
	}

.full-width-investors #innerPages {
	margin-left: 20px;
	}

.full-width-investors #innerPages .innerpageWrapper {
	margin-bottom: 30px;
	margin-top: 20px;
	}

.full-width-investors #innerPages .innerpageWrapper.middle {
	margin-left: -10px;
	margin-right: -10px;
	}

#navigationPages #innerPages .innerpageWrapper > div, #navigationPagesTwo #innerPages .innerpageWrapper > div {
	background: none;
	height: 140px;
	text-align: center;
	margin: 20px 0;
	-webkit-border-radius: 0;
	border-radius: 0;
	}

#navigationPages #innerPages .innerpageWrapper.middle > div, #navigationPagesTwo #innerPages .innerpageWrapper.middle > div {
	border-left: 1px solid #46A0D8;
	border-right: 1px solid #46A0D8;
	}

#navigationPages #innerPages .innerpageWrapper > div > div, #navigationPagesTwo #innerPages .innerpageWrapper > div > div {
	display: table-cell;
	vertical-align: middle;
	color: #003A54;
	font-size: 30px;
	line-height: 34px;
	padding: 0px 10px;
	}


#navigationPages #innerPages .innerpageWrapper > div > div.normalContent, #navigationPagesTwo #innerPages .innerpageWrapper > div > div.normalContent {
	font-size: 14px;
	line-height: 18px;
	display: none;
	height: 100%;
	}

#navigationPages #innerPages .innerpageWrapper > div:hover .titleContent, #navigationPagesTwo #innerPages .innerpageWrapper > div:hover .titleContent {
	display: none;
	}

#navigationPages #innerPages .innerpageWrapper > div:hover .normalContent, #navigationPagesTwo #innerPages .innerpageWrapper > div:hover .normalContent {
	display: table-cell;
	}

#navigationPagesTwo .andBackground {
	color: #EDEDEE !important;
    left: 33%;
    font-size: 120px !important;
	}

/* Accordion */

#accordian-wrapper {
	background:  #A6A8AB;
	}

#accordian-wrapper .liteAccordion .slide > h2 span {
	display: block;
	padding-right: 0%;
	text-align: center;
	height: 100%;
	margin-top: 0px;
	}

#accordian-wrapper .liteAccordion.basic .slide > h2 {
	background: #A6A8AB;
	color: #013B53;
	line-height: 60px;
	}

#accordian-wrapper .liteAccordion.basic .slide:nth-child(even) > h2 {
	background: #ededee;
	}

#accordian-wrapper .liteAccordion.basic .slide > h2:hover {
	color: #469FD7;
	}

#accordian-wrapper .projects-tab a {
	width: 100%;
	height: 100%;
	float: left;
	background-size: auto 100%;
	}

#accordian-wrapper .content-tab p {
	line-height: 18px;
	margin-bottom: 5px;
	}

#accordian-wrapper .content-tab > div {
	padding: 20px;
	}

#accordian-wrapper .content-tab ul {
	margin-left: 25px;
	}

#accordian-wrapper .content-tab ul li {
	list-style: circle;
	}


/*	==================================================================================
	Parallax
	================================================================================== */
.parallax_container {
    float: left;
    display: block;
    width: 100%;
    background: #fff;
}

.animateBanner,
.animateBanner_overlay {
    height: 599px;
    /*float: left;
    width : 100%;*/
    background-repeat: no-repeat;
}

.animateBanner {
    text-align: center;
    background-position: center -200px;
    background-size: auto 800px;
}

    .parallax_container_first .animateBanner {
        background-position: 50% 0;
    }

.animateBanner_overlay {
    background-position: center center;
    background-size: auto 600px;
    display: block;
    opacity: 0.9;
}

.animateBanner img {
    margin: 0 auto;
    height: 100%;
    max-height: 100%;
    max-width: auto;
    width: auto;
}

@media screen and (max-width: 964px) {
    .animateBanner, .animateBanner_overlay { height : 475px; }
    .animateBanner { background-size: auto 675px; }
    .animateBanner_overlay { background-size: auto 475px; }
}

@media screen and (max-width: 767px) {
    .animateBanner, .animateBanner_overlay { height : 400px; }
    .animateBanner { background-size: auto 600px; }
    .animateBanner_overlay { background-size: auto 400px; }
}

@media screen and (max-width: 642px) {
    .animateBanner, .animateBanner_overlay { height : 200px; }
    .animateBanner { background-size: auto 400px; }
    .animateBanner_overlay { background-size: auto 200px; }}

/* **********************************************************************************
	CUSTOM PAGES - PROJECTS
	********************************************************************************** */
.projects_map_bg {
    background-color: #43A0D9 !important;
}

#projectsPage .animateBannerProjects {
	background-position: center center !important;
	}

.full-width-projects .content {
	padding-top: 0;
	padding-bottom: 0;
	}

.full-width-projects #copy {
	background-size: 100%;
	min-height: 691px;
	}

#project-holder {
	width: 280px;
	float: right;
	}

#project-holder li {
    text-align: right;
}

.projectPin {
	position: absolute;
	display: none;
	font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
	letter-spacing : 0;
	font-style     : normal;
	font-weight: normal;
	font-size: 15px;
	display: block;
	padding: 10px 15px 10px 20px;
	color: #000 !important;
	width: 50px;
	text-align: left;
	text-indent: 0px;
	line-height: 16px;
	}

.projectPin.projectPinbowen-basin {
    left: 80%;
    top: 67%;
	}

.projectPin.projectPincarpentaria-basin {
    left: 60%;
    top: 42%;
	}

.projectPin.projectPincooper-eromanga-basin {
    top: 79%;
    left: 63%;
	}

.projectPin.projectPingalilee-basin {
    top: 61%;
    left: 64%;
	}

.projectPin.projectPinmaryborough-basin {
    top: 81%;
    left: 86%;
	}

.projectPin.projectPinsouth-georgina-basin {
    top: 56%;
    left: 45%;
	}

.projectPin.projectPinsurat-basin {
    top: 87%;
    left: 84%;
	}

.projectPin.projectPinwiso-basin {
    top: 36%;
    left: 25%;
	}

.projectPin.projectPinamadeus-basin {
	top: 69%;
	left: 7%;
	}

.projectPin.projectPineromanga-basin {
	top: 69%;
	left: 28%;
	}

.projectPin.projectPingreater-mcarthur-basin {
	top: 33%;
	left: 27%;
	}

#cse-search-results iframe {
	width: 100% !important;
	}

#cse-search-results .gs-webResult {
	width: 100% !important;
	}


a.projectPin:hover {
	color: #fff !important;
	}

.full-width-projects h1 {
	margin-bottom: 10px !important;
	}

#project-list {
	font-size: 24px;
	line-height: 20px;
	}

#project-list a {
	color: #ccc;
    font-size: 18px;
}

#project-list li a.projectPin {
	color: #999 !important;
    font-weight: 700;
    font-size: 12px;
    line-height: 17px;
    text-transform: uppercase;
}

#project-list li:hover a {
	color: #003A54 !important;
}

#project-list li:hover a.projectPin {
    color: #003A54 !important;
}

#copy #project-list li:before {
	content: none;
}

/* PROJECT VIEW PAGE */

.projectImageHolder {
	float: left;
	width: 50%;
	}

.projectNewsHolder {
	margin-top: 20px;
	}

.projectNewsHolder h3 {
	font-size: 16px;
	margin-bottom: 15px;
	}

.projectNewsHolder .borderWrapper {
	width: 30%;
	margin-right: 3%;
	float: left;
	vertical-align: middle;
	display: inline-block;
	height: 100px;
	}

.projectNewsHolder .borderWrapper .imageWrapper {
	position:relative;
	width: 100%;
	height: 100%;
	}

.projectNewsHolder .borderWrapper img {
	position:absolute;
	top:0;
	bottom:0;
	left: 0;
	right: 0;
	margin:auto;
	}

.projectContentHolder {
	float: left;
	width: 50%;
	}

.projectImageWrapper {
	border: 1px solid #c7e1ed;
    position: relative;
	}

.projectContentHolder > div {
	padding-right: 20px;
	}

.projectImageHolder > div {
	padding-left: 20px;
	}

#textProject {
	min-height: 150px;
	padding-bottom: 40px;
	}

#copy #textProject .flex-control-nav {
	bottom: 0px;
	left: 0;
	width: 100%;
	}

#cboxLoadedContent .grid_24 {
    width: 100%;
}

#project-view {
    position: relative;
	padding-bottom: 50px;
}

#project-view h2 {
	text-align: center;
	font-size: 16px;
	line-height: 22px;
	}

#project-view .projectSummary ul {
	margin-left: 3px;
	font-size: 16px;
	line-height: 22px;
	font-family: 'Roboto Slab', Arial, Helvetica, sans-serif;
	letter-spacing: 0;
	font-style: normal;
	font-weight: normal;
	color: #46A0D8;
	}

#project-view .projectSummary ul li {
	text-indent: -18px;
	margin-left: 15px;
	}

#project-view .projectSummary ul li:before {
	font-size: 30px;
	}

.projectContentHolder ul {
	list-style : none;
	padding    : 0px;
	margin     : 0px 10px 15px;
	}

.projectContentHolder ul li {
	text-indent : -10px;
	margin-left : 10px;
	padding     : 3px 0px;
	}

.projectContentHolder #textProject ul {
	margin     : 0px;
	}

.projectContentHolder #textProject li {
	text-indent : 0px;
	margin-left : 0px;
	}

.projectContentHolder #textProject li:before {
	content     : none !important;
	}

.projectType {
	width: 100%;
	text-align: center;
	margin-top: 40px;
	height: 100px;
	}

.reservesImg {
	margin: 10px 0;
	float: left;
	width: 100%;
	}

.reservesImg img {
	width: 100%;
	}

/* **********************************************************************************
	CUSTOM PAGES - REPORTS
	********************************************************************************** */

#reportsPage #animateBannerReports, #reports-viewPage #animateBannerReports, #reports-viewPage .inner_page_banner {
	background-position: center center !important;
	}

.reportRecentWrapper {
	margin-bottom: 40px;
	padding-bottom: 40px;
	border-bottom: 1px solid #888;
	}

.reportRecentWrapper .grid_6 img, .reportRecentWrapper .grid_4 img {
	margin-bottom: 20px;
	}

.reportRecentWrapper > a:hover h3 {
	color: #46A0D8 !important;
	}

.reportRecentWrapper h3 {
	color: #fff;
	font-family: 'Roboto Slab';
	text-transform: none;
	line-height: 22px;
	}

.reportNavigation {
	width: 100%;
	display: inline-block;
	text-align: center;
	font-family: 'Roboto Slab';
	}

.reportNavigation li {
	display: inline-block;
	}

.reportNavigation li:before {
	content: none !important;
	}

.reportNavigation li a {
	border-bottom: 1px solid #757779;
	margin: 5px 10px;
	color: #fff;
	}

.reportNavigation li a:hover {
	border-bottom: 1px solid #46A0D8;
	}

.reportRecentWrapper .grid_4 {
	margin-top: 20px;
	}

.reportRecentWrapper .grid_4 h3 {
	font-size: 14px;
	}

.reportRecentWrapper .button {
	font-size: 13px;
	color: #ccc !important;
	border: 1px solid #ccc;
	margin-top: 20px;
	}

.reportRecentWrapper .button:hover {
	font-size: 13px;
	color: #fff !important;
	border: 1px solid #fff;
	margin-top: 20px;
	background: none;
	}

#primaryLevelNav {
	margin-left: 0px !important;
	}
	
/* Flexslider Content Overrides */
#textProject .flex-active-slide p {
	padding-right: 10px !important;
}


/* KEN BURNS BANNER EFFECTS */

/*  kenburns_slideshow is the wrapper div.
Our list of Images scrolls inside of this frame
To compute the minimum frame size needed:;
image width * scale
image height * scale

if the image size is smaller than the frame size,
gaps may appear. If image sizes are exactly the same,
the images will fade over one another and not move.
*/
#kenburns-slideshow {
	padding-top: 77px;
	position: relative;
	width:100%;
	height: 500px;
	z-index: 1;
	overflow: hidden;
	}

/*  The plugin wraps the images in div.kb-slide. This
allows me to run separate animations simultaneously. */
.kb-slide{
	position: absolute;
	z-index: 1;
	opacity: 0;
	}


/* I used position relative here because IE8
didnt like the opacity when the img was set to absolute*
translate3d(000) kicks them into HW acceleration, and
backface-visibility gives some performance boosts.*/
.kb-slide img{
	position: relative;
	-webkit-transform: translate3d(0,0,0)
	          -moz-transform: translate3d(0,0,0);
	-webkit-backface-visibility: hidden;
	-moz-backface-visibility: hidden;

	}


/* If the script encounters an image that hasnt loaded,
it pops up a little loading wheel. I used a little CSS3
but you could also use a gif to better handle ie8*/
.loader {
	width:32px;
	height:32px;
	top:6px;
	left:550px;
	border:5px solid rgba(128,128,128,0.9);
	opacity:.9;
	border-top:5px solid rgba(0,0,0,0);
	border-left:5px dotted rgba(0,0,0,0);
	border-radius:32px;
	-moz-animation:spin .7s infinite linear;
	-webkit-animation:spin .7s infinite linear;
	}

@-moz-keyframes spin {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(360deg); }
	}
@-moz-keyframes spinoff {
	0% { -moz-transform:rotate(0deg); }
	100% { -moz-transform:rotate(-360deg); }
	}
@-webkit-keyframes spin {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(360deg); }
	}
@-webkit-keyframes spinoff {
	0% { -webkit-transform:rotate(0deg); }
	100% { -webkit-transform:rotate(-360deg); }
	}

#kenburns-description{
	width: 600px;
	background-color:#191919;
	color:#999;
	padding:0 22px 22px 22px;

	}

#kenburns-description p{
	margin:0;
	padding:0;
	line-height: 18px;
	font-size:12px;

	}

#kenburns-description a{
	color:white;
	text-decoration: none;
	}
#kenburns-description a:hover{
	color:green;
	text-decoration: none;
	}

#kenburns-description a:visited{
	color:white;
	}
.title {
	clear: left;
	margin:0;
	padding:15px 0 0 0;
	}
#slide-title{
	font-size: 12px;
	float:left;
	color:#7085B3;
	}
#status{
	color:#333;
	font-size: 12px;
	float:right;
	clear: right;
	}