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

/* Fixed banner
====================================================================== */
.fixed-banner {
	position:fixed;
	width: 100%;
	height:60px;
	z-index:10;
	top:0px;
	left:0px;
	background: #fff;
}

/* End */


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

/* End */

#contact-mobile{
	position:absolute;
	width:40px;
	left:100%;
	top:-20px;
	z-index:10;
	margin-left:-90px;
	display:inline

}


/*Navigation
====================================================================== */ 
#nav {
	display: none !important;

}
 
#nav a {
	display: none !important;
}
 
 
/* End */


/* Fixed Ribbon
====================================================================== */
.fixed-ribbon {
	position:fixed;
	width: 100%;
	height:88px;
	z-index:9;
	top:0px;
	left:0px;
}
/* End */

/* ribbon
====================================================================== */
.ribbon-container {
	position:absolute;
	width: 53px;
	height:132px;
	z-index:9;
	right:0;
	top:60px;
	background:url(images/coming_soon.png) no-repeat;
	background-size:cover;
}

/* End */


/* Banner image 01
====================================================================== */
#banner01 img.banner01-image {
	position:relative;
	width: 100%;
	max-height:auto;
	z-index:2;
	left:0px;
	top:60px;
	padding-bottom:80px;
}

/* End */

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

}

/* End */


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

h1 {color:#ffffff;}
h1 {text-align:center}
h1 {font-size:27px;}
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:21px;}
h2 {font-family:"mcats",serif;}
h2 {line-height:110%}
h2 {font-weight:normal;}
h2 {text-indent:00px;}

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

h4 {color:#b3b3b3;}
h4 {font-size:14px;}
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 {text-align:center}
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:400px;
	z-index:5;
	left:50%;
	top:200px;
	margin-left:-200px;
}
/* End */


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

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


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

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

}


/* text01-container
====================================================================== */
#text01-container {
	position:relative;
	width:100%;
	z-index:5;
	padding-bottom:0px;
	
}
/* End */


/* text one
====================================================================== */
#text-one {
	position:relative;
	margin:0px auto;
	width:90%;
	padding-top:0px;
	padding-bottom:20px;
	overflow: hidden;

}
/* End */


/* Banner image 02
====================================================================== */
#banner02 img.banner02-image {
	position:relative;
	width: 100%;
	max-height:auto;
	z-index:2;
	left:0px;
	padding-bottom:0px;
}
/* End */


/* text02-container
====================================================================== */
#text02-container {
	position:relative;
	width:100%;
	z-index:5;
	padding-bottom:0px;
	
}
/* End */


/* text two
====================================================================== */
#text-two {
	position:relative;
	margin:0px auto;
	width:90%;
	padding-top:14px;
	overflow: hidden;

}


/* text03-container
====================================================================== */
#text03-container {
	position:relative;
	width:100%;
	z-index:5;
	padding-bottom:300px;
	
}
/* End */


/* text three
====================================================================== */
#text-three {
	position:relative;
	margin:0px auto;
	width:90%;
	padding-top:14px;
	overflow: hidden;

}

/* Social buttons
====================================================================== */

#column1 {
	position:absolute;
	width:48px;
	margin:0px;
	padding:0px;
	left:50%;
	bottom:154px;
	margin-left:-24px;

	}
	
#column2 {
	position:absolute;
	width:48px;
	margin:0px;
	padding:0px;
	left:50%;
	bottom:-50px;
	margin-left:-24px;

	}
	
#column3 {
	position:absolute;
	width:48px;
	margin:0px;
	padding:0px;
	left:50%;
	bottom:62px;
	margin-left:-24px

	}
/* End */

/* 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;

}


/* Phone text
====================================================================== */
#phone-text {
	position:absolute;
	left:50%;
	width:110px;
	z-index:7;
	bottom: 100px;
	margin-left:-56px;
}
/* End */


/* Address text
====================================================================== */
#address-text {
	position:absolute;
	left:50%;
	width:200px;
	z-index:7;
	bottom: -10px;
	margin-left:-100px;

}
/* End */


/* Email text
====================================================================== */
#email-text {
	position:absolute;
	right:50%;
	width:74px;
	z-index:7;
	bottom: -100px;
	margin-right:0px;
}
/* End */

/* Footer text
====================================================================== */
#footer-text {
	position:absolute;
	left:50%;
	width:180px;
	z-index:7;
	bottom:-170px;
	

}
/* End */

/* Footer
====================================================================== */
#footer-container {
	position:relative;
	width:100%;
	bottom:0px;
	height:255px;
	z-index:6;
	left:0px;
}

/* Footer image
====================================================================== */
.footer{
	position:absolute;
	width:100%;
	border:none;
	height:440px;
	z-index:6;
	left:0px;
	background:url(images/footer_small.jpg) repeat-x;
	background-size:cover;
}

/* End */

/* Links
====================================================================== */

a.spamspan2:link {color: #b3b3b3; font-family:"arial"; font-weight:normal; font-size:14px; text-decoration: none }
a.spamspan2:visited { color:#b3b3b3; font-family:"arial"; font-weight:normal; font-size:14px; text-decoration: none }
a.spamspan2:hover { color: #91c34f; font-family:"arial"; font-weight:normal; font-size:14px; text-decoration: none }
a.spamspan2:active { color: #b3b3b3 ; font-family:"arial"; font-weight:normal; font-size:14px; text-decoration: none }
a.spamspan2.selected {color: #b3b3b3;}

/* End */