/* Move down content because we have a fixed navbar that is 50px tall */
body {
  padding-top: 5px;
  padding-bottom: 20px;
  background-color:black;
  font-size:12px;
  color:white;
}

img {max-width: 100%; height: auto;}

.img-responsive-parent {
    margin: 0 -15px;
}

/* Customize container */
@media (min-width: 480px) {
  .container {
    max-width: 480px;
background-color:black;
  }
}
.container-narrow > hr {
  margin: 20px 0;
}

/* Everything but the jumbotron gets side spacing for mobile first views */
.header,
.marketing,
.footer {
  padding-right: 15px;
  padding-left: 15px;
}

/* Custom page header */
.header {
  padding-bottom: 20px;
  border-bottom: 1px solid #e5e5e5;
}
/* Make the masthead heading the same height as the navigation */
.header h3 {
  margin-top: 0;
  margin-bottom: 0;
  line-height: 40px;
}

/* Custom page footer */
.footer {
  padding-top: 19px;
  color: #777;
  border-top: 1px solid #e5e5e5;
}

.btn .btn-default{
  border:0px;
  background-color:#000000;
}


/* Main marketing message and sign up button */
.jumbotron {
  text-align: left;
  border-bottom: 1px solid #ffffff;
  background-color:#000000;
  font-color:white;
}
.jumbotron .btn {
  padding: 10px 20px;
  font-size: 21px;
  max-width: 640px;
}

/* Supporting marketing content */
.marketing {
  margin: 40px 0;
}
.marketing p + h4 {
  margin-top: 28px;
}

/* Responsive: Portrait tablets and up */
@media screen and (min-width: 768px) {
  /* Remove the padding we set earlier */
  .header,
  .marketing,
  .footer {
    padding-right: 0;
    padding-left: 0;
  }
  /* Space out the masthead */
  .header {
    margin-bottom: 50px;
  }
  /* Remove the bottom border on the jumbotron for visual effect */
  .jumbotron {
    border-bottom: 0;
  }
}

.dropdown-menu > li{
    margin-left:0px;
}

.navbar-nav > ul{
  padding-left:0px;
  padding-right:0px;
}

.navbar-nav > ul{
  margin-left:0px;
  margin-right:0px;
}


.navbar-nav > li{
  padding-left:0px;
  padding-right:0px;
}

.navbar-nav > li{
  margin-left:0px;
  margin-right:0px;
}

.navbar-default {
  border:0px;
  background-color:#000000;
}

.navbar-inverse {
  border:0px;
  background-color:#000000;
  color:white;
}

.navbar .navbar-header{
  border:0px;
  background-color:#000000;
  color:#ffffff:
}

.navbar-default .navbar-brand,
.navbar-default .navbar-brand:hover,
.navbar-default .navbar-brand:focus {
    color: white;
}

.navbar-inverse .navbar-brand,
.navbar-inverse .navbar-brand:hover,
.navbar-inverse .navbar-brand:focus {
    color: white;
}

.navbar-toggle {
border:0px;
font-color:white;
}

.btn .btn-link{
border:0px;
}

.btn {
	border-radius: 0px;
        color:#000000;
}


.embed-responsive-item{

}

.responsive-video {
position: relative;
padding-bottom: 56.25%;
padding-top: 60px; overflow: hidden;
 margin: 0 -15px;
}

.responsive-video iframe,
.responsive-video object,
.responsive-video embed {
position: absolute;
top: 0;
left: 0;
width: 640px;
height: auto;
}

.youtube {
border-top:0px #000000 solid;
max-width:480px;
padding:0px 0px 0px 0px;
margin:0px 0px 5px 0px;
}

.form-group{width:100%;}

.form-control{width:100%;}

.zemContactForm{
}

.zemText{
width:640px;
}

.zemSelect{
width:640px;
}

.zemTextarea{
width:640px;
}

option{
border:1px #646464 solid;
}

select{
border:1px #646464 solid;
}

.textInput{
border: 1px solid #646464;
background: #ffffff;
color: #646464;
font-size: 11px;
width:80px;
}

.navbar-default > a {
    color: #ffffff;
    text-decoration: none;
}

a:hover, a:focus {
    color: #ffffff;
    text-decoration: underline;
}

.navbar-default .nav-navbar .anchorLink:hover {color:white;}

.navbar-default .navbar-toggle,
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
    color: white;
    background-color:black;
}

.navbar-default .navbar-toggle {
    border: 0px solid white;
    background-color: black;
    margin-right: 0;
}

.navbar-default .navbar-toggle:hover {
    background-color: black;
}

.navbar-default .navbar-toggle .icon-bar {
    background-color: white;
}


.navbar-inverse .navbar-toggle:hover .icon-bar {
    background-color: grey;
}

.navbar-inverse .navbar-toggle:focus, .navbar-inverse .navbar-toggle:hover{
    background-color: black;
}
.navbar-default .navbar-toggle{
    border-color: black;
}


.navbar-inverse .navbar-toggle .icon-bar {
    background-color: white;
}

.navbar-header {
  float: none;
}
.navbar-left,.navbar-right {
  float: none !important;
}
.navbar-toggle {
  display: block;
  background-color:black;
}
.navbar-collapse {
  border-top: 1px solid transparent;
  box-shadow: inset 0 1px 0 rgba(255,255,255,0.1);
}
.navbar-fixed-top {
  top: 0;
  border-width: 0 0 1px;
}
.navbar-collapse.collapse {
  display: none!important;
}
.navbar-nav {
  float: none!important;
  margin-top: 7.5px;
}
.navbar-nav>li {
  float: none;
}
.navbar-nav>li>a {
  padding-top: 10px;
  padding-bottom: 10px;
}
.collapse.in{
  display:block !important;
}

 @Html.ActionLink("ProjectName Here", "Index", "Home", null, new { @class = "navbar-brand hidden-xs" })
        

@Html.ActionLink("Home", "Index", "Home", new { area = "" }, null)
