@charset "utf-8";
/* CSS Document */


/* Generic Responsive Styles */


@media (min-width: 1200px) {

  .row {
    margin-left: -30px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 30px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
    width: 1170px;
  }
  .span12 {
    width: 1170px;
  }
  .span11 {
    width: 1070px;
  }
  .span10 {
    width: 970px;
  }
  .span9 {
    width: 870px;
  }
  .span8 {
    width: 770px;
  }
  .span7 {
    width: 670px;
  }
  .span6 {
    width: 570px;
  }
  .span5 {
    width: 470px;
  }
  .span4 {
    width: 370px;
  }
  .span3 {
    width: 270px;
  }
  .span2 {
    width: 170px;
  }
  .span1 {
    width: 70px;
  }

#contact_info_top_2 {
	display:none;

}

}





@media (min-width: 768px) and (max-width: 979px) {


#logoContainer {
	margin-top: 10px;	
}

	 


  .row {
    margin-left: -20px;
    *zoom: 1;
  }
  .row:before,
  .row:after {
    display: table;
    line-height: 0;
    content: "";
  }
  .row:after {
    clear: both;
  }
  [class*="span"] {
    float: left;
    min-height: 1px;
    margin-left: 20px;
  }
  .container,
  .navbar-static-top .container,
  .navbar-fixed-top .container,
  .navbar-fixed-bottom .container {
	width: 724px;
  }
  .span12 {
    width: 724px;
  }
  .span11 {
    width: 662px;
  }
  .span10 {
    width: 600px;
  }
  .span9 {
    width: 538px;
  }
  .span8 {
    width: 476px;
  }
  .span7 {
    width: 414px;
  }
  .span6 {
    width: 352px;
  }
  .span5 {
    width: 290px;
  }
  .span4 {
	width: 228px;
  }
  .span3 {
    width: 166px;
  }
  .span2 {
    width: 104px;
  }
  .span1 {
    width: 42px;
  }
 

}



@media (max-width: 767px) {
 
 [class*="span"].pull-right {
    float: none;
}
 
 #contact_info_top_2 {
	z-index: 3000;

} 
 
#logoContainer {
	height:50px;
	width:300px;

}	 
 
 #login_container {
	margin-top: 60px;
}
 

 
  body {
    padding-right: 0px;
    padding-left: 0px;
  }

  .container-fluid {
    padding: 0;
  }

  .container {
    width: auto;
  }
  .row-fluid {
    width: 100%;
  }
  .row,
  .thumbnails {
    margin-left: 0;
  }
  .thumbnails > li {
    float: none;
    margin-left: 0;
  }
  [class*="span"],
  .uneditable-input[class*="span"],
  .row-fluid [class*="span"] {
    display: block;
    float: none;
    width: 100%;
    margin-left: 0;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .span12,
  .row-fluid .span12 {
    width: 100%;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .row-fluid [class*="offset"]:first-child {
    margin-left: 0;
  }

}



@media (max-width: 780px) {

#mainNavContainer {
	position:fixed;
	top: 0px;
}

#header_wrap {
	position:relative;
	min-height:160px;
	top:55px;
	background-color:#FFF;
}


#login_container {
	margin-top: 60px;
}


#logoContainer {
	margin-top: 10px;
	height:50px;
	width:360px;

}

h8{
	line-height: 2em;

}

#top_info_wrap {
	display: none;
}


#top_image_wrap {
	width: 100%;
	background: url(../img/truck_yard_background.jpg) no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	min-height: 300px;
	background-position: center;
}


#icon_line {
	border-bottom: 2px solid #999;
	border-right: none;
	min-height: 110px;
	margin-bottom: 30px;
}

#text_line_1 {
	border-bottom: 2px solid #CCC;
	border-right: none;
	min-height: 100px;
	margin-top: 30px;
	margin-bottom: 30px;

}

#text_line_2 {
	border-bottom: 2px solid #CCC;
	border-right: none;
	min-height: 100px;
	margin-top: 30px;
	margin-bottom: 30px;

}


#text_line {
	border-bottom: 2px solid #575757;
	border-right: none;
	margin-top: 30px;
	min-height: 230px;
}

	 

#content_wrap_4 {
	padding-top: 100px;

} 


  .span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .span1 {
    margin-left: 10px;
	width: 90%;
  }



}

@media (max-width: 360px) {

  .span12, .span11, .span10, .span9, .span8, .span7, .span6, .span5, .span4, .span3, .span2, .span1 {
    margin-left: 10px;
	width: 90%;
  }

}







