body {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100%;
	margin: 0;
	padding: 0;
	background: url(../images/pageBgrnd.jpg) top center #666;
}
h1 {}
h2 {font-size: 80%;}
h3 {}
p {font-size: 75%}
q {font-size: 75%; font-style: italic;}
span {font-weight: bold;}
li {font-size: 75%}

/* # custom elements # */
div#outer {
	margin: 0 auto;
	width: 958px;
}
div#headerBar {
	margin-top: 20px;
	width: 960px;
}
div#headerBar div.mdbLogo {
	float: left;
	margin-left: 40px;
}
div#headerBar div.pageHeader {
	float: right;
	background: url(../images/mbHeader.gif) top right no-repeat;
	width: 448px;
	height: 52px;
	margin-right: 40px;
}
div#topMenuBar {
	margin: 0;
	padding: 0;
	width: 960px;
	float: left;
}
div#topMenuBar div.leftBarUpper {
	width: 424px;
	height: 39px;
}
.jumpMenu 
{
	float: right;
	margin-right: 40px;
	margin-top: 10px;
	}
.jumpMenu p 
{
	margin: 0;
	padding: 0;
	font-size: 11px;
	color: #666;
	}
.jumpMenu select 
{
	font-size: 11px;
	}
.jumpMenu input.goButton
{
	font-size: 11px;
	background-color: transparent;
	font-weight: bold;
	border: none;
	color: #666;
	} 
.topBarImageLeftUpper_1 {background: url(../images/topBarLeftUpper_1.jpg) top left no-repeat;}
.topBarImageLeftUpper_2 {background: url(../images/topBarLeftUpper_2.jpg) top left no-repeat;}
.topBarImageLeftUpper_3 {background: url(../images/topBarLeftUpper_3.jpg) top left no-repeat;}
.topBarImageLeftUpper_4 {background: url(../images/topBarLeftUpper_4.jpg) top left no-repeat;}
.topBarImageLeft_1 {background: url(../images/topBarLeft_1.jpg) top left no-repeat;}
.topBarImageLeft_2 {background: url(../images/topBarLeft_2.jpg) top left no-repeat;}
.topBarImageLeft_3 {background: url(../images/topBarLeft_3.jpg) top left no-repeat;}
.topBarImageLeft_4 {background: url(../images/topBarLeft_4.jpg) top left no-repeat;}

div#topMenuBar div.left {
	float: left;
	width: 424px;
	height: 39px;
	margin: 0;
	padding: 0;
}
div#topMenuBar div.rightOfMenu {
	/*float: left;*/

	float: left;
}
div#topMenuBar div.rightOfMenu div.middleMenu {
	background: url(../images/mdTopBarBgrnd.jpg) repeat-x top left;
	float: left;
	width: 475px;
	margin: 0;
	padding: 0;
}
div#topMenuBar div.rightOfMenu div.middleMenu ul {
	list-style: none;
	margin: 0;
	padding: 0;
/*	padding-top: 30px;*/
}
div#topMenuBar div.rightOfMenu div.middleMenu ul li {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 80%;
	font-weight: bold;	
	line-height: 39px;
}
div#topMenuBar div.rightOfMenu div.middleMenu ul li.last {border-right: 1px solid #FFF;}
div#topMenuBar div.rightOfMenu div.middleMenu a {
	text-decoration: none;
	height: 39px; 
	margin: 0;
	padding: 0;
	display: block;
	border-left: 1px solid #FFF; 
	padding-left: 10px; 
	padding-right: 10px;
}
div#topMenuBar div.rightOfMenu div.middleMenu a:link, div#topMenuBar div.rightOfMenu div.middleMenu a:visited {color: #FFF;}
div#topMenuBar div.rightOfMenu div.middleMenu a:link:hover, div#topMenuBar div.rightOfMenu div.middleMenu a:visited:hover {color: #FFF; background: url(../images/menuOver.jpg) top left repeat-x;}
div#topMenuBar div.rightOfMenu div.right {
	background: url(../images/mbTopBarRight.jpg) no-repeat top left;
	float: left;
	width: 23px;
	height: 39px;
}

div#upperMenuBar {	
	float: left;
	width: 874px;
	height: 25px;
	background: #666;
	border-top: 1px solid #FFF;	
	border-bottom: 1px solid #FFF;	
	padding-left: 10px;
	margin-left: 38px;
}

