/* General - start */

body { 
	font: normal 13px/16px Arial, Helvetica, sans-serif;
	color: #000; 
	padding: 0;
	margin: 0;
	text-align: center; 
	background:url(/images/bkgrnd2.gif) repeat;
}

#bod {
	position: relative; 
	margin: 0 auto; 
	text-align: left; 
	width: 960px;
	background:#fff;
}

a:link { color: #0a4ebe; text-decoration: underline; }
a:visited { color: #6312a2; text-decoration: underline; }
a:hover, a:active { color: #c00; text-decoration: underline; }
form { display: block; margin:0;padding:0;} /* IE need this */
p { margin: 0 0 1.3em 0; }
img { margin: 0; padding:0; border: 0; }

.right { float: right; margin: 0 0 0 1em; }
.left { float: left; margin: 0 1em 0 0; }

.clearfix:after, .clearall:after, .clear:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/* General - end */

/* logo - start */
#logo {
	position: absolute;
	z-index: 20;
	top: 0; left: 0;
	width: 193px; height: 146px;
}
#logo a {
	display: block;
	width: 193px; height: 146px;
	background: url(/i/msp-custom-content-logo.png) no-repeat 0 0;
	text-decoration: none;
}
#logo a span { position: absolute; left: -999em;}
/* logo - start */

/* navigation - start */

#navbar {
	display: block;
	position: relative;
	margin: 0px;
	padding-top: 41px;
	background-color: #fff;
	text-align: right;
	border-bottom: 1px solid #fff;
}

#nav {
	display: block;
	background: #ea7d1e url(/i/nav3-bkgd.gif) repeat-x;
	height: 32px;
	margin: 0 0 0 0px;
	padding: 0 0 0 278px;
	/*overflow: hidden;*/
}

#nav a span {
	display: block;
	position: absolute;
	top: -999px; left: -999em;
	font-size: 1px;
	color: #fff;
}
#nav a { color: #fff; text-decoration: none; margin:0px; padding:0px; display: block; text-indent: -999em; }

#nav div:hover a { background-position: 0px -32px; }

#nav a.navon, #nav .navon a { background-position: 0px 0px; }

#nav div { }

#nav-home {
	float: left;
}
#nav-home a {
	background: url(/i/nav3-home.gif) no-repeat 0 -64px;
	display: block;
	width: 76px;
	height: 32px;
}

#nav-who-we-are {
	float: left;
}
#nav-who-we-are a {
	background: url(/i/nav3-who-we-are.gif) no-repeat 0 -64px;
	display: block;
	width: 109px;
	height: 32px;
}

#nav-capabilities {
	float: left;
}
#nav-capabilities a {
	background: url(/i/nav3-capabilities.gif) no-repeat 0 -64px;
	display: block;
	width: 110px;
	height: 32px;
}

#nav-news {
	float: left;
}
#nav-news a {
	background: url(/i/nav3-news.gif) no-repeat 0 -64px;
	display: block;
	width: 76px;
	height: 32px;
}


#nav-clients {
	float: left;
}
#nav-clients a {
	background: url(/i/nav3-clients.gif) no-repeat 0 -64px;
	display: block;
	width: 76px;
	height: 32px;
}

#nav-contact {
	float: left;
}
#nav-contact a {
	background: url(/i/nav3-contact.gif) no-repeat 0 -64px;
	display: block;
	width: 81px;
	height: 32px;
}

#nav-newsletter {
	float: left;
}
#nav-newsletter a {
	background: url(/i/nav3-newsletter.gif) no-repeat 0 -64px;
	display: block;
	width: 154px;
	height: 32px;
}

/* navigation - end */


/* sub-navigation - start */

.subnav { 
	z-index: 10; 
	text-align: left;
	position: absolute; 
	top: -200px; 
	left: 400px; 
	width: auto;
	background: #40494e; 
	color: #e5e9ea;
	padding: 4px 10px;
}
#nav-who-we-are .subnav { left: 350px; }
#nav-capabilities .subnav { left: 500px; }
#nav-clients .subnav { left: 550px; }


#nav .subnav a, #nav .subnav a:link, #nav .subnav a:visited { 
	display: inline;
	height: 20px;
	background: none; 
	color: #e5e9ea; 
	text-decoration: none; 
	line-height: 20px;
	text-indent: 0;
}
#nav .subnav a:hover { color: #e5e9ea; text-decoration: underline; }

