/*
Theme Name: Idemitsu Theme
Theme URI: http://m2media.com.au
Author: Cassie Selin, M2Media
Author URI: http://m2media.com.au
Description:
Version: 1.0
*/
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:300,400,700);


.verticaltabs td {
	vertical-align:top;
}

/*univeral (mobile first) styles -----------------------------------------*/
body {
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 500;
	color:#484c54;
	min-height: 100vh;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+7,bbbcbe+99 */
background: rgb(255,255,255); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(255,255,255,1) 250px, rgba(187,188,190,1) 99%); /* FF3.6-15 */
background: -webkit-linear-gradient(top,  rgba(255,255,255,1) 250px,rgba(187,188,190,1) 99%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to bottom,  rgba(255,255,255,1) 250px,rgba(187,188,190,1) 99%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#bbbcbe',GradientType=0 ); /* IE6-9 */
}

html {
	font-weight: 300;
}

img {
	max-width:100%;
	height:auto;
}

strong {
	font-weight:bold;
}

.container {
	margin: 0 auto;
	max-width: 1450px;
	width:100%;
	padding: 0px 20px;

}

p, ul, ol {
	font-size: 16px;
	line-height: 1.7;
}

strong {
	font-weight: 700;
}

#content {
}

#content .container {
	background-color:#fff;
	padding-top: 1em;
	padding-bottom: 1em;
}
a {
	    color: #cc0000;
	}
#textcontent a {
	    color: #cc0000;
	    font-weight: 400;
}

h1 a, h2 a, h3 a, h4 a, h5 a, h6 a {
	font-weight: inherit; }

	h1 {
		font-size: 3.2rem;
		line-height: 110%;
		margin: 2.1rem 0 1.68rem 0; }

		h2 {
			font-size: 2.56rem;
			line-height: 110%;
			margin: 1.78rem 0 1.424rem 0; }

			h3 {
				font-size: 1.9rem;
				line-height: 110%;
				margin: 1.46rem 0 1.168rem 0; }
			h3 {
				color:#2688c8;
			}
				h4 {
					font-size: 1.6rem;
					line-height: 110%;
					margin: 1.14rem 0 0.912rem 0; }

					h5 {
						font-size: 1.64rem;
						line-height: 110%;
						margin: 0.82rem 0 0.656rem 0; }

						h6 {
							font-size: 1rem;
							line-height: 110%;
							margin: 0.5rem 0 0.4rem 0; }

.tabcontent h1,.tabcontent h2,.tabcontent h3,.tabcontent h4,.tabcontent h5 {
	color: #000;
}

.tabcontent h1 {
	font-size: 1.5rem;
}
.tabcontent h2 {
	font-size: 1.4rem;
}
.tabcontent h3 {
	font-size: 1.3rem;
}
.tabcontent h4 {
	font-size: 1.2rem;
}
.tabcontent h5 {
	font-size: 1.1rem;
}



							header nav img {
							}

							nav ul a{
							}


							nav ul li:hover, nav ul li.active {
								background-color: rgba(255,255,255,0);}

								nav ul li a:hover, nav ul li a.active, nav ul li.current_page_item a, nav ul li.current_menu_item a {
									text-decoration: underline;
								}


								footer .widget{
								}

								footer .widgettitle {
									color:#4d5058;
								}

								#content {
									color:#444;
								}

	#textcontent ul li, .horizontaltabs .tabcontent ul li, .verticaltabs .tabcontent ul li{
		list-style-type: none;
		background-image: url(img/dotpoint.png);
    	background-position: left top 5px;
    	background-repeat: no-repeat;
		padding-left: 28px;
		background-size: 17px auto;
		margin-left:.5em;
	}

	#content #slider li, #content .maincontant .gform_body ul li, .gform_wrapper ul li.gfield, .verticaltabs ul li, .horizontaltabs ul li {
		background-image:none !important;
		padding:0px !important;
		margin-left:0px !important;
		}
