/*
	PROJECT: NMBS
	AUTHOR: RR
	DATE: 5/9/2010
	TOC:
		GLOBAL
		HEADER
		BODY
			LEFT COLUMN
				STAFF
				WHAT WE DO
			RIGHT COLUMN
                FOOTER
		FLUFF
	
	
	NOTES:
 ** 5/13/10 5:27 -- Added expand and collapse images to the Why We are the Best content
                   5:37 -- separated the two expand and collapse images

*/



/*--------------------------------------------------------
	GLOBAL	GLOBAL	GLOBAL	GLOBAL	GLOBAL	GLOBAL	GLOBAL
----------------------------------------------------------*/

*{
	margin:0;
	padding:0;
}

a img{
	border:0px none;
}

body{
	text-align:center;
	background:url(/assets/root/include/images/site/bg_body.gif) repeat-x top left;
	color:#333;
	font-size:13px;
	font-family:Arial, Helvetica, sans-serif;
}

hr{
border:0 none;
border-bottom: 1px solid #2189bf;
margin:10px 0 20px 0;

}

#wrap{
	width:960px;
	text-align:left;
	margin:0 auto;
}

a{
	color:#2189bf;
	text-decoration:none;
}a:hover{text-decoration:none;}

#body h1{
	border-bottom:1px solid #2189bf;
	color:#2189bf;
	font-size:24px;
	line-height:20px;
	font-weight:normal;
	padding:0 10px 8px;
	margin:0 0 0px;
}

#body #default h1{
	padding:0 10px 8px;
	margin:0 0 15px;
}

h2{
	border-bottom:1px solid #2189bf;
	color:#2189bf;
	font-size:18px;
	line-height:16px;
	font-weight:normal;
	padding:0 10px 8px;
	margin:0 0 15px;
}

p, .para{
	margin:15px 0;
	line-height:18px;	
}

.para ul, .para ol{
padding: 0 0 0 40px;
}

#body .para p{
	padding:0;
}

.pdf, .pp, .outbound{
	background:url(/assets/root/include/images/site/icon_pdf.gif) no-repeat center right;
	padding: 2px 25px 2px 0;
}

.pp{
	background-image:url(/assets/root/include/images/site/icon_pp.gif)
}
.outbound{
	background-image:url(/assets/root/include/images/site/icon_outbound-link.gif)
}


/*---------------------------------------------------------
	HEADER	HEADER	HEADER	HEADER	HEADER	HEADER	HEADER
------------------------------------------------------------*/
#header{
	margin:30px 0 0;
}

#header h1 a{
	background:url(/assets/root/include/images/site/img_NMBS-logo.gif) no-repeat 15px 0;
	display:block;	
	width:540px;
	height:89px;
}

.contact{
	color:#003366;
	list-style:none;
	font-size:14px;
	float:right;
	margin:20px 20px 0;
	text-align:right;
}

.contact a{
	color:#003366;	
}

.contact .email{
	background:url("/assets/root/include/images/site/icon_email.gif") no-repeat scroll 34px 3px;
	padding:0 0 0 15px;
}

#nav{
	list-style:none;
	border-top:1px solid #2189bf;		
	background: url(/assets/root/include/images/site/bg_nav.gif) repeat-x top left;
	color:#1b3764;
	margin:30px 0 0;
}

#nav li{
	float:left;
	margin:13px 4px;
	display:inline;
}

#nav li a{
	color:#1B3764;
	display:block;
	padding:5px 16px;
	text-decoration:none;
}
#nav li a:hover{
	background:#2189bf; color:#fff;
}
#nav li a.selected{
	background:#2189bf; color:#fff;
}

/*---------------------------------------------------------
	END HEADER		END HEADER		END HEADER	
------------------------------------------------------------*/

/*---------------------------------------------------------
	BODY	BODY	BODY	BODY	BODY	BODY
------------------------------------------------------------*/
#body{
	background:#fff;
	padding:20px 5px;
}

