/* OFFICE DESIGN 1 */
/* Responsive Design */
/* Designed and coded by Melissa Bresnahan */
/* Merrimack Valley Web Design for iMax Web Solutions */


p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: small;
	line-height:normal;
}
a {
	color:#000;
}

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



li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
	font-variant: normal;
	margin: 0px 3px;
	padding: 0px 3px;
}


h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: large;
	color: #000;
}


h2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: smaller;
	color: #000;
}


h3 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: medium;
}


hr {
	margin-top: 0.5em;
    margin-bottom: 0.5em;
    margin-left: 25%;
    margin-right: 25%;
	padding:0px;
    border-style: solid;
    border-width: 1px;
	color: #f13135;
	width: 50%;
	float:left;
}

/*#imax-sys-header
{
	background-color:#c0c0c0;
	width:100%; 
	margin:0px; 
	padding:0px; 
	text-align: center;
	clear: both;
}*/



#mvwebs-banner {
	background-color:#000;
	width:calc(100% - 10px);
	height:60px;
	padding:5px;
 	margin:0px;
	color:#FFF;
}
#mvwebs-left {
	float:left;
	text-align:left;
}
#mvwebs-right {
	float:right;
	text-align:right;
}
.mvwebs-social {
	float:right;
	width:30px;
	margin-top:10px;
}
.mvwebs-agent-social {
	float:left;
	width:30px;
	margin-top:10px;
	margin-bottom:10px;
}

.mvwebs-agent-image {
	float:left;
	width:calc(50% - 20px);
	margin:10px;
}
.mvwebs-agent-button {
	background-color:#e6e775;
	padding:7px;
	margin-left:auto;
	margin-right:auto;
	border-radius: 6px;
	width:75px;
	text-align:center;
	clear:both; 
}
#mvwebs-nav {
	background-color:#FFF;
	width:calc(100% - 100px);
	height:50px;
	padding:50px;
 	margin:0px;
	border-top:thick solid #e6e775;
}
#mvwebs-page-title {
	background-color:#FFF;
	width:calc(100% - 100px);
	height:20px;
	padding-top:50px;
	padding-left:50px;
	padding-right:50px;
 	margin:0px;
}

.mvwebs-button a{
	background-color:#e6e775;

}
.mvwebs-button a:hover{
	background-color:#bbbd0d;

}
#mvwebs-footer {
	background-color:#000;
	width:calc(100% - 10px);
	padding:5px;
 	margin:0px;
	color:#FFF;
	border-top:thick solid #e6e775;
	clear:both;
}


#imax-site-footer {
	width:100%;
	margin:0px;
	padding:0px;
	text-align: center;
	clear: both;
}


#imax-sys-footer {
	background-color:#e6e775;
	width:100%;
	margin:0px;
	padding-top:10px;
	padding-bottom:10px;
	padding-left:0px;
	padding-right:0px;
	text-align: center;
	color:#000;
	clear: both;
}



/*Browser 1500px+ */
@media screen and (min-width: 1500px) {
	#mvwebs-wide-photo {
		background: url("//media.imaxws.com/38828/design-1-boston.jpg");
		height:400px;
		width:100%;
		background-size: cover;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
		padding:0px;
		margin:0px;
		background-position:bottom;
		background-attachment: fixed;
	}
	.mvwebs-text-container {
		width: 60%;
	 	padding:0px;
 		margin-top:100px;
		margin-bottom:100px;
		margin-left:0px;
		margin-right:0px;
		float:left;
	}
	.index-box {
		width: calc((100% / 3) - 180px);
		min-height: 250px; /*CHANGE FOR EVERYONE. THIS WILL MAKE BOXES THE SAME HEIGHT. MAKE A LITTLE TALLER THAN HEIGHT OF TALLEST BOX*/
		float:left;
	 	padding:20px;
 		margin-left:100px;
		margin-bottom:100px;
		margin-top:100px;
		border:thin #CCC solid;
		position:relative;
	}
	.mvwebs-button {
		background-color:#e6e775;
		padding:7px;
		margin-left:auto;
		margin-right:auto;
		border-radius: 6px;
		width:75px;
		text-align:center;
		position:absolute;
		bottom:0;
	}
