@charset "utf-8";
/* MASCO.net CSS DOCUMENT */
html {min-height:100%; height:100%}
body {margin: 0; padding:0px; min-height:100%; height:100%; font-family:Tahoma, Geneva, sans-serif; font-size:14px; line-height:1em; background-image: url(../images/masco-net-wide-site-background.gif); background-repeat:no-repeat; background-attachment:fixed; background-position:center top; background-color:#f2f2f2;}
@media (max-width:600px) {
	body {width:600px; margin: 0px; padding:0px; font-size:1em; line-height:1.2em; background-color:#fff; background-image:none !important; overflow-x:hidden;}
}
a {text-decoration:none; color:#333;}
a:hover {text-decoration:underline; color:#cc0000;}
img {border:none;}
h1,h2,h3 {text-transform:uppercase;}
::-moz-selection { /* Code for Firefox */ background: yellow;}
::selection {background: yellow;}
@media (max-width:600px) {
.masco-hide-mobile {display:none !important;}
}
.masco-hide-full {display:none !important;}
#wrapper {max-width:1400px; min-width:1150px; margin:0px auto; padding:0px; overflow: hidden;}
@media (max-width:600px) {
	#wrapper {min-width:600px; width:100%; margin:0px; padding:0px; overflow: hidden;}
}
/* HEADER AREA */
#header {width:100%; margin:0px; padding:20px 0px 0px 10px;}
.headerlogo {margin: 10px 10px;}
@media (max-width:600px) {
	#header {width:100%; height:100%; margin:0px; padding:0px; text-align:left; background-image:none !important; clear:both;}
	.headerlogo {width:300px;}
}
#bannertop {text-align:center; margin-bottom:10px; padding-top:10px;}
@media (max-width:600px) {
	#bannertop {display:none; overflow:hidden;}
}
@media (max-width:600px) {
	#header-search-mobile {text-align:center; margin-right:40px; display:inline-block !important;}
}
#headerbar {float:right; text-align:right; padding:0px 10px;}
@media (max-width:600px) {
	#headerbar {display:none;}
}
#headerslogan {}
#headerslogan h2 {font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#000; font-size:1.8em; line-height:.3em; font-weight:normal;}
@media (max-width:600px) {
	#headerslogan h2 {display:none; overflow:hidden;}
}
#headerbar-bottom {height:50px; float:right; position: absolute; bottom: 0px;}
@media (max-width:600px) {
	#headerbar-bottom {width:100%; height:50px; clear:both; bottom: 0px;}
}
.headerbartext {font-size:1.2em;}
@media (max-width:600px) {
	.headerbartext {display:none; overflow:hidden;}
}
.headersearch {float:right; vertical-align: middle;}
@media (max-width:600px) {
	.headersearch {float:none;}
}
/* MAIN PAGE BUILD */
#main {margin-top:10px; padding:0 0 40px 0; height:100%; overflow:hidden; text-align:center;}
@media (max-width:600px) {
	#main {margin-top:10px; padding:0 0 40px 0;height:100%; clear: both; display:block; background-image:none !important;}
}

/* HORIZONTAL NAV */
div#masco-horiznav-wrapper {width:100%; text-align:left; background-color:#2B6A34; margin:20px 0px;}
ul#masco-horiznav, #masco-horiznav ul{margin:0; padding:0; list-style-type:none; text-align:left; display:inline-block;}
#masco-horiznav li{float:left; position:relative; border-right:#FFF thin solid; white-space: nowrap;}
#masco-horiznav li a{display:block; padding: 15px 10px; text-decoration:none; color:#FFF;}
#masco-horiznav li a:hover{background-color:#cc0000; text-decoration:none;}
#masco-horiznav li ul{display:none; position:absolute; left:0px; background-color:e2e2e2; border:0px; border-bottom:#2B6A34 solid thick; border-left: #2B6A34 solid thin;}
#masco-horiznav li:hover ul {display:block}
#masco-horiznav li ul li{width: 100%; font-size:.9em; line-height:.9em; border:0px;}
#masco-horiznav li ul a{background-color:#FFF; color:#000; padding:10px;}
#masco-horiznav li ul a:hover{background-color:#999;}
@media (max-width:600px) {
	div#masco-horiznav-wrapper {width:550px;}
	ul#masco-horiznav, #masco-horiznav ul{margin:0; padding:0; padding-left:10px; list-style-type:none; text-align:left; display:block; background-color:#2B6A34;}
	#masco-horiznav li{font-size:1.2em; line-height:1em; border-right:#FFF 1px solid; border:0px; white-space: nowrap; display:block; width:100%; }
	#masco-horiznav li a{padding: 15px 10px; text-decoration:none; color:#FFF; background-color:#2B6A34;}
	#masco-horiznav li:hover ul {display:block; position:relative; left:0px; background-color:e2e2e2; z-index:6;}
	#masco-horiznav li ul li{font-size:.8em; line-height:.8em; border-right:#FFF 1px solid; border:0px; white-space: nowrap; display:block; width:100%; }
}

/* SIDEBAR AREA */
#sidebar {width:300px; padding:0px; float:left; overflow:hidden;}
@media (max-width:600px) {
	#sidebar {width:100%; padding:0px; clear:both; overflow:hidden; background-color:#2B6A34; margin-bottom:20px; float:none;}
}
#topmenu {width:100%; padding:0; margin:0; display:block; list-style-type: none; text-align:right; }
#topmenu a {padding: 15px 5px; color:#FFF; border-bottom:#FFF 1px solid; display:block; text-decoration: none;}
#topmenu a:hover { background-color:#cc0000;}
#submenu {width:100%; padding:0; margin:0; display:block; list-style-type:none; text-align:left; background-color:#e2e2e2;}
#submenu a {padding:10px; color:#333; display:block; text-decoration:none; border:none; font-size:.9em;}
#submenu a:hover {background-color:#999;}
#catmenu {width:100%; padding:0; margin:0; display:block; list-style-type:none; text-align:left; border-bottom:#FFF solid 1px;}
#catmenu a {padding:10px; color:#fff; display:block; text-decoration:none; border:none;}
#catmenu label a {padding: 15px 5px 15px 15px; border-bottom:#FFF dashed 1px; background-color:transparent; }
#catmenu label a:hover {background-color:#cc0000;}
#catmenu li a { background:url(../images/sidebar/masco-net-sidebar-cat-menu-icon.png) left center no-repeat; padding-left:3em; background-color:#2B6A34;}
#catmenu li a:hover {background-color:transparent;}
#navbutton {width:100%; padding:0; margin:0; display:block; list-style-type:none; text-align:left; border-bottom:#FFF solid 1px;}
#navbutton a {padding:10px; color:#fff; display:block; text-decoration:none; border:none; background-color:transparent;}
#navbutton label a {background:url(../images/sidebar/masco-net-sidebar-employment-icon.png) left center no-repeat; padding: 15px 5px 15px 3em;}
#navbutton label a:hover {background-color:#cc0000;}
.sidebarbox {padding:0 10px 10px; color: #FFF; line-height:1.5em;} 
.sidebarbox a {text-decoration:none; color:#FFF;}
.sidebarbox a:hover {text-decoration:underline;}
#locationsbox h2 {line-height:1.2em;}

/* CONTENT AREA */
#content {padding:0px 20px; margin:0 auto; width:90%; font-size:1.1em; line-height:1.5em; text-align:left;}
@media (max-width:600px) {
	#content {padding:10px 0 0 10px; margin:0; width:90%; line-height:1.5em; background-color:#FFF;}
}
a.contentTop {position:absolute; top:0px;}
@media (max-width:600px) {
	a.contentTop {position:relative;}
}
#contentlist label {font-size: 1.2em; font-weight:bold; margin-left:-1em;;}
#contentlist li { list-style-type: square;}
.breadcrumbs {font-size:1.2em; margin-bottom:20px; text-align:left;}
.gsc-control-cse {background-color: #e2e2e2 !important; border:0px !important;}
.gsc-search-button {background-color: #cc0000 !important; border:none !important; cursor:pointer !important;}
.contentbox {width:200px; margin:5px 5px 20px; display: inline-block; font-size:.8em; line-height:1.6em; border:0px; border-bottom:#2B6A34 solid thick; border-left: #2B6A34 solid thin; padding:1em;}
.contentbox ul { list-style-type:square; margin:5px 0; padding:0 20px;}
.contentbox img {margin:5px auto; display:block;}
.contentbox h2 {font-size:.6em;}
#content h2 {font-weight: normal; font-size:1.6em; line-height:1.2em; color:#C30; text-transform:uppercase;}
#content h3 {font-weight:normal; font-size:1.4em; line-height:1.2em;}
/* CONTENT ACCORDIAN MENU */
.contentmenu {cursor:pointer; padding: 10px; width: 90%; text-align: left; outline: none; font-size: 1.2em; transition: 0.4s; margin-bottom:5px; border:0px; border-bottom:#2B6A34 solid thick; border-left: #2B6A34 solid thin;}
.activecontentmenu, .contentmenu:hover {background-color: #ccc; }
.contentmenupanel {padding: 5px; display: none; overflow: hidden;}
/*.contentmenu:after {content: '\02795'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #777; float: right; margin-left: 5px;}
/*.activecontentmenu:after {content: "\2796"; /* Unicode character for "minus" sign (-) */}
.contentmenu ul { padding:0px; margin:0px; list-style:none; display:inline-table; text-align:left;}
.contentmenu ul label {font-weight:bold; font-size:.9em; line-height:1.5em;}
.contentmenu ul label h2 {font-weight:bold; font-size:1.2em; line-height:1.5em;}
.contentmenu ul li {font-size:.7em; line-height:1.5em;}
.contentlistmenu ul { padding:0px; margin:0px; list-style:none; text-align:left;}
.contentlistmenu ul label {font-weight:bold; font-size:.9em; line-height:1.5em;}
.contentlistmenu ul li {font-size:.7em; line-height:1.5em;}
.contentFrame {border:#CCC 5px solid; width:95%; height:400px;}
.alignCenter {text-align:center;}
.projectsImg {display:block; margin: 10px auto;}
.projectsBox {padding:8px; font-size:.9em; line-height:1.3em; border:solid #333 1px; background-color:#C6DAC0; width:484px; margin: 0 auto 10px;}
.projectsBox a {text-decoration:underline;}
.contactFormBox {margin:10px; width: 100%;}
/* ABOUT PAGE */
.aboutImages {float:right; margin:10px; width:450px;}
@media (max-width:600px) {
	.aboutImages {width: 100%; clear:both; display:inline; margin:10px;}
}
/* LOCATIONS PAGE */
#locationMap {width:100%; height:100%;}
@media (max-width:600px) {
	#locationMap {width:80%;}
}
/* EMPLOYMENT PAGE */
.jobTitle { font-size:1.3em; font-weight:bold; line-height:1.5em;}
.jobType {font-size:1.2em; font-style:italic; line-height:1.2em;}
.jobPostedDate {}
.jobBenefits {}
.jobDesc {}
.jobLoc {font-size:1.2em; line-height:1.5em;}
.jobLink {font-weight:bold; font-size:1.2em; line-height:1.8em; color:#F00; text-decoration:underline;}
/* OLD JOBBOX */
/*.jobBox {padding:10px; background:linear-gradient(0deg, rgba(255,255,255,1) 66%, rgba(219,219,219,1) 100%); margin:10px 10px; display:inline-block; width:40%; vertical-align:top; border:0px; border-bottom:#2B6A34 solid 5px; border-left: #2B6A34 solid 1px; }*/
.jobBox {padding:10px; margin:10px 10px; display:inline-block; width:40%; vertical-align:top; border:0px; border-bottom:#2B6A34 solid thick; border-left: #2B6A34 solid thin; }
@media (max-width:600px) {
	.jobBox {width:90%;}
}
/* FOOTER AREA */
#footer {border:0px; border-top: 2px dotted #2B6A34; overflow:auto; padding:10px; margin-top:20px; font-size:.7em; line-height:1.8em; text-align:center; opacity:.75;}
@media (max-width:600px) {
	#footer {display:none; overflow:hidden; width:90%;}
}
#footer ul {margin-right:20px; padding:0px; list-style:none; display:inline-table; text-align:left;}
#footer ul label {font-weight:bold; font-size:1.3em; line-height:2em;}
#copyright {margin:50px 0; padding:20px; color:#999; text-align:center; clear:both; font-size:.9em;}
@media (max-width:600px) {
	#copyright {padding:10px 0 0 10px; width:90%; font-size:.6em; line-height:1em;}
}
.focus {font-weight:bold;}
/* NAVIGATION ACCORDIAN MENU */
button.topmenu {color:#FFF; cursor: pointer; padding: 15px 5px; width: 100%; border:none; border-bottom:#FFF 1px solid; text-align: left; outline: none; transition: 0.4s; background: transparent;}
button.topmenu.active, button.topmenu:hover {background-color: #cc0000; }
div.panel {padding: 0; display: none;}
button.topmenu:after {content: '\2630'; /* Unicode character for "plus" sign (+) */ font-size: 13px; color: #fff; float: left; margin-right: 5px;}
button.topmenu.active:after {content: "\268A"; /* Unicode character for "minus" sign (-) */}