#body p, #body .para{
	padding:0 10px;
}

.ref{
	font-size:12px;
	line-height:12px;
}

.btn {
	padding:1px;
	background:#57b6e8;
	border:1px solid #386F8F;
}
.btn a{
	background:url("/assets/root/include/images/site/btn_gradient.gif") repeat-x scroll left top #2A91C4;
	padding:4px 10px;
	display:block;
	color:#fff;
}

.pagerClearing{
clear:both;
}

.pager{
margin:0px 10px 10px;
}

.pager a{
	background:url("/assets/root/include/images/site/btn_home-gallery.gif") no-repeat scroll left top #FFFFFF;
	color:#FFFFFF;
	display:block;
	font-size:11px;
	padding:5px 0 3px;
	text-decoration:none;
	width:22px;
float:left;
text-align:center;
margin:0 5px 0 0;
}
.pager span{
	background:#fff url(/assets/root/include/images/site/btn_home-gallery_RO.gif) no-repeat top left;
	color:#fff;
color:#FFFFFF;
	display:block;
	font-size:11px;
	padding:5px 0 3px;

	text-decoration:none;
	width:22px;
float:left;
text-align:center;
margin:0 5px 0 0;
}

.pager a:hover{
	background:#fff url(/assets/root/include/images/site/btn_home-gallery_RO.gif) no-repeat top left;
	color:#fff;
}

.pager .pagerLast, .pager .pagerFirst,.pager .pagerLast span, .pager .pagerFirst span, .pager .pagerFirst:hover, .pager .pagerLast:hover {
background:none;
color:#2189BF;
width:auto;
padding:0;
}
.pager .pagerLast, .pager .pagerFirst, .pager .pagerLast:hover, .pager .pagerFirst:hover{
padding:4px 0 0;
}



	/* ~ GROUP BEGIN @ LEFT COLUMN ~ */
		#left-column{
			float:left;
			width:600px;
			margin:0 10px 0 0;
			display:inline;
		}

		#left-column h2{
			color:##2189BF;
			font-weight:normal;
			border-bottom:0px none;
			font-size:24px;
			margin:0;
			padding:0 0px;
			line-height:26px;
		}
		
		#left-column h3{
			color:#333333;
			font-weight:bold;
			border-bottom:0px none;
			font-size:13px;
			margin:0;
			padding:0 0px;
		}
		
		#left-column h4{
			border-bottom:1px solid #2189bf;
		}
		
		.gallery{
			height:270px;
                        padding:10px;
		}
		
		.gallery .btn{
			position:absolute;
			bottom:35px;
			right:40px;
		}
.back{		
float:right; padding:4px 20px 0;
	}	
		/* ~ BEGIN GROUP @ STAFF ~ */
		
			.staff ul{
				background:url(/assets/root/include/images/site/bg_left-shadow-gradient.gif) no-repeat bottom  center;
				padding:0 10px 25px;
				margin:0 0 15px;
				list-style:none;
			}
			
			.staff ul li a{
				font-size:14px;
				font-weight:bold;
				color:#2189bf;
			}
		   
		   	.staff li.name{
			  padding:9px 0 0;
			}
			
			.staff ul li.email-address{
				float:right;
				height:44px;
				border-left:1px solid #d9d9d9;
				padding:9px 9px;
				width:250px;
			}
			.staff ul li.email-address a{
				font-size:12px;
				font-weight:normal;
				font-family:Georgia, "Times New Roman", Times, serif;
				font-style:italic;
							width:255px;			
			}
		/* ~ END GROUP @ STAFF ~ */
		
			
		/* ~ BEGIN GROUP @ WHAT WE DO ~ */
			#what-we-do{
				padding:0 0;
				border-bottom:1px solid #2189bf;
			}
			#what-we-do div{
				background: url("/assets/root/include/images/site/bg_bullet.gif") no-repeat scroll 20px 7px transparent;
				margin:0 0 20px;
				padding:0 0 0 50px;
			}
			
			#what-we-do h3{
				font-size:16px;
				color:#2485b6;
				line-height:20px;
				margin:0 0 10px;
				font-weight:normal;
			}
			
			#what-we-do p{
				padding:0;
			}

		/* ~ END GROUP @ WHAT WE DO ~ */
		
		/* ~ BEGIN GROUP @ WHY WE'RE THE BEST ~ */
			.the-best{
				border-bottom:1px solid #2189bf;
				padding:0 10px 20px;
				margin:0 0 20px;
			}
			#left-column .the-best h2{
                              
			       margin:0 0 5px;
                           /* added background image for expanding and collapsing content */
                              
                              background:url(/assets/root/include/images/site/expand.gif) no-repeat 0 30px;
                              cursor:pointer;.
