html {
	height: 100%;
	background-color: #f2f4f6; /*#000000*/
}
body {
    padding-top: 60px;
    background-color: #f2f4f6;
    height: 100%;
}
#holder {
    min-height: 100%;
    position:relative;
    padding-bottom: 60px;
    line-height: normal;
}

/*/ -- --------CHANGED CUSTOM STYLES FROM BOOTSTRAP.CSS OR BOOTSTRAP-RESPONSIVE.CSS  ------>   /*/
.container {
    padding-bottom: 140px;
}
.navbar .nav {
	position: absolute;
	top: 0px;
	left:0px;
}

.navbar .nav .dropdown-toggle {
	width:59px;
}

.navbar .nav .dropdown-toggle .caret {
	margin-left: 7px;
	margin-top: 8px;
}
.dropdown-menu {
    background-color: #f8f8f8;
}
.dropdown-menu > li > a {
    padding: 5px 16px;
}
.dropdown-menu > li > a:hover,
.dropdown-menu > li > a:focus,
.dropdown-submenu:hover > a,
.dropdown-submenu:focus > a {
  color: #ffffff;
  text-decoration: none;
  background-color: #93cde9;
  background-image: -moz-linear-gradient(top, #a4d4ee, #a4d4ee);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#a4d4ee), to(#a4d4ee));
  background-image: -webkit-linear-gradient(top, #a4d4ee, #a4d4ee);
  background-image: -o-linear-gradient(top, #a4d4ee, #a4d4ee);
  background-image: linear-gradient(to bottom, #a4d4ee, #a4d4ee);
  background-repeat: repeat-x;
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffa4d4ee', endColorstr='#ffa4d4ee', GradientType=0);
}
.navbar .nav > li > .dropdown-menu:before {
  border-right: 0;
  border-bottom: 0;
  border-left: 0;
  border-bottom-color: 0;
}
.navbar-fixed-top {
	margin-bottom:0;
}
.navbar-inverse .nav > li > a, 
.navbar-inverse .nav > li > a {
	color: #9bccdf;
	background-color: ;
}
.navbar-inverse .nav > li > a:focus,
.navbar-inverse .nav > li > a:hover {
  color: #f2f4f6;
  background-color: #9bccdf;
}

.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  color: #ffffff;
  background-color: #111111;
}
.navbar-inverse .nav .active > a,
.navbar-inverse .nav .active > a:hover,
.navbar-inverse .nav .active > a:focus {
  background-color: #2a2a2a;
}
.navbar-fixed-top .navbar-inner,
  .navbar-fixed-bottom .navbar-inner {
    padding: 0px;
  }
.navbar .brand {
	padding: 5px 0 5px 0 
}
/*/changing following from 1px to 0 removed incremental thumbnail 1px down placement issue/*/
[class*="span"] {
  min-height: 0px; 
}
.navbar-inner {
    min-height: 62px;
}
.navbar-fixed-top, .navbar-fixed-bottom, .navbar-static-top {
    margin-left: 0px;
    margin-right: 0px;
}

.btn-inverse {
  color: #A8A8A8;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #363636;
  *background-color: #363636;
  background-image: -moz-linear-gradient(top, #363636, #363636);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#363636), to(#363636));
  background-image: -webkit-linear-gradient(top, #363636, #363636);
  background-image: -o-linear-gradient(top, #363636, #363636);
  background-image: linear-gradient(to bottom, #363636, #363636);
  background-repeat: repeat-x;
  border-color: #222222 #222222 #000000;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff363636', endColorstr='#ff363636', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}
.btn-inverse:hover,
.btn-inverse:focus,
.btn-inverse:active,
.btn-inverse.active,
.btn-inverse.disabled,
.btn-inverse[disabled] {
  color: #A8A8A8;
  background-color: #363636;
  *background-color: #363636;
}
.btn-inverse:active,
.btn-inverse.active {
  background-color: #363636 \9;
}
.dropdown-menu {
    background-clip: padding-box;
    background-color: #FFFFFF;
    border: 0px solid rgba(0, 0, 0, 0.2);
    border-radius: 0px;
    box-shadow: none;
    display: none;
    float: left;
    left: 3px;
    margin: 0px 0 0;
    min-width: 180px;
    padding: 0px 0;
    top: 105%;
}
.dropdown-menu > li > a {
    padding: 12px 0px;
    font-size: 1em;
    color: #73b0c8;
}
.navbar-inverse .nav li.dropdown {
	background-color: #111111;
}

.navbar-inverse .nav li.dropdown.open > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.active > .dropdown-toggle,
.navbar-inverse .nav li.dropdown.open.active > .dropdown-toggle {
  color: #FFFFFF;
  background-color: #9bccdf;
}
.navbar-inverse .brand,
.navbar-inverse .nav > li > a {
  color: #e9ecee;
  text-shadow: 0 0px 0 rgba(0, 0, 0, 0);
}

.row-thumbs .span3 {
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}
.row-thumbs .span3 a {
	color:#111111;
}
.row-thumbs .span3 a:hover [class*="thumb-overlay"]{
	color:#F2F4F6;
	background-color: #111111;
	width: 100%;
}

.row-thumbs .span4 {
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}
.row-thumbs .span4 a {
	color:#111111;
}
.row-thumbs .span4 a:hover [class*="thumb-overlay"]{
	color:#F2F4F6;
	background-color: #111111;
}
.row-home a {
	color: #000000;
	padding-bottom: 20px;
	display: block;
	margin-bottom: 20px;
}
.row-home h5 {
	text-align: left;
    margin: 6px 0px 1px 0;
    text-decoration: none;
    font-weight: bold;
}
.row-home .thumb-desc {
	text-align: left;
    padding: 2px 0px 1px 0;
    text-decoration: none;
    font-weight: normal;
}
.row-home {
	text-align: left;
	font-size: 11px;
    padding: 2px 0px 1px 0;
    text-decoration: none;
    font-weight: normal;
}

.thumb-tags {
	position: relative;
	display: inline-block;
	padding-top:10px;
	overflow: visible;
	min-height: 30px;
}
.media-interactive {
	background: url('http://www.jangodfrey.com/images/icon-interactive.png') no-repeat;
	background-repeat: no-repeat;
	background-size: 25px 18px;
	background-position: 0px 6px;
	padding-left: 32px;
}
.media-gif {
	background: url('http://www.jangodfrey.com/images/icon-gif.png') no-repeat;
	background-repeat: no-repeat;
	background-size: 25px 18px;
	background-position: 0px 6px;
	padding-left: 32px;
}
.media-video {
	background: url('http://www.jangodfrey.com/images/icon-video.png') no-repeat;
	background-repeat: no-repeat;
	background-size: 25px 18px;
	background-position: 0px 6px;
	padding-left: 32px;
}
/*/ -- --------END OF changed bootstrap code  ------>   /*/


/*/ -- --------START OF PORTFOLIO STYLES  ------>   /*/



.dropdown-contact {
	display:none;
}
.navbar .navbar-inner ul {
	font-family: sans-serif;
	font-weight: bold;
	font-size: 1.1em;
    letter-spacing: 0.8px;
}
.navbar .nav > li > a {
	padding: 22px;
}

.navbar .nav-contact {
	left: auto;
	right: 0px;
	padding-top: 0px;
	padding-left: 0px; 
	display: block;
}
.navbar .nav-contact li > a {
	color: #111111;
	background-color: #f0f3f5;
}
.nav-contact .nav-contact-a span {
	display: block;
	margin-top: 3px;
}
.navbar .nav-work {
	padding-left: 0px;
}

#swiffycontainer {
	width: 260px;
	height: 260px;
}
.intro-copy {
	text-align: left;
	padding: 14px 0 0 0px;
}
.intro-copy h3 {
	color:#111111;
	line-height: 35px;
}
.intro-copy p {
	color:#a1a2a3;
	font-size: 1.2em;
	line-height: 25px;
}

.thumb-overlay {
	/*background-color: rgba(242, 244, 246, 0.7);*/
    bottom: 0;
    position: absolute;
    text-align: left;
    padding: 1px 0px 1px 0;
    line-height: 1.5;
}
.thumb-overlay span {
    font-size: 0.8em;
    padding: 0 10px 0 6px;
}

.container > .row-fluid {
	padding-top:14px;
}

.container > .row-fluid ~ .row-fluid {
	padding-top:0px;
}
.cat-header {
	color: #111111;
}
.cat-header a {
	padding-left:0px;
	color: #0088CC;
}
.cat-header a:hover, a:focus {
	color: #111111;
	text-decoration: none;
}
.table-flash-container {
	margin-top:20px;
	/*LETTER SPACING WAS SCREWING UP SOME OF THE CTA TEXT INSIDE THE OVO ADS SO COMMENTED THAT OUT THEN DECIDED TO COMMENT THE REST OUT FOR GOOD MEASURE :);*/
	/*font-family: sans-serif;
	font-size: 1em;*/
    /*letter-spacing: 1px;*/
    text-align: center;
}
.table-img-container {
	margin-top:20px;
}
.table-img-container .td-img {
	padding-bottom: 100px;
}

.row-thumbs-list .span12 {
	text-align: center;
	margin-bottom:120px;
}
.row-thumbs-homepage .span12 {
	text-align: center;
	margin-bottom:40px;
}
.row-thumbs-description {
	text-align:center;
	margin-bottom: 100px;
	color:#999999;
}

.span-back-btn {
	padding-top:30px;
}
.row-back-btn .span12 {
	margin-bottom:30px !important;
}

.back-btn {
	
}
.row-thumbs-description p {
    font-size: 1em;
    letter-spacing: 1px;
}
.description-client b {
	color: #111111;
}
.description-delivered {

}

.description-info {
	max-width: 400px;
	margin: 0 auto;
}

.no-flash .get-flash {
	padding:2% 10% 2% 10%;
	background-color: #e8ecee;
}
.no-flash .vid-preview {
	padding:0 0 6% 0;
	/*color: #999999;*/
}
.no-flash .vid-preview video {
	padding-top: 24px;
}
.white {
	color:#FFFFFF;
}

/*/ -- --------END OF PORTFOLIO STYLES  ------>   /*/

.navbar .brand {
width: 50%;
    margin: 0 auto;
 float:none;
text-align: center;
}

.navbar .brand img {
position:relative;
}


.navbar-alert {
	margin-bottom: 0px;
}
.navbar .alert {
	margin-bottom: 0px;
}

.form-signin {
max-width: 300px;
padding: 19px 29px 29px;
margin: 0 auto 20px;
background-color: #fff;
border: 1px solid #e5e5e5;
-webkit-border-radius: 5px;
   -moz-border-radius: 5px;
        border-radius: 5px;
-webkit-box-shadow: 0 1px 2px rgba(0,0,0,.05);
   -moz-box-shadow: 0 1px 2px rgba(0,0,0,.05);
        box-shadow: 0 1px 2px rgba(0,0,0,.05);
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
margin-bottom: 10px;
}
.form-signin input[type="text"],
.form-signin input[type="password"] {
font-size: 16px;
height: auto;
margin-bottom: 15px;
padding: 7px 9px;
}


.media-grid {
	margin-top:0px;
}
.media-grid .item-wrapper {
  width: 190px;
  height: 190px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-top:10px;
}

.media-grid .item {
  position: absolute;
  top: -50%;
  left: -50%;
  width: 200%;
  height: 200%;
}
.media-grid .item img {
  position: absolute;
  top: 0;
  left: 0;
  right: 0;
  bottom: 0;
  margin: auto;
  min-width: 50%;
  min-height: 50%;
  z-index: 1;
}
.media-grid .item-wrapper-alert {
  width: 50px;
  height: 50px;
  overflow: hidden;
  position: relative;
  float: left;
  margin-top: 4px;
  margin-right: 26px;
  margin-left: 10px;
}
.navbar-album .item-wrapper-alert {
	width: 90px;
  	height: 90px;
  	margin-top: 15px;
}
.alert-txt {
	display: table;
}
.media-grid .item-see-all {
  background-color:#dedede;
}
.media-grid-hr {
	margin:11px 0;
}
.item-info-table {
	max-width:initial;
	margin-top:0px !important;
	margin-right:0px !important;
}
.item-info-table td{
	padding:0;
	margin:0;
	border-style: none !important;
}
.item-info-table h6{
	font-size: 14px;
	padding:0;
	margin:4px 0 0 0;
}
.item-info-table .album-info {
	font-size: 11px;
}
.ico {
	position: absolute;
	float:left;
	display:block;
	width: 65px;
	height: 66px;
	left:0px;
	top:61px;
	z-index: 10;
}
.ico-video {
	background-image: url('../imgs/ico-video.png');
	background-repeat: no-repeat;
}
.ico-album {
	background-image: url('../imgs/ico-album.png');
	background-repeat: no-repeat;
}
.navbar-album table {
	margin:0;
}
.navbar-album .album-nav-table {
	width:60%;
	background-color: transparent;
	margin:0;
}
.item-checkbox {
	position: absolute;
	top:6px;
	left:6px;
	z-index: 20;
}
.table-info td {
	border-color: #555555;
}
.table-info tr:first-child td {
	border-top: 0;
}
.table-info .edit-link {
	margin-top:20px;
	display: block;
}
.photo {
	text-align:center;
}
.photo-h1 {
	color:#555555;
	display:inline;
}
.photo-desc {
	color:#555555;
}
#example_video_1 {
	display: inline-block;
}
.review .input-post {
	margin: 0 5px 0px 0;
}
.review .info-txt {
	color:#C09853;
}
.review .paypal {
	color:#3A87AD;
	font-size: 10px;
}
.btn-inverse .icon-white {
	opacity:0.6;
	width:20px;
}
.btn-inverse .caret {
	opacity:0.6;
}
.dropdown-menu > li > a > i {
    margin-right: 10px;
    opacity:0.6;
}
.download-win {
	width:140px;
}
.download-win hr {
	color: #ffffff;
background-color: #ffffff;
height: 5px;
}
.download-win h5 {
	color:#adadac;
	font-size: 12px;
	padding-top: 5px;
	margin-bottom: 0;
}
.download-win p {
	color: #6A6A6A;
	display: inline-block;
}

.download-win i {
	opacity: 0.6;
}
.select-bar {
	margin-top:40px;
}
.select-bar .select-all {
	margin-right:10px;
}
.select-bar .select-all input{
	margin: 0 0 0 4px;
    padding: 0;
}
.row-info {
	margin-top:30px;
}
.row-white {
	background-color:#F7F7F7;
}
#contact-info table td{
	margin-bottom:0;
	padding-bottom:0;
}
#shipping-address table td{
	margin-bottom:0;
	padding-bottom:0;
}

footer {
	background-color: #e9ecee;
	font-family: sans-serif;
    font-size: 1em;
    letter-spacing: 0.5px;
    position: absolute;
    bottom: 0;
    left:0;
    height:160px;
    width: 100%;
}
footer .row{
	color:#111111;
	padding:20px 0 20px 0;
}
footer a {
	color:#111111;
}
footer a:hover{
	color:#0088CC;
}
.row-social {
	margin-top: 20px;
	text-align: center;
}
.row-social .social-icons {
	text-align: center;
	width:30px;
	display:inline-block;
	margin:6px;
}
.row-social .social-icons img {
 	width:30px;
 }


/*?////////       ///////////    MEDIA QUERIES   ///////////       ///////////*/

@media (max-width: 1200px) { 

	.media-grid .item-wrapper {
		width: 150px;
  		height: 150px;
	}
	#swiffycontainer {
		width: 220px;
		height: 220px;
	}
	.ico {
		top:46px;
	}
}

@media (max-width: 979px) {  

	body {
      padding-top: 0;
      padding-left:0px;
      padding-right:0px;
    }
	.media-grid .item-wrapper {
		width: 120px;
  		height: 120px;
	}
	.ico {
		top:31px;
	}
	#swiffycontainer {

	}
	.item-info-table h6{
		font-size: 12px;
		line-height:14px;
	}
	.item-info-table td{
		font-size: 12px;
		line-height:16px;
		padding:0;
		margin:4px 0 0 0;
	}
	footer .html5-badge {
		width:120px;
	}
}

@media (max-width: 767px) {  
	.container {
    	width: 517px;
	}
	.media-grid .item-wrapper {
		width: 120px;
  		height: 120px;
  		margin-top:6px;
  		margin-right:6px;
	}
	.ico {
		top:27px;
	}
	#swiffycontainer {
		width: 160px;
		height: 160px;
	}
	.intro-copy {
    padding: 0px 0 0;
	}
	.row-thumbs-list .span12 {
		margin-bottom:60px;
	}
	
	footer .html5-badge {
		display:none;
	}
	footer .row{
		padding:20px 20px 20px 20px;
	}
}

@media (max-width: 480px) {

	.container {
    	width: 360px;
	}
	.media-grid .item-wrapper {
		width: 114px;
  		height: 114px;
  		margin-top:4px;
	}
	.ico {
		top:25px;
	}
	.navbar .brand {
		width:66px;
		/*margin: 0px 20px 0 auto;*/
	}
    .navbar .brand img {
   		clip: rect(0px, 76px, 62px, 16px); 
    }
    .navbar .brand-txt {
		display: none;
    }
    .nav-contact {
		display: none !important;
	}
	.dropdown-contact {
		display:block;
	}
}

@media (max-width: 320px) {
  body {
    width:320px;
  }
}