/* layout css */

#topContainer {
	/*background: url(../images/pattern_bg.png) no-repeat center top;*/
	background: #fff url(../images/body_bg_tile.png) repeat-x;
	width: 100%;
	min-height: 611px;
}

	#topContent {
		width: 888px; 
		padding: 0 0 0 59px;
		margin: 0 auto;
		min-height: inherit;
		background: url(../images/logo_glow.png) no-repeat 0 0;
		}
		
		#topContent a#address{
			display: block;
			width: 193px;
			height: 26px;
			background: url(../images/slc_toronto.png) no-repeat;
			text-indent: -5000px;
			margin: 0 0 9px 696px;
		}
		
#headerNav {
	background: url(../images/round_cap_top.png) no-repeat center bottom;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	height: 106px;
	position: relative;
}

#headerNav.ideologySection{
	background: none;
	height: 72px;
	}

	#headerNav li{
		list-style: none;
		float: left;
		padding: 27px 0 0 0;
	}		
	
		#headerNav li#logo{
				padding-top: 0;
			}	
		
			#headerNav li a {
				display: block;
				width: 128px;
				height:	82px;
				background-image: url(../images/tabs_sprite.png);
				background-repeat: no-repeat;
				text-indent: -5000px;
			}
		
				#headerNav li#logo a{
					padding-bottom: 16px;
					width: 198px;
					height: 56px; /*72px less padding*/
					background-image: none;
					padding-top: 0;
					text-indent: 0;
					margin-right: 108px;
				}
				#headerNav li#arsenal a{ background-position: -137px 0; margin-right: 9px;}
				#headerNav li#arsenal a:hover, #headerNav li#arsenal a.selected{ background-position: -137px -82px;}
				
				#headerNav li#ideology a{ background-position: 0 0; margin-right: 26px; }
				#headerNav li#ideology a:hover, #headerNav li#ideology a.selected{ background-position: 0 -82px;}
				

				
				#headerNav li#deliverables a{ background-position: -291px 0; margin-right: 35px;}
				#headerNav li#deliverables a:hover, #headerNav li#deliverables a.selected{ background-position: -291px -82px;}
				
				#headerNav li#leadership a{ background-position: -454px 0;}
				#headerNav li#leadership a:hover, #headerNav li#leadership a.selected{ background-position: -454px -82px;}

/* sub navigation  */

#subNav{
	margin: 0 0 0 0;
	background: none;
	pading: 0 0 0 0;
	height: 34px;
	position: absolute;
	top: 72px;
	display: none;
}