/*-----------------------------------------------------------------------------  LOGIN INPUT STYLES  ------------------------------------------------------------------------------*/


@media (min-width: 1200px) {



}




@media (min-width: 768px) and (max-width: 979px) {



  input,
  textarea,
  .uneditable-input {
    margin-left: 0;
  }
  .controls-row [class*="span"] + [class*="span"] {
    margin-left: 20px;
  }
  input.span12,
  textarea.span12,
  .uneditable-input.span12 {
    width: 710px;
  }
  input.span11,
  textarea.span11,
  .uneditable-input.span11 {
    width: 648px;
  }
  input.span10,
  textarea.span10,
  .uneditable-input.span10 {
    width: 586px;
  }
  input.span9,
  textarea.span9,
  .uneditable-input.span9 {
    width: 524px;
  }
  input.span8,
  textarea.span8,
  .uneditable-input.span8 {
    width: 462px;
  }
  input.span7,
  textarea.span7,
  .uneditable-input.span7 {
    width: 400px;
  }
  input.span6,
  textarea.span6,
  .uneditable-input.span6 {
    width: 338px;
  }
  input.span5,
  textarea.span5,
  .uneditable-input.span5 {
    width: 276px;
  }
  input.span4,
  textarea.span4,
  .uneditable-input.span4 {
    width: 214px;
  }
  input.span3,
  textarea.span3,
  .uneditable-input.span3 {
    width: 152px;
  }
  input.span2,
  textarea.span2,
  .uneditable-input.span2 {
    width: 90px;
  }
  input.span1,
  textarea.span1,
  .uneditable-input.span1 {
    width: 28px;
  }
}

@media (max-width: 767px) {


  .input-large,
  .input-xlarge,
  .input-xxlarge,
  input[class*="span"],
  select[class*="span"],
  textarea[class*="span"],
  .uneditable-input {
    display: block;
    width: 100%;
    min-height: 30px;
    -webkit-box-sizing: border-box;
       -moz-box-sizing: border-box;
            box-sizing: border-box;
  }
  .input-prepend input,
  .input-append input,
  .input-prepend input[class*="span"],
  .input-append input[class*="span"] {
    display: inline-block;
    width: auto;
  }





}



@media (max-width: 480px) {

  input[type=checkbox], input[type=radio] {
    border: 1px solid #ccc;
  }

}





/* ----------------------------------- Custom Responsive Styles ----------- */


@media screen and (max-width:1600px) {
	
	.alignmentContainerContent{
	margin: 9% 13% 0 0;
}

.ContentTopImage1{
	position:fixed;
	top:0;
	left:6%;
	min-height:1190px;
	width:100%;
	z-index:3;
}
	
}



@media screen and (max-width:1367px) {

  
#body.loaded .customContainer.billboard{
	max-height:737px;
	margin-bottom:950px;
}

.HomeTopImage1{
	min-height:955px;
}

.alignmentContainerHome{
	margin: 10% 15% 0 0;
	min-width:250px;
}


#section2title{
    max-width: 900px;
}



#section2title img{
	float:none;
}

.alignmentContainerContent{
	margin: 10% 10% 0 0;
}

.ContentTopImage1{
	position:fixed;
	top:0;
	left:3%;
	min-height:1190px;
	width:100%;
	z-index:3;
}

  
}


@media screen and (max-device-width:1280px) {


.HomeTopImage1{
	position:absolute;
}

.ContentTopImage1{
	position:fixed;
	top:0;
	left:0;
	min-height:1190px;
}

} 


@media screen and (min-width:950px) and (max-width:1164px) {

  
#body.loaded .customContainer.billboard{
	max-height:737px;
	margin-bottom:850px;
}

.HomeTopImage1{
	min-height:855px;
}

.alignmentContainerHome{
	margin: 10% 5% 0 0;
	min-width:250px;
}

.alignmentContainerContent{
	margin: 10% 5% 0 0;
	max-width:300px;
}
  
}


@media screen and (min-width:840px) and (max-width:949px) {

  
#body.loaded .customContainer.billboard{
	max-height:600px;
	margin-bottom:750px;
}

.HomeTopImage1{
	min-height:755px;
}

.alignmentContainerHome{
	margin: 10% 4% 0 0;
	min-width:250px;
}



.ContentTopImage1{
	position:fixed;
	top:0;
	left:0;
	min-height:1190px;
}

