* {margin: 0; overflow:hidden;}

.mainBGcolor {background-color:#000;}

body {margin:0;	overflow:hidden;}

.containerMain {    display: inline-block;
	height:100%;   
    position: relative;
    width: 122%;
	display: block;
    padding-bottom: 82.25%;
	overflow:hidden;
	margin-bottom:-16%;
}

#campusSelection {display:block;}
	
#chooseCampusMobile{}

#sidePanel {
  background-color: rgb( 0, 0, 0 );
  position: relative;
  left: 0;
  top: 0;
  height:120px;
  width:100%;
  z-index: 15;
}

#sidePanel h1 {
	font-family:'bebasregular';
	max-width:80%;
	padding-left:13em;
	padding-right:8%;
	margin-top:2%;
	font-size:1.4em;
	color:#FFFFFF;
}


#sidePanel p {
	max-width:72%;
	font-family:"Verdana", "Geneva", sans-serif;
	padding-left:18em;
	padding-right:8%;
	font-size:1em;
	color:#FFFFFF;
}


	
#chooseCampusLogo { position:absolute; background:url("../images/nav/lmu-logo.jpg") no-repeat; width:100%; height:100%; max-height:120px; z-index:16}
 
 
 
 #sidePanel2 {
  background-color: rgb( 0, 0, 0 );
  position: relative;
  left: 0;
  top: 0;
  height:120px;
  width:100%;
}

#sidePanel2 h1 {
	font-family:'bebasregular';
	padding-left:13em;
	max-width:80%;
	padding-right:8%;
	margin-top:2%;
	font-size:1.4em;
	color:#FFFFFF;
}


#sidePanel2 p {
	max-width:72%;
	font-family:"Verdana", "Geneva", sans-serif;
	padding-left:18em;
	padding-right:8%;
	font-size:1em;
	color:#FFFFFF;
}

#chooseCampusLogo2 { position:absolute; background:url("../images/nav/lmu-logo.jpg") no-repeat; width:100%; height:100%; max-height:100%;}
 
#findUs1 { position:absolute; background:url("../images/nav/find-us.jpg") no-repeat; width:100%; height:100%; max-height:100%; max-height:40%; max-width:12%; background-size:100%;  z-index:19; bottom:0; right:0; top:10px;   margin-right:19%; }
#findUs1:hover {  background:url("../images/nav/find-us-hover.jpg") no-repeat; width:100%; height:100%; max-height:100%; max-height:40%; max-width:12%; background-size:100%;  z-index:19; bottom:0; right:0; top:10px;   margin-right:19%;}

#findUs2 { position:absolute; background:url("../images/nav/find-us.jpg") no-repeat; width:100%; height:100%; max-height:100%; max-height:40%; max-width:12%; background-size:100%;  z-index:19; bottom:0; right:0; top:10px;   margin-right:19%; }
#findUs2:hover {  background:url("../images/nav/find-us-hover.jpg") no-repeat; width:100%; height:100%; max-height:100%; max-height:40%; max-width:12%; background-size:100%;  z-index:19; bottom:0; right:0; top:10px;   margin-right:19%;}

#backToCampus { position:absolute; background:url("../images/nav/back.jpg") no-repeat; width:100%; height:100%; max-height:100%; max-height:45%; max-width:12%; background-size:100%;  z-index:19; bottom:0; right:0; top:60px;   margin-right:19%; }

#threeSixty {position:absolute;z-index:99;width:100%;height:100%; margin:auto;text-align:center;display:none;}
  
#campus1 {position:absolute;  background:url("../images/nav/campus1.png") no-repeat; width:100%; height:70%; top:120px;  max-width:31.2%; z-index:11;  background-size:100%; left:0%; cursor:pointer;}
#campus2 {position:absolute;  background:url("../images/nav/campus2.png") no-repeat; width:100%; height:70%; top:120px;  max-width:41.75%; z-index:11;   background-size:100%; left:20%; cursor:pointer;}
#campus3 {position:absolute;  background:url("../images/nav/campus3.png") no-repeat; width:100%; height:70%; top:120px;  max-width:31%; z-index:11;   background-size:100%; left:51%; cursor:pointer;}

