/* ------------------ */
/* ---   COMMON   --- */
/* ------------------ */

body {
	margin: 0;
	padding-bottom: 20px;
	background-color: #fff;
}

body, td, p, div, input, textarea {
	font-family: Helvetica, Arial, san-serif, Verdana;
	font-size: 13px;
	color: #333;
}


form {
	margin: 0;
	padding: 0;
}

hr.clear {
	width: 100%;
	margin: 0;
	padding: 0;
	clear: both;
	border: 0;
	height: 1px;
	color: #fff;
	background-color: #fff;
}


/* --- LINKS --- */

a {
	color: #c00;
	text-decoration: underline;
}

a:hover, a:focus {
	color: #a00;
	color: #0971B2;
	/* text-decoration: none; */
}

a img {
	border: 0;
}


/* ------------- */
/* ------------- */


#container {
	width: 100%;
	position: relative;
	background: #060606 url("../images/background.jpg") top repeat-x;
	z-index: 1;
}

#home #container {
	background: #060606 url("../images/background_home.jpg") top repeat-x;
}

#container_inner {
	width: 950px;
	position: relative;
	margin: 0 auto;
	overflow: hidden;

}

.clearfix:after {
    content:" ";
    display:table;
    clear:both;
}



/* --------------------- */
/* ---   HOME PAGE   --- */
/* --------------------- */

#homescroller {
	display: block;
	height: 275px;
	width: 100%;
	position: absolute;
	top: 25px;
	top: 0;
	left: 0;
	z-index: -1;
	background: url('../images/home_scroller.png') repeat-x;
}


/* -------------------- */
/* ---    HEADER    --- */
/* -------------------- */

#header, #strap {
	display: block;
	height: 25px;
	background: #666;
}

#home #header {
	background: transparent;
}

#header p.strap,
#strap p.strap {
	margin: 0;
	line-height: 25px;
	font-weight: bold;
	color: white;
	margin-left: 5px;
	text-align: center;
	text-shadow: 1px 1px #333;
}
#strap p.strap a {
	color: white;
}

h1.logo {
	font-weight: normal;
	text-decoration: none;
}

h1.logo a {
	text-decoration: none;
}

.notice__banner {
    text-align: center;
    text-transform: uppercase;
    font-size: 0.8rem!important;
    background: rgb(255, 215, 0);
    padding: 0rem;
    margin: 0rem;
}

.notice__banner p {
    margin: 0;
    font-size:  0.9rem;
    font-weight: bold;
    color: rgba(33,33,33,.7);
    padding: 0.7rem;
}
.notice__banner2 {
    text-align: center;
    text-transform: uppercase;
    font-size: 1rem!important;
    background: #ff0000;
    padding: 20px 10px;
    margin: 0rem;
}

.notice__banner2 p {
    margin: 0;
    font-size:  1rem;
    font-weight: bold;
    color: #ffffff;
    padding: 0.7rem;
}

/* -------------------- */
/* ---    FOOTER    --- */
/* -------------------- */

.footer__strap {
	background-color: #cd1500!important;
}

.footer__strap p {
	font-size: 0.774rem;
}

.footer__strap a.careers,
.footer__strap a.privacy {
	color: #ffd700!important;
}

#footer {
	width: 100%;
	position: relative;
	overflow: hidden;
}

#footer div.inner {
	display: block;
	width: 960px;
	margin: 3px auto;
}


#footer div.inner p {
	width: 450px;
	float: left;
	font-size: 9px;
	line-height: 13px;
	margin: 0px 0 0 0;
}

#footer div.inner p a {
	color: #333;
	text-decoration: none;
	/* white-space: nowrap; */
}

#footer div.inner p a:hover {
	text-decoration: underline;
}


#footer div.logos {
	float: right;
}
.industrylogos, .otherlogos {
    display: inline-block;
}

#footer div.logos img {

}

.social {
    text-align: right;
    padding-top: 1em;
}

#header .strap a {
	color: white;
}
#popup-box {
	border:solid 1px #555555;
	background:#990000;
	width: 500px;
	height: 380px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-left: -250px; /* Must be half of width */
	margin-top: -250px; /* Must be half of height */
	padding: 10px;
	color: black;
	display: none;
	z-index: 20;
	box-shadow: 0 0 10rem 10rem rgba(0,0,0,.4);
}

.popup-title {
	color:yellow;
	float: left;
	width: 400px;
	font-size: large;
	font-weight: normal;
	margin-top: 0px;
	padding-top: 0px;
	margin-bottom: 5px;
}

.close-button {
	float: right;
	text-align: right;
	width: 30px;
	color:#FFF;
}

.close-button:hover {
	cursor: pointer;
}

.hover-pointer:hover {
	cursor: pointer;
}

@media only screen
  and (min-device-width: 768px)
  and (max-device-width: 1024px)
	and (orientation: portrait) {
		div#container_inner {
		    width: 100%;
		    margin: 0;
				overflow:auto;
		}

		div#header p {
		    font-size: 0.6rem;
		    max-width: 100%;
		}

		div#header {
		    width: 100%;
		}

		div#bodyarea {
		    width: 68.1%;
		}

		#bodyarea div.topbtns ul li {
		    margin: 0 0 0 8px;
		}

		#bodyarea div.topbtns ul li a {
		    background-size: 20px;
		    padding-left: 25px;
		}

		#footer div.inner {
			padding: 0 1rem;
		}
		#footer div.logos {
		    clear: both;
		    display: block;
		    margin: 0 auto;
		    float: none;
				padding: 1rem;
		}
		#footer div.inner p {
		    width: 79%;
		    float: none;
		    padding: 1rem;
		}

		#footer div.inner p br {
		    display: none;
		}
}