@charset "UTF-8";
/* CSS Document */

/* Logo
====================================================================== */
.logo{
	position:absolute;
	width: 163px;
	height:68px;
	z-index:10;
	left:10%;
	top:10px;
	float: left;
	background:url(images/mcats_logo_retina.png) no-repeat;
	background-size:cover;
}

/* Text Styles
====================================================================== */

h1 {color:#ffffff;}
h1 {text-align:center}
h1 {font-size:50px;}
h1 {font-family:"mcats",serif;}
h1 {line-height:110%}
h1 {font-weight:normal;}
h1 {text-indent:00px;}

h2 {color:#ffffff;}
h2 {text-align:center}
h2 {font-size:30px;}
h2 {font-family:"mcats",serif;}
h2 {line-height:110%}
h2 {font-weight:normal;}
h2 {text-indent:00px;}

h3 {color:#5a5a5a;}
h3 {font-size:44px;}
h3 {font-family:"mcats",serif;}
h3 {line-height:110%}
h3 {font-weight:normal;}
h3 {text-indent:00px;}

h4 {color:#b3b3b3;}
h4 {font-size:18px;}
h4 {font-family:"arial",sans-serif;}
h4 {line-height:140%}
h4 {font-weight:normal;}
h4 {text-indent:00px;}

h5 {color:#cccccc;}
h5 {font-size:14px;}
h5 {font-family:"arial",sans-serif;}
h5 {line-height:140%}
h5 {font-weight:normal;}
h5 {text-indent:00px;}

/* End */


/* heading 1 container
====================================================================== */
#heading1-container {
	position:absolute;
	width:730px;
	z-index:5;
	left:50%;
	top:170px;
	margin-left:-370px;
}
/* End */


/* who container
====================================================================== */
#who-container {
	position:absolute;
	width:300px;
	z-index:5;
	left:50%;
	top:360px;
	margin-left:-136px;
}
/* End */

/* heading 2 container
====================================================================== */
#heading2-container {
	position:absolute;
	width:820px;
	z-index:5;
	left:50%;
	top:1230px;
	margin-left:-410px;
}
/* End */


/* what container
====================================================================== */
#what-container {
	position:absolute;
	width:300px;
	z-index:5;
	left:50%;
	top:1410px;
	margin-left:-132px;
}
/* End */

/* Decal 02
====================================================================== */
#decal02 img.decal02-image {
	position:absolute;
	width: 100%;
	max-height:auto;
	z-index:3;
	left:0px;
	top:1150px;

}

/* Phone button
====================================================================== */
.phone {
	clear: both;
	position:relative;
	z-index:2005;
	display:block;
	height:36px;
	width: 48px;
	background:url(images/arrow_device_retina.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	background-size:cover;
}	
.phone span.hover {
	position: absolute;
	z-index:2005;
	display: block;
	height:36px;
	width: 48px;
	background: url(images/arrow_device_retina.png) no-repeat;
	background-position: bottom;
	background-size:cover;
}

/* address button
====================================================================== */
.address {
	clear: both;
	position:relative;
	z-index:2005;
	display:block;
	height: 36px;
	width: 48px;
	background:url(images/arrow_device_retina.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	background-size:cover;
}	
.address span.hover {
	position: absolute;
	z-index:2005;
	display: block;
	height: 36px;
	width: 48px;
	background: url(images/arrow_device_retina.png) no-repeat;
	background-position: bottom;
	background-size:cover;
}

/* email button
====================================================================== */
.email {
	clear: both;
	position:relative;
	z-index:2005;
	display:block;
	height: 36px;
	width: 48px;
	background:url(images/arrow_device_retina.png) no-repeat;
	background-position:0 0;
	cursor: pointer;
	background-size:cover;
}	
.email span.hover {
	position: absolute;
	z-index:2005;
	display: block;
	height: 36px;
	width: 48px;
	background: url(images/arrow_device_retina.png) no-repeat;
	background-position: bottom;
	background-size:cover;
}