#nav div:hover .subnav { 
	top: 14px; 
}
/* sub-navigation - end */



/* footer - start */
#footer { color: #40494e; font-size: 11px; border-top: 1px #40494e solid; padding: 1em 0; text-align: right; margin: 0 0 3em 0; } 
#footer a:link, #footer a:visited { color: #40494e; text-decoration: none; }
#footer a:hover, #footer a:active { color: #c00; text-decoration: underline; }

#footer .ftp { padding-left: 13px; background: url(/i/icon-upload.gif) no-repeat; }
/* footer - end */


/* content - start */
#content { position: relative; }

.leftcol h1 {
	margin: 0 0 14px -14px; padding: 0 0 0 14px;
	/* background: #eaf1f8; */
}

/* content - home page - start */
#content.home {
	/*background: #fff url(/i/wood-huge25-light.jpg) repeat-y 0 0;*/
	/*background: #fff url(/i/wood-bckrnd.jpg) repeat-y 0 0;*/
	background: #fff;
	min-height: 30em;
}
#content.home .leftcol {
	padding: 80px 1em 2em 1em;
}
#homephotos {
	position: absolute;
	top: 0; right: 0;
	text-align: right;
}
/* content - home page - end */

/* content - general page - start */
#content.general {}

#content.general .onecol {
	width:846px;
	margin: 0 344px 0 0;
	padding: 90px 100px 2em 14px;
	background: #e5e9ea;
	line-height: 1.6;
}

#content.general .leftcol {
	margin: 0 344px 0 0;
	padding: 90px 100px 2em 14px;
	background: #e5e9ea;
	line-height: 1.6;
}

#content.general .leftcol h1 { margin-right: -100px; }
#content.general .rightcol {
	position: absolute;
	top: 4em; right: 0;
	width: 367px;
}

#content .rightcol .sidebarpicture, #content .rightcol .pix {
	text-align: right;
	margin-right: 1em; 
}
#content .rightcol .sidebarpicture img, #content .rightcol .pix img {
	border: 1px solid black;
	-webkit-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 3px 3px rgba(0, 0, 0, 0.3);
	margin-bottom: 6px;
}
/* content - general page - start */

/* content - case studies pages - start */
#content.casestudies, #content.casestudies.cshome {}

#content.casestudies .leftcol {
	margin: 0 616px 0 0;
	padding: 90px 35px 2em 14px;
	background: #e5e9ea;
	line-height: 1.6;
}

#content.casestudies .leftcol h1 { margin-right: -35px; }
#content.casestudies .rightcol {
	position: absolute;
	top: 3em; right: 14px;
	width: 580px;
}

.featured {
	font-size: 14px;
}

.featured h2 {
	margin: 0 0 1.6em 0;
	font-size: 17px;
	line-height: 20px;
	font-weight: normal;
}

h3 { font-weight: normal; font-size: 17px; line-height: 1.2; margin: 1.5em 0 0.2em 0; }

.casestudies h3 { font-weight: normal; font-size: 17px; line-height: 1.2; margin: 0 0 0.7em 0; }
.cs-client-name { font-weight: normal; font-size: 17px; line-height: 1.2; margin: 0 0 0.7em 0; }
.cs-publication-name { font-style: italic; font-weight: normal; font-size: 17px; margin: 0 0 0.7em 0; }
.cs-challenge, .cs-solution, .cs-results { padding-left: 40px; }
.cs-challenge { margin-top: 2em; background: url(/i/icon-challenge.gif) no-repeat 0 3px; }
.cs-solution { background: url(/i/icon-solution.gif) no-repeat 0 3px; }
.cs-results { background: url(/i/icon-results.gif) no-repeat 0 3px; }

.slideshow {
	
}

/* content - case studies pages - start */


