/* --- Primary Content
-------------------------------------------------------*/

#primary_content {
	margin-top: -20px;
}



	/* --- Banner
	-------------------------------------------------------*/

	#banner {
		font-size: 1.083em;	/* 12px * 1.083em = 13px */
		line-height: 1.231em;	/* 13px * 1.231em = 16px */
		color: #fff;
		height: 380px;
		position: relative;
		z-index: 1;
	}
	
		/* --- | Title | --- */
	
		#banner h1 {
			font-size: 30px;
			font-weight: normal;
			position: relative;
			z-index: 1;
			top: 25px;
			height: 43px;	/* For non-SIFR */
			margin: 0 0 22px 11px;
		}
		
			#banner h1 strong {
				font-weight: normal;
				color: #7bbee7;
			}
	
		/* --- | Synopsis | --- */
	
		#banner .synopsis {
			position: relative;
			z-index: 1;
			height: 100px;
			margin: 0 0 42px 14px;
		}
	
		/* --- | Banner Module | --- */
		
		#banner .banner_module {
			text-align: right;
			position: absolute;
			z-index: 0;
			top: 0;
			width: 270px;
			height: 138px;
			padding: 234px 210px 0 0;
		}
		
			#banner .banner_module_1 {
				left: 0;
			}
			
			#banner .banner_module_2 {
				left: 480px;
			}
			
			#banner .banner_module h2 {
				font-size: 1.23em;	/* 13px * 1.23em = 16px */
				font-weight: normal;
				margin-bottom: 10px;
			}
			
			#banner .banner_module .description {
				font-size: 1.154em;	/* 13px * 1.154em = 15px */
			}
			
			#banner .banner_module .sub_description {
				font-size: .846em;	/* 13px *.846em = 11px */
				margin-bottom: 8px;
			}
		
		/* --- | Links | --- */
	
		#banner ul.cta {
			font-size: 1.154em;	/* 13px * 1.154em = 15px */
		}
		
			#banner ul.cta li {
				float: right;
				background-position: 0 -998px;
			}
			
				#banner ul.cta li a {
					color: #7bbee7;
				}
				
					#banner ul.cta li a:hover { color: #fff; }