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

body  {
	font: 11px Arial, Helvetica, sans-serif;
	background: #ebebeb url(../img/background.gif) top left repeat-x;
	margin: 0; 
	padding: 0;
	text-align: center; 
	color: #4c4c4c;
}
body.mceContentBody{
	background: #fff;
	text-align:left;
}
.subpage{
	font-size:12px;
}
h1, h2, h3{
	padding:0;
	margin:0;
	color:#00666e;
	font-family:Georgia, "Times New Roman", Times, serif;
}
h4{
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	color:#4c4c4c;
}
h1{
	margin-bottom:10px;
}
.admin h1, .subpage h1{
	font-weight:normal;
	font-size:22px;
}
h2{
	margin-bottom:0;
	padding-bottom:0;
	font-weight:normal;
	font-size:17px;
}
h3{
	font-weight:normal;
	font-size:15px;
	margin-bottom:5px;
}
.subpage #right h3{
	color:#4d4d4d;
	font-size:15px;
	margin-bottom:10px;
}
p{
	padding-top:0;
	margin-top:0;
}
#container { 
	width: 1027px;  
	background: #FFF;
	margin: 0 auto; 
	text-align: left; 
} 
#header { 
	background: #FFF; 
	height:105px;
	width:1027px;
	background:#fff url(../img/headerBg.gif) top left no-repeat;
	position:relative;
} 
#header .logo {
	height:50px;
	width:336px;
	display:block;
	float:left;
	background:#fff url(../img/MTSLogo.gif) top left no-repeat;
	margin:23px 0 0 26px;
}
#header .nav {
	width: 542px;
	height: 13px;
	background: url(../img/nav.gif) no-repeat;
	position: absolute;
	right: 15px;
	top: 41px;
	padding:0;
	margin:0;
}
#header .nav li {
	display: inline;
}
#header .nav li a:link, #header .nav li a:visited {
	position: absolute;
	top: 0;
	height: 13px;
	text-indent: -9000px;
	overflow: hidden;
}
	#header .nav .home a:link, #header .nav .home a:visited {
		left: 0;
		width: 28px;
	}
	#header .nav .home a:hover, #header .nav .home a:focus {
		background: url(../img/nav.gif) no-repeat 0 -13px;
	}
	#header .nav .home a:active {
		background: url(../img/nav.gif) no-repeat 0 -26px;
	}
	.current-home .home a:link, .current-home .home a:visited {
		background: url(../img/nav.gif) no-repeat 0 -39px;
	}

	#header .nav .about a:link, #header .nav .about a:visited {
		left: 50px;
		width: 56px;
	}
	#header .nav .about a:hover, #header .nav .about a:focus {
		background: url(../img/nav.gif) no-repeat -50px -13px;
	}
	#header .nav .about a:active {
		background: url(../img/nav.gif) no-repeat -50px -26px;
	}
	#header .current-about .about a:link, #header .current-about .about a:visited {
		background: url(../img/nav.gif) no-repeat -50px -39px;
	}

	#header .nav .our-expertise a:link, #header .nav .our-expertise a:visited {
		left: 126px;
		width: 77px;
	}
	#header .nav .our-expertise a:hover, #header .nav .our-expertise a:focus {
		background: url(../img/nav.gif) no-repeat -126px -13px;
	}
	#header .nav .our-expertise a:active {
		background: url(../img/nav.gif) no-repeat -126px -26px;
	}
	#header .current-our-expertise .our-expertise a:link, #header .current-our-expertise .our-expertise a:visited {
		background: url(../img/nav.gif) no-repeat -126px -39px;
	}

	#header .nav .resource-center a:link, #header .nav .resource-center a:visited {
		left: 226px;
		width: 90px;
	}
	#header .nav .resource-center a:hover, #header .nav .resource-center a:focus {
		background: url(../img/nav.gif) no-repeat -226px -13px;
	}
	#header .nav .resource-center a:active {
		background: url(../img/nav.gif) no-repeat -226px -26px;
	}
	#header .current-resource-center .resource-center a:link, #header .current-resource-center .resource-center a:visited {
		background: url(../img/nav.gif) no-repeat -226px -39px;
	}

	#header .nav .clients a:link, #header .nav .clients a:visited {
		left: 337px;
		width: 39px;
	}
	#header .nav .clients a:hover, #header .nav .clients a:focus {
		background: url(../img/nav.gif) no-repeat -337px -13px;
	}
	#header .nav .clients a:active {
		background: url(../img/nav.gif) no-repeat -337px -26px;
	}
	#header .current-clients .clients a:link, #header .current-clients .clients a:visited {
		background: url(../img/nav.gif) no-repeat -337px -39px;
	}

	#header .nav .events a:link, #header .nav .events a:visited {
		left:397px;
		width:37px;
	}
	#header .nav .events a:hover, #header .nav .events a:focus {
		background: url(../img/nav.gif) no-repeat -397px -13px;
	}
	#header .nav .events a:active {
		background: url(../img/nav.gif) no-repeat -397px -26px;
	}
	#header .current-events .events a:link, #header .current-events .events a:visited {
		background: url(../img/nav.gif) no-repeat -397px -39px;
	}

	#header .nav .contact a:link, #header .nav .contact a:visited {
		left: 454px;
		width: 43px;
	}
	#header .nav .contact a:hover, #header .nav .contact a:focus {
		background: url(../img/nav.gif) no-repeat -454px -13px;
	}
	#header .nav .contact a:active {
		background: url(../img/nav.gif) no-repeat -454px -26px;
	}
	#header .current-contact .contact a:link, #header .current-contact .contact a:visited {
		background: url(../img/nav.gif) no-repeat -454px -39px;
	}

	#header .nav .blog a:link, #header .nav .blog a:visited {
		left: 518px;
		width: 26px;
	}
	#header .nav .blog a:hover, #header .nav .blog a:focus {
		background: url(../img/nav.gif) no-repeat -518px -13px;
	}
	#header .nav .blog a:active {
		background: url(../img/nav.gif) no-repeat -518px -26px;
	}
	#header .current-blog .blog a:link, #header .current-blog .blog a:visited {
		background: url(../img/nav.gif) no-repeat -518px -39px;
	}
