/*
Theme Name: Starkers
Theme URI: http://elliotjaystocks.com
Description: The totally nude Wordpress theme. Phwoar! (Based on Twenty Ten)
Version: 3.0
Author: Elliot Jay Stocks
Author URI: http://elliotjaystocks.com
Tags: starkers, naked, clean, basic
*/

@import "css/reset.css";
@import "css/typography.css";
@import "css/layout.css";

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

/** 
 * This is "space.css" 
 * Spacing classes 
 * Should be used to modify the default spacing between objects (not between nodes of the same object)
 * Please use judiciously. You want to be using defaults most of the time, these are exceptions! 
 * <type><location><size>
 */
 /* ====== Default spacing ====== */

 * { 
    box-sizing: border-box; 
   } 
h1, h2, h3, h4, h5, h6, ul, ol,dl, p,blockquote, .media {margin:10px;}
h1, h2, h3, h4, h5, h6,img{padding-bottom:0px;}
pre{margin: 10px;}
table h1,table h2,table h3, table h4, table h5, table h6, table p, table ul, table ol, table dl{padding:0;}
 
.pan{padding:0}
.pas{padding:5px}
.pam{padding:10px}
.pal{padding:20px}
.ptn{padding-top:0}
.pts{padding-top:5px}
.ptm{padding-top:10px}
.ptl{padding-top:20px}
.prn{padding-right:0}
.prs{padding-right:5px}
.prm{padding-right:10px}
.prl{padding-right:20px}
.pbn{padding-bottom:0}
.pbs{padding-bottom:5px}
.pbm{padding-bottom:10px}
.pbl{padding-bottom:20px}
.pln{padding-left:0}
.pls{padding-left:5px}
.plm{padding-left:10px}
.pll{padding-left:20px}
.phn{padding-left:0;padding-right:0}
.phs{padding-left:5px;padding-right:5px}
.phm{padding-left:10px;padding-right:10px}
.phl{padding-left:20px;padding-right:20px}
.pvn{padding-top:0;padding-bottom:0}
.pvs{padding-top:5px;padding-bottom:5px}
.pvm{padding-top:10px;padding-bottom:10px}
.pvl{padding-top:20px;padding-bottom:20px}
.man{margin:0}
.mas{margin:5px}
.mam{margin:10px}
.mal{margin:20px}
.mtn{margin-top:0}
.mts{margin-top:5px}
.mtm{margin-top:10px}
.mtl{margin-top:20px}
.mrn{margin-right:0}
.mrs{margin-right:5px}
.mrm{margin-right:10px}
.mrl{margin-right:20px}
.mbn{margin-bottom:0}
.mbs{margin-bottom:5px}
.mbm{margin-bottom:10px}
.mbl{margin-bottom:20px}
.mln{margin-left:0}
.mls{margin-left:5px}
.mlm{margin-left:10px}
.mll{margin-left:20px}
.mhn{margin-left:0;margin-right:0}
.mhs{margin-left:5px;margin-right:5px}
.mhm{margin-left:10px;margin-right:10px}
.mhl{margin-left:20px;margin-right:20px}
.mh5{margin-left:50px;margin-right:50px}
.mvn{margin-top:0;margin-bottom:0}
.mvs{margin-top:5px;margin-bottom:5px}
.mvm{margin-top:10px;margin-bottom:10px}
.mvl{margin-top:20px;margin-bottom:20px}

/** 
 * This is Table.css
 * Data Table 
 * Allows you to align various table cells so that the alignment class can be placed on either the table, table row, or table cell 
 * Cell takes precedence over table row and table
 * Table row takes precedence over table
 */