padding-top:0px;
height:55px;

			}

#left-column .the-best .selected{
cursor:pointer;
background-image:url(/assets/root/include/images/site/minus.gif);
}

.the-best .content{
padding:0 0 0 0px;
}
			
			.ref-cont p{
				margin:0px 0 4px;
			}
			.ref-cont{
				margin:20px 0 0px;
			}

			#left-column .testimonials h2{
				font-size:18px;
				line-height:20px;
			}
			.readTestimonials{
margin-left:200px;
}

			.the-best .links{
				list-style:none;
				color:#4795C5;
				font-size:12px;
			}
			.the-best li{
				padding:5px 9px;
			}
			
			.the-best .right{
				border-left:1px solid #95C1DC;
				float:right;
				padding:5px 22px 7px;
				width:408px;
			}
			
			#left-column .thought h2{
				font-size:20px;
			}
		
	/* ~ END GROUP @ WHY WE'RE THE BEST ~ */

/* ~ BEGIN GROUP @ THOUGHT ~ */
			.thought{
				border-bottom:1px solid #2189bf;
				padding:0 10px 10px;
				margin:0 0 10px;
			}
			#left-column .thought h2{
				margin: 0 0 5px;

			}


#left-column .the-best .selected{

}

.thought .content{
padding:0 0 0 27px;
}
			
			.ref-cont p{
				margin:0px 0 4px;
			}
			.ref-cont{
				margin:20px 0 0px;
			}

			.readTestimonials{
margin-left:200px;
}

			.thought .links{
				list-style:none;
				color:#4795C5;
				font-size:12px;
			}
			.thought li{
				padding:5px 9px;
			}
			
			.thought .right{
				border-left:1px solid #95C1DC;
				float:right;
				padding:5px 22px 7px;
				width:408px;
			}
			
			#left-column .thought h2{
				font-size:20px;
			}
		
	/* ~ END GROUP @ THOUGHT ~ */

		/* ~ BEGIN GROUP @ WHAT OUR CLIENTS SAY ~ */
			.testimonials{
				border-bottom:1px solid #2189bf;
				padding:0 10px 20px;
				margin:0 0 20px;
			}