/*	.index-box-spacer {
		width: 20%;
		float:left;
	 	padding:0px;
 		margin:0px;
	}
	.boxes-container {
		width:100%;
		clear:both;
 		padding:0px;
		margin:0px;

	}
*/
}

/*Browser 1000-1499px*/
@media (min-width: 1000px) and (max-width: 1499px) {

	#mvwebs-wide-photo {
		background: url("//media.imaxws.com/38828/design-1-boston.jpg");
		height:400px;
		width:100%;
		background-size: cover;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
		padding:0px;
		margin:0px;
		background-position:bottom;
		background-attachment: fixed;
	}

	.mvwebs-text-container {
		width: 100%;
	 	padding:0px;
 		margin-top:50px;
		margin-bottom:50px;
		margin-left:0px;
		margin-right:0px;
		float:left;
	}
	.index-box {
		width: calc((100% / 3) - 100px);
		min-height: 320px; /*CHANGE FOR EVERYONE. THIS WILL MAKE BOXES THE SAME HEIGHT. MAKE TALLER THAN LARGE SCREEN SIZE*/
		float:left;
	 	padding:20px;
 		margin-left:50px;
		margin-bottom:100px;
		margin-top:100px;
		border:thin #CCC solid;
		position:relative;
	}
	.mvwebs-button {
		background-color:#e6e775;
		padding:7px;
		margin-left:auto;
		margin-right:auto;
		border-radius: 6px;
		width:75px;
		text-align:center;
		position:absolute;
		bottom:0;
}
/*	.boxes-container {
		padding-left:  0;
		padding-right: 0;
		width:100%;
		clear:both;
		padding:0px;
 		margin:0px;
	}*/
}

/*Browser 500-999px*/
@media (min-width: 520px) and (max-width: 999px) {
	#mvwebs-wide-photo {
		background: url("//media.imaxws.com/38828/design-1-boston.jpg");
		height:200px;
		width:100%;
		background-size: cover;
	  -webkit-background-size: cover;
	  -moz-background-size: cover;
	  -o-background-size: cover;
		padding:0px;
		margin:0px;
		background-position:bottom;
		background-attachment: fixed;
	}

	.mvwebs-text-container {
		width: 100%;
	 	padding:0px;
 		margin-top:30px;
		margin-bottom:30px;
		margin-left:0px;
		margin-right:0px;
		float:left;
	}
	.index-box {
		width: calc(100% - 70);
		float:left;
	 	padding:10px;
 		margin:20px;
		border:thin #CCC solid;
		position:relative;
	}
	.mvwebs-button {
		background-color:#e6e775;
		padding:7px;
		margin-left:auto;
		margin-right:auto;
		border-radius: 6px;
		width:75px;
		text-align:center;
}
/*	.boxes-container {
		padding-left:  0;
		padding-right: 0;
		width:100%;
		clear:both;
		padding:0px;
 		margin:0px;
	}*/

}

/*Browser 0-519px*/
@media screen and (max-width: 519px) {

	#mvwebs-wide-photo {
		display:none;
	}

	.mvwebs-text-container {
		width: 100%;
	 	padding:0px;
 		margin-top:10px;
		margin-bottom:10px;
		margin-left:0px;
		margin-right:0px;
		float:left;
	}
	.index-box {
		width: calc(100% - 70);
		float:left;
	 	padding:10px;
 		margin:20px;
		border:thin #CCC solid;
	}
	.mvwebs-button {
		background-color:#e6e775;
		padding:7px;
		margin-left:auto;
		margin-right:auto;
		border-radius: 6px;
		width:75px;
		text-align:center;
	}
/*	.boxes-container {
		padding-left:  0;
  		padding-right: 0;
		width:100%;
		clear:both;
		padding:0px;
 		margin:0px;
	}*/
}