.horizontaltabs .tabcontent ul li, .verticaltabs .tabcontent ul li{
		list-style-type: none;
		background-image: url(img/dotpoint.png) !important;
		background-position: left center;
		background-repeat: no-repeat;
		padding-left: 28px !important;
		background-size: 17px auto;
		margin-left:.5em !important;
	}
		footer .row {
			margin-bottom: 0px;
		}



		.pagination {
			padding: 10px 0px;
			overflow: hidden;
		}

		.pagination  ul li {
			padding: 0px 10px !important;
			background-image: none !important;
		}

		.pagination li.active {
			background-color: #000;
		}


		/*blog styles */

		.blogpost {
			border-bottom: 1px solid #f2f2f2;
			padding-bottom: 1em;
			margin-bottom: 2em;
			overflow:hidden;
		}

		.blogpost .thumbnail {
			min-height: 200px;
			background-size:cover;
			background-position:center center;
			background-color: #f2f2f2;
		}

		.meta {
			font-size: 13px;
		}
		.meta ul {
			display: inline;
			font-size: 13px;
		}
		.meta ul li {
			background-image: none !important;
			display: inline; 
			padding:0px !important;
		}

		img.alignright, .alignleft {float:right; margin:0 0 1em 3em}
		img.alignleft, .alignleft {float:left; margin:0 3em 1em 0}
		img.aligncenter {display: block; margin-left: auto; margin-right: auto}
		a img.alignright {float:right; margin:0 0 1em 3em}
		a img.alignleft {float:left; margin:0 3em 1em 0}
		a img.aligncenter {display: block; margin-left: auto; margin-right: auto}


		.custombtn {
			background-color: #4498cf;
			font-size: 16px;
			display:inline-block;
			padding: .5em 1em;
			color: #fff !important;
			transition: all .5s;

			background-image: url(img/arrow-blue-right.png);
			background-position: right 10px center; 
			background-repeat:no-repeat;
			background-size: auto 16px;
			padding-right: 30px;
		}

		.custombtn:hover{ 
			background-color: #3b81af;
		}


		/*mobile menu  */ 


		ul.mobilemenu {
			display:block;
			float:right;
		}

		ul.mobilemenu li {
			line-height: 0;
			padding: 0px 7px;

		}
		ul.mobilemenu li a {
			padding:0px;
		}
		ul.mobilemenu img {
			max-height: 30px;
			max-width: 30px;
			width:auto;
			margin: 15px 0px !important;
		}


		/*header */ 

		header {
			position:relative; 
			min-height:200px;
			background-position: center center;
			background-size: cover;
			border-bottom: 4px solid #cc0000;
			background-repeat: no-repeat;
			background-color: #3c4049;
			/*gradeint over top */ 

			transition: background 1s linear;
		}