.data{position:relative; zoom:1;vertical-align: top;text-align: left; /*border-right:solid 1px transparent;*//* border fixes a FF2 bug which causes the data table to overlay its borders*/}
.data table {width:100%; table-layout:fixed;}
th, td{/*vertical-align:top;*/}
/* horizontal alignment */
.txtC, table .txtC td, table .txtC th, .data .txtC th, .data .txtC td{text-align:center;}
.txtL, table .txtL td, table .txtL th, .data .txtL th, .data .txtL td{text-align:left;}
.txtR, table .txtR td, table .txtR th, .data .txtR th, .data .txtR td{text-align:right;}
/* vertical alignment */
.txtT, table .txtT td, table .txtT th, .data .txtT th, .data .txtT td{vertical-align:top;}
.txtB, table .txtB td, table .txtB th, .data .txtB th, .data .txtB td{vertical-align:bottom;}
.txtM, table .txtM td, table .txtM th, .data .txtM th, .data .txtM td{vertical-align:middle;}
.data th,.data td{padding:3px 20px}

/* ====== Grid Spacing  ====== */
.line:after,.lastUnit:after{clear:both;display:block;visibility:hidden;overflow:hidden;height:0 !important;line-height:0;font-size:xx-large;content:" x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x x ";}
.line{*zoom:1;}
.unit{float:left;}
.size1of1{float:none;}
.size1of2{width:50%;}
.size1of3{width:33.33333%;}
.size2of3{width:66.66666%;}
.size1of4{width:25%;}
.size3of4{width:75%;}
.size1of5{width:20%;}
.size2of5{width:40%;}
.size3of5{width:60%;}
.size4of5{width:80%;}
.lastUnit{display:table-cell;float:none;width:auto;*display:block;*zoom:1;_position:relative;_left:-3px;_margin-right:-3px;}
.lastUnit2{display:inline-block; width:310px; float:none;}


body{
	background:url(images/mcm_page_bg.png) repeat;
}



h1, h2, h3, h4, h5, h6, p, a, li  {
	color:#534741;
	text-align:left;
	font-size: 13px;
	line-height: 24px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:lighter;

		}

h1 {
	color:#fff;
	font-size: 1em;
	line-height: 1.75em;
	text-transform:uppercase;
	margin-bottom:5px;
	text-shadow:1px -1px #333;
	letter-spacing:1px;
}


h2 {
	color:#000;
	font-size: 1.75em;
	line-height: 2.5em;
	}
	

h3 {
	color:#fff;
	font-size: 1.25em;
	line-height: 1.5em;
	text-align:left;
	font-weight:lighter;
}

h4 {
	font-size: 1.125em;
	line-height: 1.5em;
	text-align:left;
	}
	
h5 {
	font-size: .75em;
	line-height: 1.625em;
	color:#000;
	}
		ul{

list-style-image:url(images/bannerbullet.png);
}
	
li { 
 	font-size: 1em;
    line-height: 1.5em;
	margin-bottom: 15px;
	font-weight:bold;
	color:#888;
	/*background-image:url(../images/bannerbullet.png);
background-repeat: no-repeat;
background-position: 0px 5px;
padding-left: 14px; 
	*/}
 p{
 font-size: 1.125em;
 line-height: 2em;
 padding:0 20px;
 }
.mainlinks li {
	display: inline;
	padding-right:20px;
	font-size:.85em;

	}

.mainlinks li a {
	font-size:.95em;
	font-weight:bold;
	color:#362f2d;
	text-decoration:none;
	padding:6px 6px 8px 6px;
}

.mainlinks li a:hover {
	cursor: pointer;
	background: #a2dce7;
	padding:6px 6px 8px 6px;
	-moz-box-shadow: 0px 0px 20px #a2dce7;
	-webkit-box-shadow: 0px 0px 20px #a2dce7;
	box-shadow: 0px 0px 20px #a2dce7;
	-moz-border-radius: 3px;
	border-radius: 3px;
}

.mainlinks li a.hoverstate  {
	background: #a2dce7;
	padding:6px 6px 8px 6px;
	-moz-box-shadow: 0px 0px 20px #a2dce7;
	-webkit-box-shadow: 0px 0px 20px #a2dce7;
	box-shadow: 0px 0px 20px #a2dce7;
	-moz-border-radius: 3px;
	border-radius: 3px;
}


#socialize{
	display:inline;
	float:right;
	}


	