/*.normal{ 
border: 16px solid #0F0;
}
.showSub{  

border: 0px solid #fff;

}*/


	#subNav li{
		padding: 0 0 0 0;
	}
		#subNav li a{
			padding: 0 0 0 0;
			width: auto;
			height: 34px;
			background-image: url(../images/sub_nav_sprite.gif);
			background-repeat: no-repeat;
			text-indent: -5000px;
			margin-right: 0;
		}

		/* sub nav lists */
		#ideology ul {
			left: 149px;	
			}
			#ideology ul li a {
				margin-right: 35px !important;	
				}					
		/* individual sub items */
		#ideology ul li#rastarRevolution a{background-position: 0 0;width: 165px;}
		#ideology ul li#rastarRevolution a:hover, #ideology ul li#rastarRevolution a.selected{background-position: 0 -34px;}
		
		#ideology ul li#personal a{background-position: -210px 0;width: 64px;}
		#ideology ul li#personal a:hover, #ideology ul li#personal a.selected{background-position: -210px -34px;}
		
		#ideology ul li#efficient a{background-position: -309px 0;width: 67px;}
		#ideology ul li#efficient a:hover, #ideology ul li#efficient a.selected{background-position: -309px -34px;}	
		
		#ideology ul li#relevant a{background-position: -414px 0;width: 62px;}
		#ideology ul li#relevant a:hover, #ideology ul li#relevant a.selected{background-position: -414px -34px;}
		
		#ideology ul li#responsible a{background-position: -512px 0;width: 88px;}
		#ideology ul li#responsible a:hover, #ideology ul li#responsible a.selected{background-position: -512px -34px;}
		
		#ideology ul li#engaging a{background-position: -636px 0;width: 68px;}
		#ideology ul li#engaging a:hover, #ideology ul li#engaging a.selected{background-position: -636px -34px;}	
		
		/*arsenal*/
		#arsenal ul {
			left: 60px;	
			}		
			#arsenal ul li a {
				margin-right: 35px !important;	
				}		
		#arsenal ul li#printing a{background-position: 0 -68px; width: 61px;}
		#arsenal ul li#printing a:hover, #arsenal ul li#printing a.selected{background-position: 0 -102px;}
		
		#arsenal ul li#completeSolutions a{background-position: -72px -68px; width: 146px;}
		#arsenal ul li#completeSolutions a:hover, #arsenal ul li#completeSolutions a.selected{background-position: -72px -102px;}
		
		#arsenal ul li#brandedStorefront a{background-position: -229px -68px; width: 145px;}
		#arsenal ul li#brandedStorefront a:hover, #arsenal ul li#brandedStorefront a.selected{background-position: -229px -102px;}
		
		#arsenal ul li#oneToOne a{background-position: -385px -68px; width: 20px;}
		#arsenal ul li#oneToOne a:hover, #arsenal ul li#oneToOne a.selected{background-position: -385px -102px;}
		
		#arsenal ul li#digitalAssetManagement a{background-position: -416px -68px; width: 202px;}
		#arsenal ul li#digitalAssetManagement a:hover, #arsenal ul li#digitalAssetManagement a.selected{background-position: -416px -102px;}
		
		/*deliverables*/
		#deliverables ul {
			left: 457px;	
			}		
			#deliverables ul li a {
				margin-right: 35px !important;	
				}		
		#deliverables ul li#clients a{background-position: 0 -136px; width: 52px;}
		#deliverables ul li#clients a:hover, #deliverables ul li#clients a.selected{background-position: 0 -170px;}
		
		#deliverables ul li#caseStudies a{background-position: -83px -136px; width: 97px;}
		#deliverables ul li#caseStudies a:hover, #deliverables ul li#caseStudies a.selected{background-position: -83px -170px;}
		
		#deliverables ul li#productsServices a{background-position: -209px -136px; width: 172px;}
		#deliverables ul li#productsServices a:hover, #deliverables ul li#productsServices a.selected{background-position: -209px -170px;}	
		
		/*leadership*/
		#leadership ul {
			left: 344px;	
			}		
			#leadership ul li a {
				margin-right: 35px !important;	
				}		
		#leadership ul li#rastarHistory a{background-position: 0 -204px; width: 108px;}
		#leadership ul li#rastarHistory a:hover, #leadership ul li#rastarHistory a.selected{background-position: 0 -238px;}	
		
		#leadership ul li#transcontinental a{background-position: -138px -204px; width: 129px;}
		#leadership ul li#transcontinental a:hover, #leadership ul li#transcontinental a.selected{background-position: -138px -238px;}	
		
		#leadership ul li#employment a{background-position: -297px -204px; width: 87px;}
		#leadership ul li#employment a:hover, #leadership ul li#employment a.selected{background-position: -297px -238px;}	
		
		#leadership ul li#contactUs a{background-position: -407px -204px; width: 80px;}
		#leadership ul li#contactUs a:hover, #leadership ul li#contactUs a.selected{background-position: -407px -238px;}
		
		
			

#contentBody {
	width: 888px;
	background: #fff;
	/*min-height: 458px; 472px less pading*/
	padding: 0 0 12px 0;
	position: relative;
	}
#contentBody.ideology {
	padding-bottom: 10px;
	}	
	
	
#flashContentIdeology{
	height: 458px;
	background: #fff;
	outline: none;
	}	
	
#flashContentSub{
	height: 152px;
	outline: none;
}
	
	
#rightColWrap	 {
	float: left;
	width: 443px; /* 888px less padding */
	padding: 21px 25px 13px 420px;
	position: relative;
	min-height: 269px; /* 303px less padding */
}
	