.alignmentContainerContent{
	margin: 10% 4% 0 0;
	max-width:300px;
}
  
}


/* ----  Nexus 10 Size in Portrait -------------- */
@media screen and (min-width:641px) and (max-width:839px) { 

  
#body.loaded .customContainer.billboard{
	max-height:500px;
	margin-bottom:600px;
}

.HomeTopImage1{
	min-height:655px;
}


.alignmentContainerHome{
	margin: 15% 3% 0 0;
	max-width:250px;
}


.downArrowHome{
	padding-top:3em;
}


.customContainer.section5 h1{
	padding:1em 1em 0 1em;
}

.ContentTopImage1{
	position:fixed;
	top:0;
	left:-25%;
	min-height:1290px;
}

.alignmentContainerContent{
	margin: 15% 3% 0 0;
	max-width:300px;
}

}





@media screen and (min-width:265px) and (max-width:640px) {

h1{
	font-size:2.5em;
}


h2{
	font-size:2.5em;
}
  
#body.loaded .customContainer.billboard{
	max-height:300px;
	margin-bottom:580px;
}

.ajTitleTopHome{
	position:relative;
	min-width:13em;
	height:80px;
	background-color:transparent;
	text-align:center;
	margin:20% auto;
}

.HomeTopImage1{
	margin-top:0;
	top:555px;
	min-height:900px;
	position:relative;
	background-position:left top 0;
	background-attachment:scroll;
}

.alignmentContainerHome{
	margin: 10% 1% 0 0;
	min-width:250px;
	top:55px;
}


.customContainer.section2{
	min-height:450px;
}

#section2title{
    width: 80%;
	z-index:10;
}

.customContainer.section2 h1{
	font-size:4em;
	padding-top:1em;
	padding-bottom:0;
	margin-right:auto;
	margin-left:auto;
	line-height:1em;
	text-align:center;
}

#threadNeedle{
	z-index:5;
}


/*
.customContainer.section3{
	min-height:450px;
}
*/
  
  
.customContainer.section3{
	background-position:center;
	background-size:cover;
	background-attachment:scroll;
}


.customContainer.section3 img {
    max-width: 100%;
    height: 25em;
    width: auto\9; /* ie8 */
	vertical-align:middle;  /* Fixes the small space under the image */
}
  
  
.customContainer.section5{
	background-position:center;
	background-size:cover;
	background-attachment:scroll;
}


.customContainer.section5 h1{
	font-size:4em;
	padding-top:2.5em;
	padding-bottom:0;
	margin-right:auto;
	margin-left:auto;
	line-height:1em;
	text-align:center;
}

.customContainer.section5 img {
    max-width: 100%;
    height: 25em;
    width: auto\9; /* ie8 */
	vertical-align:middle;  /* Fixes the small space under the image */
}
  
.customContainer.section6{
	background-position:center;
	background-size:cover;
	background-attachment:scroll;
}


.customContainer.section6 img {
    max-width: 100%;
    height: 25em;
    width: auto\9; /* ie8 */
	vertical-align:middle;  /* Fixes the small space under the image */
}


.garment{
	text-align:center;
}


.garment img{
	float:none;
	border-bottom:solid 25px #CBCBCB;
}

.garment h1{
	font-size:2em;
	max-width:200px;
	margin:0;
	padding:1em 0 .4em 0;
	line-height:1.3em;
	text-align:center;
	display:inline-block;
}





/* --------- Home Gallery Slider - Section 3 ----- */


.gallery3.photo1{
	background-image:url(../img/AJ-Home-Photo-1-mbl.jpg);
}

.gallery3.photo2{
	background-image:url(../img/AJ-Home-Photo-2-mbl.jpg);
}

.gallery3.photo3{
	background-image:url(../img/AJ-Home-Photo-3-mbl.jpg);
}

.gallery3.photo4{
	background-image:url(../img/AJ-Home-Photo-4-mbl.jpg);
}



/* ---------------- Content Pages --------- */

.alignmentContainerContent{
	margin: 10% 1% 0 0;
	max-width:325px;
	top:55px;
	padding:0 0 4em 2em;
	float:left;
}

.ContentTopImage1{
	margin-top:0;
	min-height:400px;
	position:relative;
	background-position:left bottom 0;
	background-attachment:scroll;
	float:left;
	clear:left;
	margin-left:4em;
}

  
}


@media screen and (max-height: 48em){

#topNavButtonFade{
	display:none !important;
}

}