/*		.home header {
			background-position: center bottom;
		}
*/
		header:before {
			width:100%;
			height:100%;
			top:0;
			left:0;
			position:absolute;
			content: " " ;

			/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#5b81ae+0,5b81ae+100&1+7,1+7,0+65 */
			background: -moz-linear-gradient(top,  rgba(91,129,174,1) 0%, rgba(91,129,174,1) 7%, rgba(91,129,174,0) 65%, rgba(91,129,174,0) 100%); /* FF3.6-15 */
			background: -webkit-linear-gradient(top,  rgba(91,129,174,1) 0%,rgba(91,129,174,1) 7%,rgba(91,129,174,0) 65%,rgba(91,129,174,0) 100%); /* Chrome10-25,Safari5.1-6 */
			background: linear-gradient(to bottom,  rgba(91,129,174,1) 0%,rgba(91,129,174,1) 7%,rgba(91,129,174,0) 65%,rgba(91,129,174,0) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
			filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#5b81ae', endColorstr='#005b81ae',GradientType=0 ); /* IE6-9 */

		}

		.home header:before {
			display:none;
		}

		.home .pagetitle {
			    text-shadow: 3px 3px 3px rgba(0, 0, 0, 0.2), -3px -3px 3px rgba(0, 0, 0, 0.2), -3px 3px 3px rgba(0, 0, 0, 0.2), 3px -3px 3px rgba(0, 0, 0, 0.2);

		}
		.sticky-wrapper {
			position: absolute;
			z-index: 999;
			width:100%;
			height:100%;
		}
		.nav-wrapper {
			width:100%;
		}

		.nav-wrapper .brand-logo {
			max-width: 115px;
			display:block;
			text-align:left;
		}

		.mobilenav {
			background-color: #fff; 
			height: 60px;
			border-bottom: 1px solid #5c7898;
		}

		.mobilenav .brand-logo {
			max-width: 182px;
			display:block;
			width:50%;
			float:left;
			padding-top: 8px;
		}

		.header-hamburg {
			float:right;
			color: #fff;
			font-size: 37px;
		}

		/*desktop header */ 
		.nav-wrapper {
			text-align:right;
			transition: background-color .2s, box-shadow .2s, margin .2s;
			height:125px;
			
		}

		.is-sticky .nav-wrapper {
			padding-right:0px;

/*			background-color: #3c4049;

			-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
			-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.5);
*/
			left:0px;

			margin:0px auto;

			
		}

		.nav-wrapper .row{
/*padding-top: 42px;*/			background-color: #fff;
    padding-bottom: 10px;
			transition: background-color .2s, box-shadow .2s, padding .2s;

}

.is-sticky .nav-wrapper .row{
/*	    width: 90%;
*/
padding-top: 12px;

			background-color: #fff;

			-webkit-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
			-moz-box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
			box-shadow: 0px 3px 5px 0px rgba(0,0,0,0.25);
}


.nav-wrapper li a {
	color: #000;
}

.nav-wrapper li {
	display:inline-block;
	padding: 0px .6em;
	font-size:16px;
	position:relative;
}


.pagetitle .row {
	margin-bottom: 0px;
}
.pagetitle {
	color:#fff;
	padding-top:110px;
}

.home .pagetitle h1 {
	padding-bottom: 3em;
}
.pagetitle h1 {
	padding-top: 1em;
	font-size: 3rem;
	font-weight: 400;
}
.headerblurb {
	display:none;
}

.subtitle h2 {
	font-weight: 300;
	font-size: 1.8rem;
}
/*mobile pop over menu */ 

.mobile-menu .contact {
	margin: 15px;
	padding: 15px;
	text-align:center;
	max-width:100%;
	box-sizing:border-box;
}
.mobile-menu {
	display:none; 
	z-index: 999;
	position:absolute;
	background-color: #cc0000;
	color:#fff;
	top:0;
	overflow: scroll;
	height: 100vh;
	width:100vw; 
}

.mobile-menu li a {
	color:#fff;
	display:inline-block;
	padding: 14px 26px;    
	font-size: 20px;
	line-height:1;
	width:100%;
}

.mobile-menu li a:active {
}


.mobile-menu .sub-menu {
	background-color: #a70405;
	padding:10px 0px;
}

.mobile-menu .sub-menu a {
	padding: 10px 26px;  
	font-size:16px;
}

.mobile-menu .sub-menu a:active{
	background-color: #a70405;   
}
.closebtn {
	padding: 25px 25px 0px 0px;
	text-align:right;
}
.closebtn img {
	width:25px;
	display:inline-block;
}
.mobile-menu .menu-item-has-children > a:after {
	content: "expand_more";
	float:right;
	color: #fff;
	font-family: 'Material Icons';
	font-weight: normal;
	font-style: normal;
	font-size: 26px;
	line-height: 26px;
	height: 26px;
	letter-spacing: normal;
	text-transform: none;
	display: inline-block;
	word-wrap: normal;
	-webkit-font-feature-settings: 'liga';
	-webkit-font-smoothing: antialiased;
	left:0;
	top:0;
	bottom:0;
	margin:auto;
	opacity: .8;
	transition: all .2s;

}

.mobile-menu .menu-item-has-children > a.expanded:after {
	-ms-transform: rotate(180deg);
	-webkkit-transform: rotate(180deg);
	transform: rotate(180deg);
	opacity: 1;

}

.mobile-menu .menu-item-has-children > .sub-menu {
	display:none;
}



/*footer */ 

footer.page-footer {
	font-size: 16px;
	background-color:transparent;

}

footer.page-footer a {
	color:#0389e0;
}

footer .newsbox a {
	color: #484c54;
}
footer.page-footer a:hover {
	
}
.footermenu {
	border-top: 1px solid #3c4049;
	text-align:center;
}


#googlemapswidget-2 {
	width:100%;
}

