@charset "UTF-8";

#map{background:none}

#map #main{
float:none;
padding:15px;
width:770px;
_width:800px}

#map #main .sectionH1:before,
#map #main .sectionH1:after{
content:"";
display:table;}

#map #main .sectionH1:after{clear:both;}

/* For IE 6/7 */
#map #main .sectionH1{zoom:1;}

#map #main .sectionH1 .h1cont{
float:left;
width:350px}

#map #main .sectionH1 .map{float:right}

#map #main .sectionH1 h1{
background:url(../img/map/h1.jpg) no-repeat 0 5px;
font-weight:bold;
margin:0 0 5px;
padding:0 0 0 20px}

#map #main .sectionH1 p{margin:0 0 10px}

#map #main .sectionH1 dl{
background:#F0F0F0;
margin:0 0 20px;
padding:10px}

#map #main .sectionH1 dl dt{
font-weight:bold;
margin:0 0 5px}

#map #main .sectionH1 .sectionH2{
clear:both;
margin:0 auto 20px;
padding:50px 0 0}

#map #main .sectionH1 .sectionH2 h2{
font-weight:bold;
margin:0 0 5px}

#map #foot2 .footCont{
margin:0;
width:770px}





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

#map #main{
	width:auto !important;
	box-sizing:100% !important;
}
#map #main .sectionH1 .h1cont{
	float:none !important;
	width:100%;
}
#map #main .sectionH1 .map{
	float:none;
	width:100%;
}
#map #main .sectionH1 .map img{
	width:100%;
}

#map #main .sectionH1 .sectionH2{
	width:100%;
}
#map #main .sectionH1 .sectionH2 iframe{
	width:100% !important;
}

#map #foot2 .footCont{
	width:auto !important;
	box-sizing:100% !important;
	padding-right:15px;
}


}