.headshotblack{
	background-color: white;
}
.slideshowpadder{
	padding-bottom: 10px;
	padding-top: 10px;
}
/*make the slideshow the right size so all the controls show up properly*/
	  #myCarousel.carousel.slide {width: 100%; max-width: 300px; !important}
	  
.photopackage a:active{
color:grey;	
}
.photopackage a:link{
color:grey;	
}
.photopackage a:hover{
color:grey;
text-decoration:underline;	
}
/*handles the link behaviour of the photopackages headings*/	  
.padding-top{
	padding-top:30px;
	
}
/*to push the text down slightly alongside the screenshow*/
.grey {
    color: grey;
    margin-right: 10px;
    top: 6px !important;
}
/*#gradient2{
 	background-image:
    linear-gradient(
	 black,  grey
    );

 }*/	
 .navbar-header{
background-color:  white;	
color: #F21A0F;
}
/*navbar-header - is for the display on the phone screen - that is the collapsed bar*/
.navbar navbar-inverse navbar-static-top{
background-color:  blue;	
}
/*navbar navbar-inverse navbar-static-top - this is the  whole navbar when it shows on a phone screen*/ 
 .navbar-inverse navbar-static-top{
background-color:  white;	
border-color: white;
}
.navbar-inverse{
	background-color: white;
	border-color: white;
}
/*navbar-inverse navbar-static-top - phone screen collapsed menu bar*/

/*
.navbar-static-top{
background-color:black;	
 color: #F21A0F;
}
navbar-static-top - this is for the nav bar that shows on large screen*/
  .navbar-static-top{
background-color:  white;	
 color: black;
} 
.btn-primary {
	color: #337ab7;
	background-color: white;
}
.gradient2 div div {
	background-color: white;
	border-color: white;
}

}
.navbar-brand2 {
	background-color:red;
}
.white{
	background-color: white !important;
}
.white div div ul li a:hover {
	background-color: white !important;
	color:grey !important;
	border: solid 1px black !important;
	
}
.nav.navbar-nav .navbar-brand2:hover{
		background-color: white !important;
	color:grey !important;
	border: solid 1px black !important;
	
}
.nav.navbar-nav li a {
	background-color: white;
	color: grey;
}
.navbar-inverse .navbar-nav>li>a:focus, .navbar-inverse .navbar-nav>li>a:hover {
	color:grey!important;
	background-color: white!important;
	border: solid 1px black!important;
}
.white.container.navbar ul li a:hover{
	background-color:red;
}
a hover{
	display:none;
	
}
.photopackage.glyphicon {
    position: relative;
    top: 0px;
    display: inline-block;
    font-family: 'Glyphicons Halflings';
    font-style: normal;
    font-weight: 400;
    line-height: 1;
    -webkit-font-smoothing: antialiased;
    font-size: 3.5em;
    margin-right: 10px;
    -moz-osx-font-smoothing: grayscale;
}
h2 {
    font-size: 30px;
    display: inline-block;
}
a {
    color: grey;
}