.thumbnail {
	background-color: #919397;
	height: 110px;
	margin-bottom:1em;
	background-size: cover;
	background-position:center center;
}
footer.page-footer .newsbox p {
	font-size: 14px;
	margin: .5em auto;
	max-height: 71px;
	overflow:hidden;
}
/*footer menu */ 

footer.page-footer .footermenu a {
	color:#3c4049;
}
footer.page-footer .footermenu li {
	display:inline-block;
	background-image: none;
	padding-right: 1.2em;
	padding-left:0px;
}
footer.page-footer .textwidget p {
	margin-top: 0px;
	margin-bottom: .2em;
}

/*breakcrumbs */ 

.breadcrumbs .breadcrumb_last {
	color:#484c54;
}
.breadcrumbs a, .breadcrumbs {
	color: #a3a5a9;
}
.breadcrumbs a:hover {
	color: #0072bc;
}
#content .container.breadcrumbs {
	padding-top:1.8em;
}
/*sidebar ----------- */

#sidebar {
	background-color: #f1f1f1;
}

#sidebar h2, #sidebar h2, #sidebar h3, #sidebar h4, #sidebar h5 {

}
#sidebar .updates {
		padding-top: 18px;
	padding-bottom: 18px;

}
#sidebar .updates p {
	margin-bottom :2em;
		padding-left: 26px;
	padding-right: 26px;

}

#sidebar .widgettitle, #sidebar h3 {
	color:#3C4049;
	
	margin-top:26px;
	margin: 0px;

	font-weight:700;
	font-size:19px;

	padding-top: 18px;
	padding-bottom: 18px;
}

#sidebar .widgettitle {
	padding-left: 26px;
	padding-right: 26px;
    border-bottom: 2px solid #C00;
    background-color: #BBBCBE;
}

#sidebar .widgettitle a {
	color:#3C4049;
}
#sidebar ul, #sidebar p {
	margin: 0px;
}
#sidebar ul li a {
	color: #333;
}
#sidebar ul li {
/*    padding-left: 26px;
*/   
/* font-size: 19px;
padding-top: 12px;
padding-bottom: 12px;
border-bottom: 2px solid #fff;
display: block;
padding-right: 26px;
margin-left: 0px !important;

padding-left: 70px;
background-position: left 26px center;
background-size: 30px 30px;
background-repeat:no-repeat;

background-image: url(img/icon-info.png);*/

	font-size: 17px;
    padding-top: 12px;
    padding-bottom: 12px;
    border-bottom: 2px solid #fff;
    display: block;
    padding-right: 26px;
    margin-left: 0px !important;
    padding-left: 53px;
    background-position: left 26px center;
    background-size: auto 17px;
    background-repeat: no-repeat;
    background-image: url(img/arrow-red-right.png);

}
#sidebar ul li:hover, #sidebar ul li.current-menu-item {
	background-color: #0072bc;
	color: #fff;
	background-image: url(img/arrow-white-right.png); /*default */
}
#sidebar ul li:hover a, #sidebar ul li.current-menu-item a {
	color: #fff;
}
#sidebar .projectlocation {
	padding: 0px 26px;
	padding-bottom: 26px;
}

/*links for project pages - environmental-management, community, and approvals-plans-reports */