.testimonials .content{
padding:0 0 0 27px;
}
			
			.ref-cont p{
				margin:0px 0 4px;
			}
			.ref-cont{
				margin:20px 0 0px;
			}

			.readTestimonials{
margin-left:200px;
}

			.testimonials .links{
				list-style:none;
				color:#4795C5;
				font-size:12px;
			}
			.testimonials li{
				padding:5px 9px;
			}
			
			.testimonials .right{
				border-left:1px solid #95C1DC;
				float:right;
				padding:5px 22px 7px;
				width:408px;
			}
			
			#left-column .thought h2{
				font-size:20px;
			}
		
	/* ~ END GROUP @ What Our Clients Say ~ */


	/* ~ GROUP END @ LEFT COLUMN ~ */


	/* ~ GROUP BEGIN @ RIGHT COLUMN ~ */
		#right-column{
			width:321px;
			margin:0 5px 0 0;
			float:right;
			display:inline;
		}
		#right-column h2{
			margin:0 0 0;
		}
		
		#right-column p, #right-column .para{
			margin:0px;
			padding:10px;
			background:#f8fbfd;
		}
		
		#right-column .sections{
			margin:0 0 40px;
			background: url(/assets/root/include/images/site/bg_right-shadow-gradient.gif) no-repeat bottom center;
			padding:0 0 21px;
		}		
		#right-column .reporting{
			background:url(/assets/root/include/images/site/btn_report.jpg) no-repeat bottom center;
			position:relative;
			width:321px;
			height: 180px;
		}

		#right-column .reporting .btn{
			bottom:51px;
			left:34px;
			position:absolute;
		}
		
		.dash{
			border-bottom:1px dashed #e1e1e1;
			margin:0 0 5px;
			padding:0 0 5px;
		}
		.icon{
			/*float:right;*/
display:block;
margin:0 0 4px;
width:248px;
		}
		
		.quoteBox {
			background:transparent url(/assets/root/include/images/topQuote.gif) no-repeat scroll left top;
			padding: 0px 0px 15px;
		line-height:18px;
		}
		
		.quoteBox .quoteWrap {
		    background:url("/assets/root/include/images/bottomQuote.gif") no-repeat scroll right bottom #2189BF;
		}
		
		.quoteBox .quote {
		    background:transparent url(/assets/root/include/images/topQuote.gif) no-repeat scroll 6px 6px;
/*          background:transparent url(/assets/root/include/images/bottomQuote.gif) no-repeat scroll right bottom;*/
			margin:0 0 10px;
			padding: 15px 30px 15px;
			color:#fff;
		}
		
		#right-column p.ref{
			background:none transparent;
			padding: 10px 30px;
		}
/*UPDATED 5:35PM */
.rfp-btn{
background:url("/assets/root/include/images/site/request.png") no-repeat scroll;
display:block;
width:228px;
height:41px;
margin:0 0 0 46px;
}

	/* ~ GROUP END @ RIGHT COLUMN ~ */


/*---------------------------------------------------------
	END BODY			END BODY			END BODY		
------------------------------------------------------------*/

/*----------------------------------------------------------------------
	FOOTER	FOOTER	FOOTER	
-------------------------------------------------------------------------*/
#footer{
background:#f8fbfc;
padding:20px;
font-size:10px;
color:#9fa1a1;
}

#footer a{
color:#9fa1a1;
text-decoration:underline;
}
#footer a:hover{text-decoration:none;}

.terms{
float:right;
}


/*----------------------------------------------------------------------
	END FOOTER	END FOOTER	 END FOOTER	
-------------------------------------------------------------------------*/


/*---------------------------------------------
	FLUFF	FLUFF	FLUFF	FLUFF	FLUFF	
------------------------------------------------*/


.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

.hidden{
	display:none;
}


a.tecture-logo{

background:url("/assets/root/include/images/site/Tecture-Chicago-Web-Design-logo.gif") no-repeat scroll center center transparent;
display:block;
float:right;
height:20px;
width:64px;
margin:20px;
}


/*---------------------------------------------
	END FLUFF	END FLUFF	END FLUFF	
------------------------------------------------*/

/* OUT OF SCOPE CHANGES */

.doTitle{
font-size:22px !important;
}
.bestHeading{

}

/* FADING TEXT */

#slideshow {
background:url("/assets/root/include/images/site/mastBG.gif") no-repeat scroll 2px 2px #FFFFFF;
position:relative;
width:597px;
}

#slideshow .slideShowContent {
    position:absolute;
    top: 500;
    left: 500;
    opacity:0.0;
display:none;
}

#slideshow .active {
opacity:1.0;
display:block;
}

#slideshow .last-active {
display: none;
}

/* END FADING TEXT*/


/* END OF OUT SCOPE CHANGES */