@font-face {
	font-family: 'BMWType_Bold';
	src:url('./bmwtypewebbold.woff') format('woff'),
	url('./bmwtypewebbold.ttf') format('truetype'),
	url('./bmwtypewebbold.eot'),
	url('./bmwtypewebbold.svg#BMWTypeWebBold') format('svg');
	
	font-weight: normal;
	font-style: normal;
}


@font-face {
	font-family: 'trademarkerbolditalic';
	src:url('trademarkerbolditalic.ttf');
}


body {padding:0px;margin:0px;color:#333;}

.header, .footer {margin-bottom:15px;height:80px; width:100%;background: #b3b3b3; /* Old browsers */
/* IE9 SVG, needs conditional override of 'filter' to 'none' */
background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIyMyUiIHN0b3AtY29sb3I9IiNiM2IzYjMiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjOTE5MTkxIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
background: -moz-linear-gradient(top,  #b3b3b3 23%, #919191 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(23%,#b3b3b3), color-stop(100%,#919191)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #b3b3b3 23%,#919191 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #b3b3b3 23%,#919191 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #b3b3b3 23%,#919191 100%); /* IE10+ */
background: linear-gradient(to bottom,  #b3b3b3 23%,#919191 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b3b3b3', endColorstr='#919191',GradientType=0 ); /* IE6-8 */
}

div.container {position: relative;}

div.dealer {color:#fff;display:inline-block;padding-left: 10px;font-size: 40px;font-family: 'BMWType_Bold';width: 825px;vertical-align: top;line-height: 60px;margin-top: 12px;}
p.dealer-name {position: relative;top: -90px;z-index: 300;padding-left: 10px;font-size: 8px;font-family: 'BMWType_Bold';width: 50px;line-height: 10px;}

div.logos {display: inline-block;padding-left:7px;}
div#banner {color:#fff;margin: 10px;height: 475px;}

div#map {float:right;width:350px;height:350px;color: #000;}
div#map img.lm_map_img {border:1px #333 solid;}
div.location p {width: 245px;display: inline-block;font-family: Arial,Helvetica,sans-serif;font-size: 13px;margin-top: 10px;vertical-align: top;}
div.location h4 {margin:3px 0px;font-family: 'BMWType_Bold';}


div.footer h4 {font-family: 'BMWType_Bold';margin: 3px 0px;}
div.social-icons {background:url('./social-icons.png') no-repeat;height:28px;}
div.social-icons a {width: 25px;display: inline-block;margin-right: 10px;text-decoration:none;}

@media (max-width: 1040px)
{
	.header {height:130px;}
}
@media (min-width: 1200px)
{
	div.container {	width: 1175px;	margin: 0px auto;}
	div.dealer {width: 960px;}
}
@media (max-width: 930px)
{
	div#col2 {
	    width: auto;
	    float: none;
	    position: absolute;
    	padding-top: 64%;
    }

    #video-details {padding-top:90px;}
}
@media (max-width: 768px)
{
    div#col2 {
	    	padding-top: 70%;
    }
}
@media (max-width: 500px)
{
    div#col2 {
	    	padding-top: 90%;
    }
}
@media (max-width: 420px)
{
    div#col2 {
	    	padding-top: 80%;
    }
}

@media (max-width: 380px)
{
    div#col2 {
	    	padding-top: 90%;
    }
}