#sidebar ul.projectlinks li {
/*	padding-left: 70px;
	background-position: left 26px center;
	background-size: 30px 30px;
	background-repeat:no-repeat;*/
	    background-image: url(img/icon-info.png);

}
#sidebar ul.projectlinks li:hover, #sidebar ul.projectlinks li.current-menu-item {
	background-size: 17px 17px;
	background-image: url(img/icon-info-white.png); /*default */
}
ul.projectlinks li, #sidebar ul.projectlinks li {
	background-image: url(img/icon-info.png); /*default */
}
ul.projectlinks li.community, #sidebar ul.projectlinks li.community {
	background-image: url(img/icon-community.png)
}
ul.projectlinks li.environmental-management, #sidebar ul.projectlinks li.environmental-management {
	background-image: url(img/icon-environment.png)
}
ul.projectlinks li.approvals-plans-reports, #sidebar ul.projectlinks li.approvals-plans-reports{
	background-image: url(img/icon-approvals.png)
}
ul.projectlinks li.location, ul#lct-widget-location li.cat-item{
	background-image: url(img/icon-location.png)
}
#sidebar ul.projectlinks li:hover, #sidebar ul.projectlinks li.currentpage,
ul#lct-widget-location li.cat-item.current-cat, ul#lct-widget-location li.cat-item:hover {
	background-color: #0072bc;
	color: #fff;
	background-image: url(img/icon-info-white.png); /*default */
}
#sidebar ul.projectlinks li:hover a, #sidebar ul.projectlinks li.currentpage a,
ul#lct-widget-location li.cat-item.current-cat a, ul#lct-widget-location li.cat-item:hover s{
	color: #fff;
}

#sidebar ul.projectlinks li.community.currentpage, #sidebar ul.projectlinks li.community:hover {
	background-image: url(img/icon-community-white.png)
}
#sidebar ul.projectlinks li.environmental-management.currentpage, #sidebar ul.projectlinks li.environmental-management:hover {
	background-image: url(img/icon-environment-white.png)
}
#sidebar ul.projectlinks li.approvals-plans-reports.currentpage, #sidebar ul.projectlinks li.approvals-plans-reports:hover{
	background-image: url(img/icon-approvals-white.png)
}
ul#lct-widget-location li.cat-item.current-cat, ul#lct-widget-location li.cat-item:hover {
	background-image: url(img/icon-location-white.png)

}

.projectlinks.mobilelinks li a {
	width:40px;
	height: 40px;
	display:inline-block;

}
.projectlinks.mobilelinks li {
	width: 40px;
	height: 40px;
	display:inline-block;
	background-repeat: no-repeat;
	background-size: 40px 40px;
	margin-right: 1.5em;

}


.operationdetails .title {
    vertical-align: top;
}

.operationdetails td {
	    padding: 0px 5px;
}
/*front page, other custom */ 

#content .darkrow {
	background-color: #3c4049;
	color:#fff;
	padding-bottom: 30px;
}
#content .darkrow p {
	font-size: 18px;
}

#topnav-sticky-wrapper {
	display:none;
}

/*projects grid */
#projects {
	margin-top: 25px;
}
#projects .project {
	background-position:center center;
	background-size: cover;
	background-color: #4D525D;
	color: #fff;
	position:relative;
	height: 200px;
	display:inline-block;
	margin-bottom: 12px;
/*	background-blend-mode: multiply;
*/	transition: all .2s;
}

#projects .project:before {
	width:100%;
	height:100%;
	position:relative;
	top: 0;
	bottom:0;
	right:0;
	left:0;
	display:block;
/*	background-color:rgba(12, 14, 21, .63);
*/	transition:all .2s;
	content: " ";
}

#projects .project h3 {
	position:absolute;
	color:#fff;
	bottom: 15px;
	left: 36px;
	font-weight: 300;
	transition: all .2s;
	padding-right: 36px;
}
#projects .project:hover:before {
	background-color:rgba(12, 14, 21, .45);
	
}
#projects .project:hover h3 {
	left: 50px;
}

#projects .project {
	width:100%;
}

/* vertical tabs */


.transformer-tabs ul {
	list-style: none;
	padding: 0;
	margin: 0;
}


.transformer-tabs li {
	display:block;
}

.transformer-tabs li a {
	border: 1px solid #f1f1f1;
	display: block;
	font-weight:bold;
}
.transformer-tabs li a.active, .transformer-tabs li a:hover {
	color: #fff !important;
	background-color:#0072bc;
	display:block;
}

.transformer-tabs a {
	display: inline-block;
	padding: 1rem 2rem 1rem 1rem;
	background-image: url(img/arrow-blue-right.png);
	background-position: right 1em center;
	background-repeat:no-repeat;
	background-size: auto 26px;
}