#campus1grey { position:relative; background:url("../images/nav/campus1grey.png") no-repeat; width:100%; height:100%; left:0%;   background-size:100%; z-index:12; cursor:pointer;display:none; }
#campus2grey { position:relative; background:url("../images/nav/campus2grey.png") no-repeat; width:100%; height:100%;  background-size:100%; z-index:12; cursor:pointer; display:none;}
#campus3grey { position:relative; background:url("../images/nav/campus3grey.png") no-repeat; width:100%; height:100%;  background-size:100%; z-index:12; cursor:pointer;display:none; }

#campusSelection img {position:absolute; width:82%; height:100%; top:120px;  z-index:13; background-size:100%; opacity:0;   cursor:pointer;
	}


/*#campus1grey { position:relative; background:url("../images/nav/campus1.png") no-repeat; width:100%; height:100%;  background-size:100%; cursor:pointer;display:none; }
#campus2grey { position:relative; background:url("../images/nav/campus2.png") no-repeat; width:100%; height:100%;  background-size:100%; cursor:pointer; display:none;}
#campus3grey { position:relative; background:url("../images/nav/campus3.png") no-repeat; width:100%; height:100%;  background-size:100%; cursor:pointer;display:none; }
*/


.headerBox	{position:absolute; background:url("../images/nav/header-grey.png") no-repeat; width:100%; height:100%; max-height:100%; max-width:100%; z-index:5; background-size:100%; display:none;  }
.headerBox p	{
	font-family:"Verdana", "Geneva", sans-serif;
	padding-left:2%;
	padding-right:2%;
	font-size:12px;
	color:#FFFFFF;
}
.headerBox h1	{
	font-family:'bebasregular';
	padding-left:2%;
	padding-right:2%;
	margin-top:1%;
	font-size:26px;
	color:#FFFFFF;
	z-index:30;
}

#gridSelection {display:block;}

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

#chooseCampusLogo { position:absolute; background:url("../images/nav/lmu-logo-ios.jpg") no-repeat; width:100%; height:100%; max-height:180px; z-index:16}


#campus1 {position:absolute;  background:url("../images/nav/campus1.png") no-repeat; width:100%; height:70%; top:180px;  max-width:31.2%; z-index:11;  background-size:100%; left:0%; cursor:pointer;}
#campus2 {position:absolute;  background:url("../images/nav/campus2.png") no-repeat; width:100%; height:70%; top:180px;  max-width:41.75%; z-index:11;   background-size:100%; left:20%; cursor:pointer;}
#campus3 {position:absolute;  background:url("../images/nav/campus3.png") no-repeat; width:100%; height:70%; top:180px;  max-width:31%; z-index:11;   background-size:100%; left:51%; cursor:pointer;}

#sidePanel {
  background-color: rgb( 0, 0, 0 );
  position: relative;
  left: 0;
  top: 0;
  height:180px;
  width:100%;
  z-index: 15;
}

#sidePanel h1 {
	font-family:'bebasregular';
	max-width:72%;
	padding-left:13em;
	padding-right:8%;
	margin-top:2%;
	font-size:1.4em;
	color:#FFFFFF;
}


#sidePanel p {
	max-width:75%;
	font-family:"Verdana", "Geneva", sans-serif;
	padding-left:18em;
	padding-right:8%;
	font-size:1em;
	color:#FFFFFF;
}

#sidePanel2 {
  background-color: rgb( 0, 0, 0 );
  position: relative;
  left: 0;
  top: 0;
  height:180px;
  width:100%;
  z-index: 15;
}

#sidePanel2 h1 {
	font-family:'bebasregular';
	max-width:72%;
	padding-left:13em;
	padding-right:8%;
	margin-top:2%;
	font-size:1.4em;
	color:#FFFFFF;
}


#sidePanel2 p {
	max-width:75%;
	font-family:"Verdana", "Geneva", sans-serif;
	padding-left:18em;
	padding-right:8%;
	font-size:1em;
	color:#FFFFFF;
}

#chooseCampusLogo2 { position:absolute; background:url("../images/nav/lmu-logo-ios.jpg") no-repeat; width:100%; height:100%; max-height:180px; z-index:16}