#socialicons{
	display:inline;
	float:right;
	margin-top:13px;
	margin-right:20px;
	//-moz-box-shadow: 0px 0px 30px #000;
	//-webkit-box-shadow: 0px 0px 30px #000;
	//box-shadow: 0px 0px 30px #000;
	-moz-border-radius: 10px;
	border-radius: 10px;
	/* for IE */
  	filter:alpha(opacity=40);
  	/* CSS3 standard */
  	opacity:0.4;
	}


.socialwrap{
	width:230px;
	height:50px;
	//margin-left: 55px;
}


.peopleimg{
	padding:5px;
	background-color:#FFFFFF;
	background-image:url(images/bg_dropshadow.png);
	background-repeat:repeat-x;
}
.aboutbg{ 
	background-color:#111;
	width:247px;
	margin-left:28px;
	padding-top:10px;
	padding-bottom:10px;

}
.aboutinfotab{

	left:737px;
	text-align: right; 

	}

.aboutInfo{
	background:#FFF;
	height: 30px;
	width:90%;
	margin-left: 10%;
}

.head{
	height: 100px;
	width: 100%;
	position: fixed;
	top:0px;
	left:0px;
	background:#fff url(images/mc_header_bg.png) repeat-x top;
	-moz-box-shadow:0px 0px 7px #000;
	-webkit-box-shadow:0px 0px 7px #000;
	box-shadow:0px 0px 7px #000;
	z-index:2;
}
.fixedsize{
	width:1100px;
	position: relative; 
	margin: 0 auto; 
}
.headimage{
	height:56px;
	position:absolute;
	top:15px;
	left:99px;
}
.headimage img
{
    width:348px;
    height:56px;
}
.head_mer{
	height: 127px;
	width:400px;
	position:absolute;
	top:40px;
	left:120px;
}

.shadow{
	height: 60px;
	width: 100%;
	position: fixed;
	top:100px;
	left:0px;
	background-image: url(images/mcm_header_shadow.png) repeat-x;
	z-index:1;
}

.navigation{
	position:relative;
	top:30px;
	left:520px;
}
.foot{
	height: 60px;
	left:0;
	right:0;
	background-color: #6699cc;
/*	background-image:url(../images/body-bg.gif);*/
	background-repeat: repeat-x;
	margin-top: 30px;
	padding-top: 10px;
	position:absolute;
}

.page{
	height: 100%;
	width: 100%;
	position:inherit;
	top:101px;
	left: 0px;
	overflow:auto;
	padding-bottom: 150px;
}

	
.people{
	height:auto;
	position:relative;
	padding-bottom:30px;
	
}

.peopleinfo{
	background:#FFF;
	height: 20px;
	width:100%;
}

.peoleinfoshadow{	
	height:10px;
	width:652px;
	background-image:url(images/peopleshadow.png);
	background-color:#111;
		
}
.peoplebody{	
	width:640px;
	background-color:#111;
	padding-top:1px;
	padding-bottom:5px;
	padding-left: 10px;
}

.bannertab{
	position:absolute;
	left:876px;
	margin-top: 20px;
	}

	
.contact{
	background-color:#111;
	width:275px;
	height:300px;
	margin-top:2px;
	position:absolute;
	left:707px;
}
.contactimage{
	width:100%;
	height:150px;
	background-color:#FFFFFF;
	position:relative;
	border:#333333;
}
	
.contacttab{
	width:20px;
	height:150px;
	backgroud-color:#ffffff;
	position:relative;
}
	
.map{
	padding:13px 2px 0px 20px;
	}
	
.mapbannertab{

	left:709px;
	}
	
.form-box { 
	padding: 15px;
	background-color:#252525; }

.bg {
	background-color:#111;
	width:276px;
	padding-top:5px;
	padding-bottom:5px;
}

a { cursor: pointer;
text-decoration:none; }

/*----new-----*/

.body{
	height:auto;
	width: 900px;
	margin: 150px auto 0 auto;
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
	border-left:1px solid lightgray;
	background:#fff;
}
.body2{
	height:auto;
	width: 900px;
	margin: 150px auto 0 auto;
	-moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
	border-left:1px solid lightgray;
	border-top:1px solid lightgray;
	background:#fff;
}

.body li { margin-left:30px;}

.body li a { 
	color: #6698cb;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 15px;
	text-decoration:none;
}

.body li a:hover{ 
	color: #6698cb;
    font-size: 1em;
    font-weight: bold;
    line-height: 1.5em;
    margin-bottom: 15px;
	text-decoration:underline;
}

#Welcome{
	vertical-align: middle; 
	display:inline;
	line-height: 1.7em; 
	color:#fff;
	moz-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);

    -webkit-text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);

    text-shadow: 2px 2px 2px rgba(0, 0, 0, 0.4);
	}
	
