/*-----------------------------------
	Broadway Auto Tech
	version 1.0
	
------------------------------------*/


html { font-size:16px; } /* Make sure the default is always 16px */

body {

	font-size:62.5%; /* 16px * 62.5% = 10px : 1em now = 10px */
	background: url('../img/background.png') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;

	overflow: hidden;
  	
}



/*   ie 8 hack to force background to cover  */
.ie8 body { 
  
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../img/background.png',
sizingMethod='scale');

-ms-filter: "progid:DXImageTransform.Microsoft.AlphaImageLoader(
src='../img/background.png',
sizingMethod='scale')";

}



p {
	font-size:1.2em; /* 12px */
}



a:link              {color: #FFFFFF;  text-decoration: none;}
a:visited           { color: #FFFFFF; }
a:hover             {color: #FFFFFF;}
a:active            { color: #FFFFFF; }



.clear {
	clear:both
}




/* 
  	global elements
*/


/*  main text  */
h1{

	font: 500 1.5em/1.2em "VectoraLTStd45Light", helvetica neue, Helvetica, Arial, sans-serif;
	color: #FFF;
	
}

/*  left nav text  */
h3{

	font: 700 1.4em/1.2em "VectoraLTStd45Bold", helvetica neue, Helvetica, Arial, sans-serif;
	color: #FFF;
	
}


h2{

	font: 400 1.2em/1.2em "VectoraLTStd45Light", helvetica neue, Helvetica, Arial, sans-serif;
	color: #FFF;
	
}






h4{

	font: 700 1.6em/1.2em "VectoraLTStd45Bold", helvetica neue, Helvetica, Arial, sans-serif;
	color: #FFF;
	
}

h5{

	font: 700 1.8em/1.2em "VectoraLTStd45Bold", helvetica neue, Helvetica, Arial, sans-serif;
	color: #FFF;
	
}



h6{
	
	font: 400 1.0em/1.2em "VectoraLTStd45Light", helvetica neue, Helvetica, Arial, sans-serif;
		
}



#credit{

	position: relative;
	margin-top: 15px;
	padding-left: 140px;
	text-align: center;
	opacity: .6;
		
}




li{

	/* font: 500 1.4em/0.6em "VectoraLTStd45Light", helvetica neue, Helvetica, Arial, sans-serif;  */
	
	font: 400 1.2em/0.6em "VectoraLTStd45Light", helvetica neue, Helvetica, Arial, sans-serif;
	color: #FFF;
	cursor:pointer;
}


 .boldish{

	font: 500 1.0em/1.2em "VectoraLTStdRomanBold", helvetica neue, Helvetica, Arial, sans-serif;
	color: #FFF;
	
}




#main {
	position: relative;
	float: left;
	
	width: 100%;
	
	
	/* 
  	height: 100%;
  	width: 1000px;
  	*/
  	
}




/* 
	center divs
*/
		
#cent{
	
	position: relative;
	float: left;
	width: 60%;
	max-width:675px;
	margin: 0 auto;
	height: 800px;
	opacity: 0;
	
}

#cent_map{
	
	position: relative;
	float: left;
	width: 70%;
	max-width:675px;
	margin: 0 auto;
	height: 800px;
	opacity: 0;
	
}

#cent_specials{
	
	position: relative;
	float: left;
	width: 60%;
	max-width:675px;
	margin: 0 auto;
	height: 800px;
	opacity: 0;
}



#cent_other{
	
	position: relative;
	float: left;
	width: 60%;
	max-width:675px;
	margin: 0 auto;
	height: 800px;
	opacity: 0;
}

/* 
	small arrows
*/

#arrow_top{

	position: relative;
	text-align: left;
	margin-left: 20%;
    
}


#arrow_top_specials{

	position: relative;
	text-align: left;
	margin-left: 20%;
    
}



.centerPartTopPadding{

	padding-top: 20px;

}



#logo {
	
	position: relative;
	text-align: left;
	margin-left: 20%;
	padding-top: 15px;
	margin-bottom: -10px;
}



#logo .md{
 
 	display: none;
	
}


.centerPart{

	position: relative;
	text-align: left;
	margin-left: 20%;
	padding-left: 50px;

}


#outro{

	position: relative;
	text-align: left;
	margin-left: 20%;
	padding-top: 0px;
	padding-left: 50px;

}


#photo{

	position: relative;
	margin-top: 15px;
	padding-left: 140px;
	text-align: center;
	

}


#social{
	
	position: relative;
	width: 100%;
	margin-top: 10px;
	text-align: center;
	
}


#social .social_links a{
	text-indent: -9999px;
	float: left;
	width: 40px;
	height: 40px;
	display: block;
	
}

.social_links{
	width: 80px;
	margin: 0 auto;
	padding-left: 140px;
}


.facebook{
	background: transparent url('../img/fb.png') 0 0 no-repeat; 
}
.twitter{
	background: transparent url('../img/tweet.png') 0 0 no-repeat; 
}

#shelf{

	position: relative;
	float: left;
	
	height: 1200px;
	width: 250px;
	left:-300px;
	
	background-image:url('../img/shelf.png'); background-repeat: no-repeat;
	
	-webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);      
	
}











/* 
  	left SHELF elements
*/


.icon_part{	

	padding-top: 20px;
	padding-left: 35%;

}


#txt_address{

	text-align: center;
	padding-top: 1px;

}


#txt_phone_number{

	text-align: center;
	padding-top: 1px;

}



#txt_hours{

	text-align: center;
	padding-left: 5%;
	padding-top: 1px;

}



#txt_deal{

	text-align: center;
	padding-top: 1px;

}










/* 
  MAP
*/




#interior_logo {
	
	position: relative;
	text-align: left;
	margin-left: 10%;
	padding-top: 20px;
	padding-left:60px;
	padding-bottom: 20px;
		
		
}


#map{

	position: relative;
	margin-left: 10%;
	padding-top:20px;
	text-align: center;
	
	
}



#mapx{

	background:#ffffff;
	position: relative;
	margin-left: 10%;
	text-align: center;
	
}



#map_btn{
	
	position: relative;
	margin-left: 20%;
	padding-top:10px;
	text-align: center;
	
}








@media (max-width: 960px){


	/* 

	body{
		background:none!important;
	}
	
	*/
	
	html { font-size:14px; } /* Make sure the default is always 16px */
	

#logo .md{
 
 	display: inline;
	
}

#logo .lg{
 
 	display: none;
	
}

#logo {
	
	position: relative;
	text-align: left;
	margin-left: 15%;
	padding-top: 5px;
	padding-bottom: 15px;

}

#icon_part{	

	padding-top: 15px;
	padding-left: 35%;

}



#shelf{

	position: relative;
	float: left;
	
	height: 1200px;
	width: 220px;
	
	background-image:url('../img/shelf.png'); background-repeat: no-repeat;
	
	-webkit-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);
    box-shadow: 8px 8px 8px rgba(0, 0, 0, 0.3);      
	
}


#cent{
	
	max-width:1200px;
	width: 60%;
}





}