.breadcrumbs { margin-bottom: 0.3em; }
.breadcrumbs a:link, .breadcrumbs a:visited { color: #40494e; text-decoration: none; }
.breadcrumbs a:hover, .breadcrumbs a:active { color: #c00; text-decoration: underline; }



.cta { display: block; text-align: center; margin: 2em 0; font-size: 17px; }
.cta a:link, .cta a:visited, a.cta:link, a.cta:visited { text-decoration: underline; }
.cta a:hover, .cta a:active, a.cta:hover, a.cta:active { text-decoration: underline; }


.factbox { clear: both; border: 1px solid #5f5f60; padding: 0.4em; background-color: #e5e9ea; font-style: italic; }
.factbox b { font-style: normal; font-weight: bold;  }

/* content - end */



/* quote boxes - start */
.rightcol .quotebox { margin-left: 60px }
.quotebox {
	margin: 0 0 1em 0;
	width: 301px;
	padding-bottom: 0;
	padding-top: 2em;
}
.quotebox .boxhead {
	position: relative;
	margin: 0; padding: 0;
	background: url(/i/quotebox-top.gif) no-repeat 0 bottom;
	color:#000;
	font-size: 1px; line-height: 1.0;
	text-indent: -999em;
	height: 14px;
}
.quotebox .boxfoot {
	background: url(/i/quotebox-btm.gif) no-repeat 0 top;
	color:#000;
	text-align: right;
	font-size: 12px; line-height: 1.0; color: #333;
	padding: 40px 5em 1em 0;
	height: 50px;
}
.quotebox .boxcontent, .quotebox400 .boxcontent {
	background: #feebb7;
	color: #000;
	padding: 0.2em 1em;
	line-height: 1.7;
}
.quotebox .boxcontent p, .quotebox400 .boxcontent p { margin: 0; }

.quotebox .boxhead span, .quotebox .boxfoot span, .quotebox400 .boxhead span, .quotebox400 .boxfoot span { position: absolute; left: -9999em; font-size: 1px; line-height: 1.0; }
.quotebox .boxfoot a:link, .quotebox .boxfoot a:visited, .quotebox400 .boxfoot a:link, .quotebox400 .boxfoot a:visited { text-decoration: underline; }
.quotebox .boxfoot a:hover, .quotebox .boxfoot a:active, .quotebox400 .boxfoot a:hover, .quotebox400 .boxfoot a:active { text-decoration: underline; }

.quotebox400 {
	margin: 2em 0 1em 70px;
	width: 400px;
	padding-bottom: 0;
	padding-top: 2em;
	text-align: left;
}
.quotebox400 .boxhead {
	position: relative;
	margin: 0; padding: 0;
	background: url(/i/quotebox400-top.gif) no-repeat 0 bottom;
	color:#000;
	font-size: 1px; line-height: 1.0;
	text-indent: -999em;
	height: 14px;
}
.quotebox400 .boxfoot {
	background: url(/i/quotebox400-btm.gif) no-repeat 0 top;
	color:#000;
	text-align: right;
	font-size: 12px; line-height: 1.0; color: #333;
	padding: 40px 5em 1em 0;
	height: 50px;
}
.leftcol .quotebox400 {
	margin-top: 1em;
	padding-top: 0;
}
.leftcol .quotebox400 .boxhead {
	background: url(/i/quotebox400gray-top.gif) no-repeat 0 bottom;
}
.leftcol .quotebox400 .boxfoot {
	background: url(/i/quotebox400gray-btm.gif) no-repeat 0 top;
}


.home .quotebox {
	margin: 0 0 1em 0;
	width: 330px;
	padding-bottom: 0;
	padding-top: 2em;
}
.home .quotebox .boxhead {
	position: relative;
	margin: 0; padding: 0;
	background: url(/i/quotebox-home-top.png) no-repeat 0 bottom;
	color:#000;
	font-size: 1px; line-height: 1.0;
	text-indent: -999em;
	height: 14px;
}
.home .quotebox .boxhead span, .home .quotebox .boxfoot span { position: absolute; left: -9999em; font-size: 1px; line-height: 1.0; }
.home .quotebox .boxcontent {
	background: url(/i/quotebox-bkgd.png) repeat;
	color: #000;
	padding: 1em;
}
.home .quotebox .boxfoot {
	background: url(/i/quotebox-home-btm.png) no-repeat 0 top;
	color:#000;
	text-align: right;
	font-size: 1px; line-height: 1.0;
	text-indent: -999em;
	height: 50px;
}

.home .quotebox .boxcontent p { margin: 0 0 1.3em 0; line-height: 1.3; }

/* quote boxes - end */