div#mainContent {
	position:relative;
	width: 960px;
	float: left;
}
.mainImageLeft_1 {background: url(../images/portfolioLeft.jpg) no-repeat top left;}
.mainImageLeft_2 {background: url(../images/mbMainImageLeft_1.jpg) no-repeat top left;}
.mainImageLeft_3 {background: url(../images/mbMainImageLeft_2.jpg) no-repeat top left;}
.mainImageLeft_4 {background: url(../images/mbMainImageLeft_3.jpg) no-repeat top left;}
.mainImageLeft_5 {background: url(../images/mbMainImageLeft_4.jpg) no-repeat top left;}

.mainImageRight_1 {background: url(../images/portfolioRight.jpg) no-repeat top left;}
.mainImageRight_2 {background: url(../images/mbMainImageRight_1.jpg) no-repeat top left;}
.mainImageRight_3 {background: url(../images/mbMainImageRight_2.jpg) no-repeat top left;}
.mainImageRight_4 {background: url(../images/mbMainImageRight_3.jpg) no-repeat top left;}
.mainImageRight_5 {background: url(../images/mbMainImageRight_4.jpg) no-repeat top left;}

div#mainContent div.leftColumn {
	float: left;
	width: 486px;
	height: 566px;
}
div#mainContent div.leftColumn div.presentationRegion {	
	width: 412px;
	height: 330px;
	margin-left: 42px;
	margin-top: 37px;
}
div#mainContent div.leftColumn div.presentationRegion div.siteImage 
{
	margin-left: 1px;
	margin-top: 1px;
	}
div#mainContent div.rightColumn {
	float: left;
	width: 436px;
	min-height: 566px;
	padding-top: 40px;
}
div#mainContent div.rightColumn div.menuCol {
	float: left;
	width: 155px;
	margin-right: 20px;
}
div#mainContent div.rightColumn div.menuCol ul {
	list-style-image: url(../images/mdbBullet.gif);
	margin: 0;
	padding: 0;
	margin-left: 20px;
}
div#mainContent div.rightColumn div.menuCol ul li {
	font-size: 75%;
	line-height: 20px;
	margin-left: 20px;
}
div#mainContent div.rightColumn div.menuCol a {text-decoration: none;}
div#mainContent div.rightColumn div.menuCol a.active {font-weight: bold;}
div#mainContent div.rightColumn div.menuCol a:link, div#mainContent div.rightColumn div.menuCol a:visited {color: #000}
div#mainContent div.rightColumn div.menuCol a:link:hover, div#mainContent div.rightColumn div.menuCol a:visited:hover {color: #C00}
div#mainContent div.rightColumn div.menuCol div.caseStudy {
	padding-left: 20px;
	margin-top: 55px;
}
div#mainContent div.rightColumn div.menuCol div.caseStudy ul {
	list-style: none;
	margin: 0;
	padding: 0;
	list-style-image: none;
}
div#mainContent div.rightColumn div.menuCol div.caseStudy ul li {
	margin: 0;
	padding: 0;
}
div#mainContent div.rightColumn div.contentCol {
	float: left;
	margin-left: 30px;
	width: 370px;
}
div#mainContent div.rightColumn div.contentCol div.pageHeader_1 {background: url(../images/mbTitle_1.gif) top left no-repeat; width: 307px; height:22px;}
div#mainContent div.rightColumn div.contentCol div.pageHeader_2 {background: url(../images/mbTitle_2.gif) top left no-repeat; width: 307px; height:22px;}
div#mainContent div.rightColumn div.contentCol div.pageHeader_3 {background: url(../images/mbTitle_3.gif) top left no-repeat; width: 307px; height:22px;}
div#mainContent div.rightColumn div.contentCol div.pageHeader_4 {background: url(../images/mbTitle_4.gif) top left no-repeat; width: 307px; height:22px;}
div#mainContent div.rightColumn div.contentCol div.pageHeader_5 {background: url(../images/mbTitle_5.gif) top left no-repeat; width: 307px; height:22px;}
div#mainContent div.rightColumn div.contentCol div.pageHeader_6 {background: url(../images/mbTitle_6.gif) top left no-repeat; width: 307px; height:22px;}
div#mainContent div.rightColumn div.contentCol h1 {display:none;}
div#mainContent div.rightColumn div.contentCol h2 {}
div#mainContent div.rightColumn div.contentCol p {}
div#mainContent div.rightColumn div.contentCol ul {margin: 0; padding: 0; list-style: none;}
div#mainContent div.rightColumn div.contentCol ul li {padding-left: 20px; background: url(../images/mdbBullet.gif) top left no-repeat;}
div#mainContent div.rightColumn div.contentCol div.pageFooterImages {
	background: url(../images/pageFooter.jpg) top left no-repeat; 
	width: 370px; 
	height: 100px; 
	margin-top: 30px;
}
div#mainContent div.rightColumn div.contentCol div.clientPager 
{
	float: left;
	width: 300px;
	margin-top: 10px;
	margin-bottom: 10px;
	}
