/* ----- styles to go with new-template.php ----- */

/* ideas -->

-> use 960(?) for layout classes

-> make different classes for styling & layout
  ie: .bg-1 { background: #efefef; border ... }
      .bg-1 { padding: 40px; margin-bottom: 30px;... }


/* ----- Typography ----- */
span.pink	{ color: #fcacfd; }
.yellow	{ color: #f0d34c; padding-top: 400px; }



/* ----- styling classes ----- */

.body{
	background: #073243;
} 

	.page-wrap{
	
	}

	.header{

	}
			.branding{
	
			}

			.nav{	

			}

	.page-wrap{
		background: #073243;
	}
			.main-content{
				background: url(/images/new/main-bg.png) no-repeat;
				}
				
				.main-content-left{
					background: url(/images/new/title-image.png) no-repeat;
				}
				.main-content-left p{
					color: #fff;
					font-size: 1.6em;
					margin: 0 0 5px 30px;
				}
				
				.main-content-right{}
					ul#main-right{
						margin-top: 30px;
						}
					ul#main-right li{
						height: 45px;
						font-family: Helvetica Neue;
						color: #2e7093;
						font-size: 1.7em;
						background: url(/images/new/main-thumb.png) no-repeat;
						padding: 10px 0 40px 80px;
						}

			.bottom-content{
				background: url(/images/new/bottom-content-bg.png) repeat-y;
				}
				.bottom-content-left{}
				.bottom-content-right{
					background: #ecebea;
					border: 1px solid #9cbccc;
				}
				.bottom-full-width{
					background: #ecebea;
					border: 1px solid #9cbccc;
				}
		
			.sidebar{
			
			}


	.footer{
	
	}


/* ----- layout classes ----- */

.body{

} 

	.page-wrap{

	}

	.header{

	}
			.branding{
	
			}

			.nav{	

			}
	

	.page-wrap{
	
	}
			.main-content{
				position: relative;
				margin: 20px auto 0px;
				width: 940px;
				height: 612px;
				}
				.main-content-left{
					position: absolute;
					top: 35px; left: 40px;
					height: 420px;
					width: 420px;
					}
				.main-content-right{
					float: right;
					width: 380px;
					margin: 50px 70px 0 0;
					}
				
			.bottom-content{
				margin: 0 auto 50px;
				width: 898px;
				padding-bottom: 40px;
				}
				.bottom-content-left{
					width: 400px;
					margin-left: 50px;
					}
				.bottom-content-right{
					float:right;
					width: 380px;
					margin-right: 50px;
					}
				.bottom-full-width{
					width: 800px;
					margin: 20px auto 0;
					}
					.bottom-full-width p{
						padding: 20px;
						}	
		
			.sidebar{
			
			}


	.footer{
	}
		.footer-content{
			
		}