@media screen and(max-width: 600px) {



	.transformer-tabs ul {
		border-bottom: 0;
		overflow: hidden;
		position: relative;
	}
	.transformer-tabs a {
		position: absolute;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-image:none;
	}
	.transformer-tabs ul.open a, .transformer-tabs ul a.active {
		position: relative;
		display: block;
	}

	.transformer-tabs ul a.active {
		background-image: url(img/arrow-down.png);
		background-size: 26px auto;  	
	}
	.transformer-tabs li {
		display: block;
	}

	.transformer-tabs a.active {
		border: 0;
		z-index: 1;
	}
}

.verticaltabs .tabcontent div {
	display: none;
}
.verticaltabs .tabcontent .active, .verticaltabs .transformer-tabs {
	display: block;
}

@media screen and (max-width:600px) {
	.transformer-tabs li {
/*	  padding-bottom:14px;
*/	}
}


/*horiztonal tabs */ 

.horizontaltabs .tabcontent div {
	display:none;
}
.horizontaltabs .tabcontent div.active {
	display:block;
}

.horizontaltabs .tabcontent {
	padding-top:2em;
}

/* Set the content of the arrows to nothing, we will use a background image of our own. */
.horizontaltabs .scroll_tab_left_button::before {
	content: "";
	padding: 0px;
}

.horizontaltabs .scroll_tab_right_button::before {
	content: "";
	padding: 0px;
}

/* Set up our background image (i.e. toolbar for example) behind the tab-set */
.horizontaltabs div.scroll_tab_inner {
}

.scroll_tabs_container div.scroll_tab_inner {
	height:55px;
}
/* Setup the appearance of each individual TAB */
.horizontaltabs div.scroll_tab_inner li {
	padding-left: 20px;
	padding-right: 20px;
	line-height: 55px;
	font-size: 14px;
	height: 55px;
	background-color: #fff;
	cursor: pointer;
	border: 1px solid #efefef;
}
.horizontaltabs div.scroll_tab_inner li a {
    display: block;
    font-weight: bold;
    color: #666;
    padding: 0px 16px;
}

.horizontaltabs div.scroll_tab_inner li:hover, .horizontaltabs div.scroll_tab_inner li.tab_selected{
	background-color: #0072bc;
}
.horizontaltabs div.scroll_tab_inner li:hover a, .horizontaltabs div.scroll_tab_inner li.tab_selected a {
	color: #fff !important;
}

/* Style the hover state for each tab */