#header .subnav{
	position:absolute;
	font-size:12px;
	bottom:30px;
	right:10px;
	text-align:center;
	width:548px;
}
#header .subnav a{
	color:#646262;
	margin-left:10px;
}
#header .subnav a:hover,#header .subnav .active{
	color:#00666E;
}
.homeBannerShell{
	width:1027px;
	height:295px;
	overflow:hidden;
	position:relative;
	display:block;
}
.homeBannerBottom{
	height:15px;
	width:1027px;
	background:#fff url(../img/homeBannerBottom.gif) top left no-repeat;
}
#left {
	float: left; 
	width: 365px; 
	background: #FFF; 
	padding: 0; 
	margin:10px 12px 0 12px
}
#left .gridShell{
	background:#ebebeb;
	padding:10px;
	margin: 0 0 12px 0;
	color:#4c4c4c;
}
#left .icons a{
	margin-right:15px;
}
.more, .active ul li .more{
	background: transparent url(../img/arrow.gif) left center no-repeat;
	padding: 0 0 0 12px;
}
.moreW{
	background: transparent url(../img/arrowWhite.gif) left center no-repeat;
	padding: 0 0 0 12px;
}
.active .more, .moreG{
	background: transparent url(../img/arrowGreen.gif) left center no-repeat;
	padding: 0 0 0 12px;
}
.moreUp{
	background: transparent url(../img/arrowUp.gif) left center no-repeat;
	padding: 0 0 0 12px;
}
#right {
	float: right; 
	width: 250px; 
	background: #FFF; 
	margin:10px 12px;
}
.subpage #right{
	margin-top:65px;
}
#right .gridShell{
	background:#ebebeb;
	padding:10px;
	min-height:284px;
	margin:0 0 15px 0;
}
.cases #right .gridShell{
	background:#e5eff0;
	font-size:14px;
}
#right .quoteShell{
	background:#E5EFF0;
	padding:15px 10px;
	margin:0 0 15px 0;
	font-size:15px;
	font-family:Georgia, "Times New Roman", Times, serif;
}
.author{
	color:#4C4C4C;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
}
#right .clientInfo{
	background:#ebebeb;
	padding:10px;
	margin:0 0 15px 0;
	line-height:22px;
}
.clientInfo ul{
	padding:0 0 0 30px;
	margin:0;
}
#right .clientLogo{
	text-align:center;
	padding:5px 0;
}
.subpage #right .gridShell{
	min-height:0;
}
.post{
	margin:10px 0 0 0;
}
.post .title{
	color:#00666e;
	font-weight:Bold;
}
.post .date{
	margin:0 0 5px 0;
}
#middle { 
	margin: 20px 274px 0 389px; 
	padding: 0; 
	position:relative;
}
.subpage #middle{
	margin:25px 300px 0 12px;
	min-height:595px;
}
#middle .gridShell{
	margin:10px 0;
}
#middle .clientIcon{
	float:left;
	width:120px;
	text-align:center;
	height:40px;
	padding:10px 0;
}
#middle .seperator{
	width:360px;
	height:10px;
	background:transparent url(../img/client/seperator.gif) top left no-repeat;
	margin:20px 0 10px 0;
}
#connect{
	background:#ebebeb;
	padding:5px 12px;
	margin:0 12px;
}
#connect .title{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:15px;
	color:#00666E;
}
#connect a{
	margin: 0 10px;
}
#connect .seperator{
	font-size:14px;
}
#connect .facebook{
	background:transparent url(../img/connect/facebook.gif) top left no-repeat;
	padding:3px 0 0 20px;
}
#connect .twitter{
	background:transparent url(../img/connect/twitter.gif) top left no-repeat;
	padding:3px 0 0 20px;
}
#connect .linkedin{
	background:transparent url(../img/connect/linkedin.gif) top left no-repeat;
	padding:3px 0 0 20px;
}
#connect .wordpress{
	background:transparent url(../img/connect/wordPress.gif) top left no-repeat;
	padding:3px 0 0 20px;
}
.list, .list ul, .jobList{
	padding:0;
	margin:0;
	list-style:none;
}
.list li{
	padding:0;
	margin:5px 0;
}
#right .list li{
	margin:5px 10px;
}
.list .active{
	font-weight:Bold;
	color:#00666E;
}
.list .active ul li{
	font-weight:normal;
}
.jobList{
	background:#f0f0f0;
	padding:10px;
}
.dataTable{
	margin:0 0 10px 0;
	background:#f0f0f0;
}
.dataTable td{
	padding:10px;
	border-right:5px solid #FFF;
	border-bottom:5px solid #FFF;
}
.eventShell{
	clear:both;
	height:60px;
	margin-bottom:10px;
}
.eventInfo{
	width:480px;
	height:50px;
	background:#f0f0f0;
	float:left;
	margin-right:2px;
	padding:5px 10px;
}
.eventDate{
	width:180px;
	height:50px;
	background:#f0f0f0;
	float:left;
	padding:5px 10px;
}
#footer { 
	padding:12px; 
	background:#FFF;
	color:#9c9c9c;
	font-size:11px;
}
.popupShell{
	position:absolute;
	background:#ebebeb;
	height:500px;
	width:600px;
	left:125px;
	top:102px;
	border:2px solid #999999;
	display:none;
}
#execute{
	top:197px;
}
#engange{
	top:308px;
}
.popupCell{
	overflow-y:scroll;
	height:475px;
	width:580px;
	padding:5px 10px 0;
}
.close{
	height:13px;
	width:47px;
	display:block;
	text-indent:-9000px;
	overflow:hidden;
	background:transparent url(../img/close.gif) top left no-repeat;
	margin:2px 3px;
	float:right;
}
.blogHeader{
	width:723px;
	height:140px;
	background:transparent url(../img/blogHeader.jpg) top left no-repeat;
	overflow:hidden;
	text-indent:-9000px;
}

