.ls-nav-sides { margin-top: 20px; }

#highlighted {}
#hero { 
  position:relative;
  width: 100%;
  overflow: hidden;
}
#hero .img-wrap { 
  height: 100%;
  width: 100%;
  float:left;
  position: relative;
  border-bottom: 5px solid #c9cacc;
  background-color: #dddddd;
}
#hero img {
  position:relative;
  width: auto;
  max-width: inherit !important;
  height: 300px; 
  left: 50%;
  margin-left: -650px;
  float:left;
}
#hero .hero-fade {
  height: 100%;
  width: 100%;
  opacity: .5;
  background: none repeat #f0f0f0;
  position:absolute;
  top: 0px;
  left: 0px;
  -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
  filter:alpha(opacity=50);
}
#title_crumbs { 
  margin-top: 0px;
  text-align: left;
}

#title_crumbs h1 {
  margin-bottom: 0px;
  color: #405158;
  font-size: 42px;
}
.hero_present { margin-top: -5px; }
.hero_present #title_crumbs {
  position:absolute;
  top: 150px;
  width: 100%;
  margin-top: 0px;
  color: #405158;
}
.hero_present #title_crumbs a { color: #405158; }

.node-page { margin-top: 30px; }

/* Login Page CSS */
.left_login_page {
    display: inline;
    float: left;
    padding: 50px 20px 20px;
    position: relative;
    width: 40%;
}


.right_login_page {
    border-left: 1px dotted #BAB9B9;
    display: inline;
    float: right;
    padding: 20px 10px 20px 25px;
    position: relative;
    width: 40%;
}

/* Smaller than standard 960 (devices and browsers) */
        @media only screen and (max-width: 959px) {}

        /* Tablet Portrait size to standard 960 (devices and browsers) */
        @media only screen and (min-width: 768px) and (max-width: 959px) {}

        /* All Mobile Sizes (devices and browser) */
        @media only screen and (max-width: 767px) {
		.left_login_page { 
			width: 100%;
			padding: 0 0 0 0;
		}
		.right_login_page  {
			width: 100%; 
			border-left: none; 
			padding: 0px 10px 0px 20px;
			margin-top: -30px;
		}
		#qow { max-width: 100% !important; }
	}

        /* Mobile Landscape Size to Tablet Portrait (devices and browsers) */
        @media only screen and (min-width: 480px) and (max-width: 767px) {
                .hero_present #title_crumbs { top: 30px; }
		#title_crumbs h1 { font-size: 38px; }
	}

        /* Mobile Portrait Size to Mobile Landscape Size (devices and browsers) */
        @media only screen and (max-width: 479px) {
		.hero_present #title_crumbs { top: 10px; }
                #title_crumbs h1 { font-size: 30px; line-height: 40px; }
	}