/* Style the left of the tab set if the arrows are hidden (the are is wide enough to show ALL the tabs */
	.horizontaltabs div.scroll_tab_inner span.scroll_tab_left_finisher {
		padding: 0px;
	}

	/* Style the right of the tab set if the arrows are hidden (the are is wide enough to show ALL the tabs */
		.horizontaltabs div.scroll_tab_inner span.scroll_tab_right_finisher {
			padding: 0px;
		}


		/* Style left scrolling button */
		.horizontaltabs .scroll_tab_left_button {
			height: 55px;
			background: transparent url(img/arrow-red-left.png) no-repeat;
			background-size: auto 26px;
			background-position:center center;
		}

		/* Style left scrolling button HOVER */
		.horizontaltabs .scroll_tab_left_button.scroll_arrow_over {

		}

		/* Style left scrolling button DISABLED */
		.horizontaltabs .scroll_tab_left_button.scroll_arrow_disabled {
		}

		/* Style right scrolling button */
		.horizontaltabs .scroll_tab_right_button {
			height: 55px;
			background: transparent url(img/arrow-red-right.png) no-repeat ;
			background-size: auto 26px;
			background-position:center center;
		}

		/* Style right scrolling button HOVER */
		.horizontaltabs .scroll_tab_right_button.scroll_arrow_over {
		}

		/* Style right scrolling button DISABLED */
		.horizontaltabs .scroll_tab_right_button.scroll_arrow_disabled{
		}

		/* Style SELECTED (depressed) tab */
		.horizontaltabs div.scroll_tab_inner span.tab_selected {
		}

		/* Style SELECTED (depressed) if it's the FIRST tab */
		.horizontaltabs div.scroll_tab_inner span.tab_selected.scroll_tab_first {
			background-position: -40px -200px;
		}


		/*jobs section */

		.jobarchive {
			margin-bottom: 5px;
			background-color: #f3f3f3;
			padding: 24px;
		}
		.joblisting h3 {margin: 0px;}

		.jobarchive p {
			font-size:14px;
			margin:0px;
		}

		.joblisting .availability {
			color: #2688C8;
			font-weight:bold; 
			font-size: 19px;
		}


	/* Monitoring
	---------------------------------------- */
	
	.monitor-block {
		border: 3px solid #1a5aa1;
		margin-bottom: 30px;
	}
	
	.monitor-block-heading {
		font-size: 1.3em;
		line-height: 1.25em;
		margin: 0;
		background: #1a5aa1;
		color: #fff !important;
		padding: 10px 15px;
	}

	.monitor-block-heading i {
		margin-right: 10px;
	}

	.monitor-block-sub-heading {
		font-size: 1em;
		margin: 0.3em 0 0 0;
	}

	.monitor-span {
		float: left;
		width: 33.33333%;
		padding: 5px 0 10px 0;
	}

	.monitor-label {
		font-size: 1em;
		line-height: 1.25em;
		margin: 0.4em 0 0 0;
	}

	.monitor-reading {
		font-size: 2em;
		line-height: 1.25em;
		margin: 0.2em 0 0 0;
		color: #1A5AA1;
	}

	.monitor-block .row-grey {
		background: #E6E6E6;
		padding: 10px 25px;
	}

	.monitor-block .row-white {
		background: #fff;
		padding: 10px 25px;	
		overflow:hidden;
	}

	.monitor-action-required {
		font-size: 1.3em;
		line-height: 1.25em;
		margin: 0.1em 0 0.6em 0;
	}

	.monitor-action-required p {
		margin: 0;
	}

	@media only screen and (max-width: 630px) {

		.monitor-span {
			float: none;
			width: 100%;
		}

	}


	/* Weather Table
	---------------------------------------- */
	.weatherforecast_table {
		margin-bottom: 2em;
	}
	.weatherforecast_table acronym {
		border: medium none;
		text-decoration: none;
	}
	.weatherforecast_table img {
		margin: 0;
		vertical-align: middle;
	}
	.weatherforecast_table tr td, .weatherforecast_table tr th {
		border: 1px solid #fff;
		padding: 4px;
		text-align: center;
	}
	.weatherforecast_table tr td:last-child, .weatherforecast_table tr td:first-child, .weatherforecast_table tr th:first-child, .weatherforecast_table tr th:last-child {
		border-left: 0 none;
		border-right: 0 none;
	}
	.weatherforecast_table tr:last-child td, .weatherforecast_table tr:last-child th {
		border-bottom: 0 none;
	}
	.weathertable_bold_column {
		cursor: help;
		font-weight: bold;
		text-align: center;
	}
	.weathertable_column {
		cursor: help;
		text-align: center;
	}
	.weathertable_column_small {
		font-size: 0.8em;
	}
	.darkblue_column {
		background: #1A5AA1 none repeat scroll 0 0;
		color: #fff;
		font-weight: 500;
	}
	.lightblue_column {
		background: #eeeeee none repeat scroll 0 0;
		font-weight: normal;
	}
	.weatherforecast_table .even {
		background: #eeeeee none repeat scroll 0 0;
	}
	.weatherforecast_table .odd {
		background: #dddddd none repeat scroll 0 0;
	}
	.weatherforecast_table .white {
		background: #fff none repeat scroll 0 0;
	}
	.weatherforecast_table .left {
		text-align: left;
	}


	/*tablet only styles -----------------------------------*/ 
	@media screen and (min-width:601px) and (max-width:992px) {


	}