#sidebar #searchsubmit {
	height:19px;
	width:52px;
	background:transparent url(../img/search.gif) top left no-repeat;
	text-indent:-9000px;
	overflow:hidden;
	border:none;
	cursor:pointer;
	}
#footer .footerLeft{
	float:left;
}
#footer .footerRight{
	float:right;
}
#footer a{
	color:#9c9c9c;
	margin:0 0 0 10px;
}
a, a:link, a:active, .dataTable a.more, .resourceTable a.moreG {
	color:#4c4c4c;
	text-decoration:none;
}
a:hover, #footer a:hover, .dataTable a.more:hover, .resourceTable a.moreG:hover{
	color:#00666E;
	text-decoration:underline;
}
.active a, a.blue, .dataTable a, .resourceTable a, .eventsTable a{
	color:#00666E;
}
.list .active ul li a{
	color:#4C4C4C;
}
.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.admin #content{
	padding-top:25px;
}
.col1{
	width:200px;
	float:left;
}
.col2{
	float:left;
	width:700px;
}
.formTable label{
	font-weight:bold;
}
.toolTip { 
	padding: 0 2px; 
	background: transparent url(../img/help.gif) no-repeat right;
	height:10px;
	width:10px;
	display:inline-block;
	color: #3366FF;
	cursor: help; 
	position: relative; 
}
.toolTipWrapper { 
	width: 175px;
	position: absolute; 
	top: 0;
	display: none; 
	color: #FFF;
	font-weight: bold;
	font-size: 9pt; 
	background-color:#0078ae;
	border: 1px solid #000;
	padding:10px;
	z-index:100;
}

div.ui-datepicker{
	font-size:10px;
}
.eventContent{
	width:490px;
	float:left;
}
.bios .eventContent{
	width: 655px;
}
.eventDetails{
	width:165px;
	float:left;
	margin:0 0 0 30px;
}
.eventsTable{
	padding:5px 10px;
}
.eventsTable td{
	padding:0 20px 10px 0;
}
.resourceTable{
	width:100%;
	background:#f0f0f0;
	border-spacing:0;
	margin:0 0 20px 0;
}
.resTitle{
	font-size:14px;
}
.resourceTable td{
	vertical-align:bottom;
	border-bottom:5px solid #FFF;
	padding:10px;
}
.resourceTable .dlCell{
	width:150px;
	text-align:right;
}
.form{
	padding:10px 0;
}
.form .row{
	clear:both;
	padding:10px 0;
}
.form label{
	width:125px;
	display:block;
	float:left;
}
.form label.error{
	margin:0 0 0 125px;
	color:#8FBE30;
}
.form input{
	float:left;
	width:250px;
}
.form .submit{
	width:92px;
	height:19px;
	margin: 10px 0 0 125px;
	clear:both;
}