#individualTypes {
	width: 888px;
	height: 153px;
	background: url(../images/individual_types_bg.jpg) no-repeat;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

	#individualTypes li{
		list-style: none;
		float: left;
		}
	#individualTypes li a{
		display: block;
		height: 153px;
		text-indent: -5000px;
	}	
	#individualTypes li#personal a{width: 120px;}
	#individualTypes li#efficient a{width: 116px;}
	#individualTypes li#relevant a{width: 131px;}
	#individualTypes li#responsible a{width: 121px;}
	#individualTypes li#engaging a{width: 128px;}
		
#socialLinks{
	margin: 0 0 39px 0;
	padding: 0 0 0 0;
	position: absolute;
	bottom: 0;
	left: -48px;
}
	#socialLinks li{
		list-style: none;
		margin: 0 0 11px 0;
	}

#bottomContainer {
	background:url(../images/bottom_bg_tile.png) repeat-y 59px 0;
	margin: 0 auto;
	width: 888px;
	padding: 0 0 0 59px;
	/*-moz-border-radius: 0 0 20px 20px;
	border-radius:  0 0 20px 20px;
	-webkit-border-radius:  0 0 20px 20px;
	-webkit-border-top-left-radius: 0;
	-webkit-border-top-right-radius: 0;
	-webkit-border-bottom-right-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;*/	
}

#bottomContent {
	background:url(../images/bottom_bg_top.png) no-repeat right top;
	padding: 23px 0 0 0;
	width: 888px;		
}

#bottomContent hr {
	margin: 15px auto 0 auto;
	padding: 0 0 0 0;
	border: none;
	height: 1px;
	color: #dcd8d2;
	background-color: #dcd8d2;
	width: 100%;
	clear: both;
	width: 835px;
	float: none;
}

#bottomContent h2{
	width: 275px;
	height: 79px; /* 111px less padding */
	margin: 0 0 0 0;
	padding: 32px 0 0 0;
	background: url(../images/case_study_heading.png) no-repeat;
	float: left;
	}
	
#bottomContent h3{	
	color: #868583;
	padding: 0 0 0 15px;
	/*font-family: 'Arial Narrow', Arial, Helvetica, sans-serif;*/
	font-size: 153.9%;
	font-weight: normal;
	margin: 53px 0 0 0; 
	text-align: left;
	float: left;
}	
	
#bottomContent h4{	
	color: #868583;
	font-size: 93%;
	font-weight: bold;
	margin: 0 0 0 0;
	padding: 28px 0 6px 17px;
	width: 400px;
	clear: both;
}

#bottomContent a.more{	
	float: right;
	display: block;
	text-align: right;
	padding-right: 17px;
	font-weight: normal;
	width: 100px;
	color: #5e8888;
}

#bottomContent a.open span{	
	display: none;
}

#bottomContent a.open:after{	
	content: "less...";
}

#bottomContent div.hidden{	
	display: none;
	width: 886px;

}
	
#bottomContent p{	
	width: 419px;
	font-size: 93%;
	color: #a3a09c;
	line-height: 28px;
	padding: 0 0 0 17px;
	float: left;
	text-align: justify;
}

#bottomContent p.heading{
	margin: -20px 0 0 0;
	font-weight: bold;
	line-height: 1.231;
}

#bottomContent ul{	
	float: left;
	padding: 0 0 0 0;
	margin: 0 0 0 43px;
}

#bottomContent ul li{	
	font-size: 93%;
	color: #a3a09c;
	line-height: 28px;
	text-align: justify;
}

#bottomCap{
	width: 888px;
	height: 31px;
	margin: 0 auto;
	background: url(../images/bottom_bg_bot.png) no-repeat 59px 0;
	padding: 0 0 0 59px;
}

#footer {
	width: 888px;
	padding: 15px 0 15px 59px;
	margin: 0 auto;
	text-align: center;
	color: #fff;
	font-size: 85%;
	font-family:  Arial, Helvetica, sans-serif;
	font-weight: bold;
}

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