@media screen and (max-width:600px) {
		.verticaltabs .tabcontent {
			display:none;
		}

}
	/*tablet and up styles -----------------------------------*/ 
	@media screen and (min-width:601px) {

		.joblisting .availability, .joblisting .custombtn {
			text-align:right;
			float:right;
		}

		#projects .project {
			margin-bottom: 36px;
			height: 265px;
			width:calc(50% - 20px);
		}
		#projects .project:nth-child(even) {
			margin-right:0px;
		}
		#projects .project:nth-child(odd) {
			margin-right:36px;
		}
		.menu-main-menu-container {
			margin-top: 21px;
		}

		#topnav-sticky-wrapper {
			display:block;
		}
		header {
			margin-top: 36px !important;

		}

		.container {
			width: 90%;
			padding: 0px 30px;
		}

		.pagetitle {
			padding-top: 250px;
			padding-bottom: 30px;

		}

		.home .pagetitle h1 {
			padding-bottom: .5em;
		}

		.pagetitle h1 {
			    z-index: 99;
    position: relative;
			padding-top: 0em;
			font-size: 4.8rem;
			font-weight: 400;
		}
		.subtitle h2 {
			font-size: 2.56rem;
		}
		.headerblurb p {
			font-size: 24px;
		}

		.headerblurb {
			display: block;
		}



		/*drop down menu */

		.nav-wrapper li:hover {
			background-color: #cc0000;
		}
		.nav-wrapper li:hover a {
			color:#fff;

		}
		.menu .sub-menu {
			display:none;
			background-color: #cc0000;
			position: absolute;
			box-shadow: 0 2px 5px 0 rgba(0, 0, 0, 0.16), 0 2px 10px 0 rgba(0, 0, 0, 0.12);
			z-index: 999;
			left:0px;
			text-align:left;
			white-space: nowrap;
		}

		.menu .sub-menu li {
			float:none; 
			display:block;
			color: #fff;
			font-size: 1em;
			padding: .5em 1em;
		}

		.menu .sub-menu li:hover {
			background-color: #3c4049;

		}
		.menu .sub-menu li a,  .nav .sub-menu ul li.current_page_item a, .nav .sub-menu ul li.current_menu_item a {
			color: #fff;
		}

		.menu li:hover .sub-menu {
			display:block;

		}

		.transformer-tabs ul {
			list-style: none;
			padding: 0;
			margin: 0;
			float: left;
			width: 35%;
		}

		.verticaltabs .tabcontent {
			float: left;
			padding-left: 2em;
			width: 65%;

		}

	}

	@media screen and (min-width:860px) {
		.menu-main-menu-container {
			margin-top: 38px;
		}
	}

	/*desktop and up styles ----------------------------------*/
	@media screen and (min-width:993px) {
		.container {
			padding: 0px 90px;
		}
		.nav-wrapper li {
			font-size:17px;
		}


		#projects .project:nth-child(even) {
			margin-right:0px;
		}
		#projects .project:nth-child(odd) {
			margin-right:36px;
		}
		#projects .project:nth-child(1n+0) {
			width: calc(66.6666% - 32px);
		}
		#projects .project:nth-child(2n+0) {
			width: calc(33.333% - 32px);
		}
		#projects .project:nth-child(3n+0) {
			width: calc(33.333% - 32px);
		}
		#projects .project:nth-child(4n+0) {
			width: calc(66.6666% - 32px);
		}


		.pagetitle {
			padding-top: 300px;
			padding-bottom: 50px;
		}

	}


}
@media screen and (min-width:1028px) {
	.nav-wrapper li {
		font-size:19px;
	}

}
/*		@media screen and(min-width:1129px) {
		.nav-wrapper li {
			font-size:21px;
			}*/

		}

		/* extra large desktop --------------------------------------*/
		@media screen and (min-width:1200px) {

			.container {
				padding: 0px 120px;
			}
			.nav-wrapper li {
				font-size:21px;
			}
/*			header .nav-wrapper {
				padding-right: 120px;
			}

			*/


		}

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


			.nav-wrapper li {
				font-size:23px;
				line-height: 2;
			}


		}


label {
	font-size: 16px;
	color: #484c54;
}
input[type=text] {
	border:1px solid #666;
	height:auto;
}



/*rotator*/

.rotator {
    width: 100%;
    background-color: red;
    height: 100%;
    position: absolute;
    left: 0;
}