.welcomeP{
	font-size:1.125em;
	line-height:2em;
	}

.contentbg{
	background-color: #fff;
	padding:30px 0px 60px;
	margin-top:-30px;
	/*height: 450px;*/
}
.Topcontentbg1st{
	background-color: #fff;
	padding:25px 0px 0px;
		/*-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;*/
}

.Topcontentbg{
	/*background-color: #252525;*/
	padding:25px 0px 0px;
	margin-top:-10px;
		-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}
.contact_divs
{
    display:inline-block;
	width:410px;
	font-size: 14px;
	position: relative;
    left: 35px;
}
.Rcontentbg{ 
background-color: #fff;
}
.Peoplecontentbg{
	background-color: #252525;
	height:385px;
}
.welcomebanner
{
    position:relative;
    display:inline-block;
    width:566px;
	height:50px;
	margin-left:-18px;
	background: #8cd4e1; /* for non-css3 browsers */

	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#bbe6ee', endColorstr='#8cd4e1'); /* for IE */

	background: -webkit-gradient(linear, left top, left bottom, from(#bbe6ee), to(#8cd4e1)); /* for webkit browsers */

	background: -moz-linear-gradient(top,  #bbe6ee,  #8cd4e1); /* for firefox 3.6+ */
	text-indent:45px;
	/* -moz-box-shadow:25px 5px 30px #000; */
	/* -webkit-box-shadow:0px 0px 20px #000; */
	/* box-shadow:0px 0px 20px #000; */
	z-index:1;
	vertical-align:top;
}
.mcm_cont_header_bg2
{
    position:relative;
    margin-left:-5px;
    display:inline-block;
    width:34px;
	height:50px;
	background:url(images/mcm_cont_header_bg2.png);
	z-index:0;
}
.Lbannertab{
	position:relative;
	margin-left:-18px;
	margin-top:-8px
}
.mcm_cont_txt
{
    display:inline-block;
    width:480px;
	vertical-align:top;
	height: -webkit-fill-available;
}
.mcm_cont_txt p
{
    font-size:12px;
}
.mcm_cont_3_txt
{
    display:inline-block;
    width:480px;
	vertical-align:top;
	height: 250px;
}
.mcm_cont_3_txt p
{
    font-size:12px;
    font-weight:bold;
}
.mcm_cont_img
{
    display:none;
    /*width:379px;*/
    vertical-align:top;
    margin-top:15px;
}
.mcm_cont_img img
{
	width: 380px;
	height: 232px;
	max-width: 380px;
	max-height: 232px;
	*max-width: 380px;
	*max-height: 232px;
    -moz-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
	-webkit-box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
	box-shadow:2px 2px 2px rgba(0, 0, 0, 0.4);
}
.Ourfounderimg{
	margin-left:7%;
	margin-right:auto;
}
.aboutimg{
	padding: 5px;
	background-color:#666666;
	margin-left:auto;
	margin-right:auto;
	margin-top:15px;

}

#andrewh3 {
	color:#6698cb;
}

.Topcontentbgpeople{
	background-color: #252525;
	padding:15px 0px 0px;
		-moz-border-radius-topleft: 10px;
	-moz-border-radius-topright: 10px;
	border-top-left-radius: 10px;
	border-top-right-radius: 10px;
}

.spacingline{
	height: 1px;
	width: 600px;
	background-image: url(images/line-spacer.gif);
	background-repeat: repeat-x;
	margin-left:auto;
	margin-right:auto;
	padding: 15px 0;
}

.bottomcontentbg{
	background-color: #252525;
	padding:15px 0px 0px;
}

#contactus{
	font-size:1.125em;
	line-height:2em;
	background-color: #38536f;
	text-decoration:none;
	}

a { outline: 0 none; }
.bio p{
	font-size:13px;
}
.partners{
	float:left;
	width:100%;
}
.partners li{
	float:left;
	clear:none;
	margin-left:30px;
	width:410px;
}
	.partners li:nth-child{
		margin-left:0;
	}
.wpcf7 input[type="text"]{
	padding:5px;
	margin-bottom: 5px;
}
.wpcf7 textarea{
	margin-top:5px;
	padding:5px;
	margin-bottom: 5px;
}
.wpcf7 input[type=submit]{
	background:#f2f2f2;
	border:none;
	color:#666;
	cursor:pointer;
	padding:10px 25px;
}

/*BrandX Styles*/
h4{
	clear:both;
	display:block;
	padding:20px 0 0 20px;
}
.services ul{
	clear:both;
}
.services ul li{
	float:left;
	width:40%;
}
.people ul li{
	font-size:12px;
}
.testimonials{
	font-size:12px;
}
.testimonial{
	position:relative;
	padding:20px;
}
.testimonial:before{
	content:"\201c";
	font-size:50px;	
	color:#FFF;
	position:absolute;
	top:0;
	left:10px;
}
.testimonial:after{
	content:"\201d";
	font-size:50px;	
	color:#FFF;
	position:absolute;
	bottom:-10px;
	right:10px;
}
.source{
	clear:both;
	display:block;
	color:#FFF;
	font-family:sans-serif;
	font-size:12px;
	font-style:italic;
	font-weight:bold;
	line-height:22px;
	padding:0 30px;
}

.container3 {
    bottom: 410px;
    left: 400px;
    width: 75%;
}

.container2 {
    bottom: 375px;
    left: 420px;
    width: 75%;
}

.container1 {
    bottom: 375px;
    left: 400px;
    width: 75%;
}

.container {
    bottom: 500px;
    left: 400px;
    width: 75%;
}

.image-sliderfade, .image-sliderfade1, .image-sliderfade2, .image-sliderfade3
{ 
display: none; 
} 

img 
{ 
vertical-align: middle; 
} 

/* Slideshow container */
.container, .container1, .container2, .container3 
{ 
max-width: 1000px; 
position: relative; 
margin: auto; 
} 

/* Caption text */
.text 
{ 
color: #f2f2f2; 
font-size: 15px; 
padding: 20px 15px; 
position: absolute; 
right: 10px; 
bottom: 10px; 
width: 40%; 
background: rgba(0, 0, 0, .7); 
text-align: left; 
} 

/* The dots/bullets/indicators */
.dot 
{ 
height: 15px; 
width: 15px; 
margin: 0 2px; 
background-color: transparent; 
border-color: #ddd; 
border-width: 5 px; 
border-style: solid; 
border-radius: 50%; 
display: inline-block; 
transition: border-color 0.6s ease; 
} 

.active 
{ 
border-color: #666; 
} 

/* Animation */
.fade 
{ 
-webkit-animation-name: fade-image; 
-webkit-animation-duration: 1.5s; 
animation-name: fade-image; 
animation-duration: 1.5s; 
} 

@-webkit-keyframes fade-image 
{ 
from {opacity: .4} 
to {opacity: 1} 
} 

@keyframes fade-image 
{ 
from {opacity: .4} 
to {opacity: 1} 
} 

/* On smaller screens, decrease text size */
@media only screen and (max-width: 300px) 
{ 
.text {font-size: 11px} 
} 

.socialwrap { display: none; }

img.size-medium.wp-image-123 {
	height: auto;
	width: 180px;
}

.mcm_cont_txt_about {
    font-size: 12px;
    width: 450px;
}

.mcm_cont_txt_dineen {
    font-size: 12px;
    width: 500px;
}

.services {
	height: 400px;
}

ul.services-list {
    display: grid;
}

.testimonials {
	font-size: 12px;
	height: 550px;
}

.address {
    position: relative;
    bottom: 375px;
    left: 50px;
}

.address-details {
    position: relative;
    bottom: 350px;
    left: 50px;
}