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

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

/* End */


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


/* contact mobile
====================================================================== */
#contact-mobile{
display:none;

}

/* End */


/*Navigation
====================================================================== */ 
#nav {
 	width: 100%;
    height: 100%;
	margin-left:-20px;

}
 
#nav a {
    margin-right: 80px;
    float: right;
    text-decoration: none;
}
 
 
/* End */


/* float clearing for IE6 */
* html .clearfix{
  height: 1%;
  overflow: visible;
}
 
/* float clearing for IE7 */
*+html .clearfix{
  min-height: 1%;
}
 
/* float clearing for everyone else */
.clearfix:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
  font-size: 0;
}


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

/* End */


/* ribbon
====================================================================== */
.ribbon-container {
	position:absolute;
	width: 82px;
	height:205px;
	z-index:9;
	right:0;
	top:100px;
	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:88px;
	padding-bottom:90px;
}

/* End */


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

}

/* End */


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

}

/* End */


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

h6 {color:#cccccc;}
h6 {text-align:center}
h6 {font-size:20px;}
h6 {font-family:"mcats",serif;}
h6 {line-height:100%}
h6 {font-weight:normal;}
h6 {text-indent:00px;}

#text-three p {color:#000000;
font-size:16px;
font-family:"arial",sans-serif;
line-height:140%;
font-weight:normal;
text-indent:00px;
}
/* End */


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


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

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


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


/* 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:70%;
	padding-top:50px;
	padding-bottom:30px;
	overflow: hidden;
	left:1%;
}
/* 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:70%;
	padding-bottom:50px;
	overflow: hidden;
	left:1%;
}



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

#text03-container a.sectionmarker{
  position: absolute;
  top: -80px;
  }

/* text three
====================================================================== */
#text-three {
	position:relative;
	margin:0px auto;
	width:70%;
	padding-top:20px;
	overflow: hidden;
	left:1%;
}


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

/* text four
====================================================================== */
#text-four {
	position:relative;
	margin:0px auto;
	width:70%;
	padding-top: 0px;
	overflow: hidden;
	left:1%;
	
}

#text-four h3{
	color: #ffffff;
}

/*
.rowcontainer {
	position: relative;
}
*/

.badge {
	display: inline-block;
	vertical-align: top;
  	padding-top: 77px;
}

.badgeimg {
	padding-right: 30px;
	width: auto;
	max-width: 150px;
	
}

.badgeimg_right {
	padding-left: 30px;
}

.badgeimg_mobile {
	display: none;
}

.textrow {
	display: inline-block;
	max-width: 750px;

}

/* RESPONSIVE */
@media (max-width: 1360px){

.badgeimg_mobile  {
	padding-right: 30px;
	display: inline-block;
}
	
.badgeimg_right {
	display: none;
}

}



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

}

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

/* End */


/* Footer text
====================================================================== */
#footer-text {
	position:absolute;
	left:50%;
	width:300px;
	z-index:7;
	bottom: -15px;
	margin-left:-90px
}
/* End */


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

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

	}
	
#column2 {
	position:absolute;
	width:128px;
	margin:0px;
	padding:0px;
	left:50%;
	bottom:110px;
	margin-left:246px;

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

	}
/* End */

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

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

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


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


/* Address text
====================================================================== */
#address-text {
	position:absolute;
	left:50%;
	width:500px;
	z-index:7;
	bottom: 30px;
	margin-left:-250px

}
/* End */


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


/* Links
====================================================================== */
a.spamspan:link {color: #cccccc; font-family:"mcats"; font-weight:normal; font-size:20px; text-decoration: none }
a.spamspan:visited { color: #cccccc; font-family:"mcats"; font-weight:normal; font-size:20px; text-decoration: none }
a.spamspan:hover { color: #cccccc; font-family:"mcats"; font-weight:normal; font-size:20px; text-decoration: none }
a.spamspan:active { color: #cccccc ; font-family:"mcats"; font-weight:normal; font-size:20px; text-decoration: none }
a.spamspan.selected {color: #cccccc;}

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

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

/* End */