div#mainContent div.rightColumn div.contentCol div.clientPager ul 
{
	margin: 0;
	padding: 0;
	list-style: none;
	background-image: none;
	padding-left: 0px;
	}
div#mainContent div.rightColumn div.contentCol div.clientPager ul li 
{
	display: inline;
	background-image: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
	padding-left: 0;
	}
div.clientPager a:link, div.clientPager a:visited 
{
	color: #666;
	}
div.clientPager a:link:hover, div.clientPager a:visited:hover 
{
	color: #C00;
	}
div.colBlock 
{
	display: block;
	float: left;
	}
div.colBlock h2 
{
	padding-top: 10px;
	}
div.colLeft 
{
	float: left;
	width: 95px;
	}
div.colRight 
{
	float: right;
	width: 275px;
	}

div#footerBar {
	width: 900px;
	margin: 0 auto;
}
div#footerBar div.left {background: url(../images/footLeft.jpg) top left no-repeat; width: 36px; height: 88px; float: left;}
div#footerBar div.middle {background: url(../images/footBgrnd.jpg) top left repeat-x; float: left; height: 88px; width: 820px;}
div#footerBar div.middle p {color: #FFF; padding-top: 35px; font-size: 70%; margin: 0;}
div#footerBar div.middle a:link, div#footerBar div.middle a:visited {color: #FFF; text-decoration: none;}
div#footerBar div.middle a:link:hover, div#footerBar div.middle a:visited:hover {color: #003; text-decoration: underline;}
div#footerBar div.middle div.middleLeft {float:left;}
div#footerBar div.middle div.middleRight {float: right;}
div#footerBar div.right {background: url(../images/footRight.jpg) top left no-repeat; width: 36px; height: 88px; float: left;}
                	
					
div#mainContent div.ssOuterFrame {
	background: url(../images/caseStudyImageFrame.gif) top left no-repeat;
	width: 134px;
	height: 215px;	
}
div#mainContent div.ssOuterFrame div.ssInnerFrame {
	width: 114px;
	margin: 0 auto;
	height: 152px;
	padding-top: 17px;

}
div#mainContent div.ssOuterFrame div.ssControls {
	width: 120px;
	margin: 0 auto;
	padding-top: 10px;
}
div#mainContent div.ssOuterFrame div.ssControls div.leftButton {
	float: left;
	cursor: pointer;
}
div#mainContent div.ssOuterFrame div.ssControls div.middle {
	float: left;
	text-align: center;
	width: 54px;
}
div#mainContent div.ssOuterFrame div.ssControls div.middle p {
	padding: 0;
	margin: 0;
	line-height: 30px;
	font-size: 11px;
	font-weight: bold;
}
div#mainContent div.ssOuterFrame div.ssControls div.rightButton {
	float: right;
		cursor: pointer;
}
div#mainContent div.vidOuterFrame {
	background: url(../images/viewVidBox.gif) no-repeat top left;
	width: 134px;
	height: 174px;
	text-align: center;
	margin-top: 10px;
}
div#mainContent div.vidOuterFrame div.vicInnerFrame {
	width: 112px;
	margin: 0 auto;
	padding-top: 17px;
}
div#mainContent div.vidOuterFrame p {
	font-size: 10px;
	padding-left: 8px;
	padding-right: 8px;
	padding-top: 7px;	
}
.flash-replaced .alt {
			display: block;
			height: 0;
			position: absolute;
			overflow: hidden;
			width: 0;
		}	
		#flashIntro {
		    margin-left: 1px;
		    margin-top: 1px;
		}
		
#microsoftLogo {
	position: absolute;
	height: 60px;
	width: 282px;
	bottom: 10px;
	left: 57px;
	background: url(../images/microsoftLogo.gif) bottom left no-repeat;
}