@import "/wp-content/themes/life-collage/css/lib.less";

#splash {
	width:938px;
	padding:1px;
	padding-top:0;
	height:inherit;
	margin:0;
	background:@white;
	
	.panes {
		>div {
			display:none;
			height:100px;
		}
	}
	
	
	.shelf-panes-container {
		background: url("../img/wooden-bg.jpg") no-repeat scroll center center @black;
		height: 380px;
		margin: 0;
		overflow: hidden;
		padding: 9px;
		width: 920px;
		position:relative;
		
		.shelf-panes {
			height:300px;
			width:920px;
		}
		

		.shelf-pane {
			 height: 340px;
			position: relative;
			margin: 0 auto;
			padding: 40px 50px 0;
			width: 840px;
			display:none;		
			
			h2 {
				color:@white;
				text-align:center;
				text-shadow:2px 2px 3px #4f4f4f;
				margin:0 0 40px 0;
			}	
			
			.card {
				width:232px;
				height:207px;
				.bg-img("card-bg", "transparent", "no-repeat", "left","top");
				text-align:center;
				float:left;
				margin:0 60px 0 0;
				
				&:last-child {
					margin-right:0;
				}
				
				.desc {
					display: block;
					.prox-r(20px,14px);
					margin: 0;
					text-align:center;
					padding: 20px 20px 0 20px;
				}
			
				h3 {
					color: #FFFFFF;
					text-align:center;
					line-height: 25px;
					.prox-b(25px,18px);
					padding: 30px 5px 0 5px;
					
					a {
						color:@white;
					}
				}
				
			}
			
			.card-Medium {
				
				h3 {
					.prox-b(25px,16px);
				}
			}
			
			.card-Large {
			
				h3 {
					.prox-b(20px,14px);
					margin-bottom: 10px;
					padding-top: 20px;
				}
			}
			

		}		
	}
	
	.shelf-tabs-container {	
		width: 860px;
		background:@black;
		height: 10px;
		padding: 15px 40px;
		margin:1px 0 0 0;
		
		.shelf-tabs {
			width:400px;
			float:left;
			
			a {
				background: none repeat scroll 0 0 #FFFFFF;
				display: block;
				height: 10px;
				float:left;
				width:10px;
				margin:0 10px 0 0;
				line-height:20px;
				.rc(5px);
			}
			
			.current {
				background:@orange;
			}
			
		
		}
	
	}	
	
}



#course-info h2 {

}

#what-we-offer-container {
	margin-bottom:1px;
}

#what-we-offer {
	margin-bottom:1px;
}


#education-areas {

	> div {
		float:left;
		width:220px;
	}
	
	p {
		.prox-r(20px,14px);
	}
	
	h2 {
		line-height:40px;
		padding-left:60px;
	}
	
	#course-info {
		margin-right:20px;
		
		h2 {
			.bg-img("what-we-offer-icons", "transparent", "no-repeat", "left","top");			
		}
	}
	
	#webinar-info {
	
		h2 {
			.bg-img("what-we-offer-icons", "transparent", "no-repeat", "left","-40px");			
		}
	}
}


#testimonials {
	margin-top:1px;
	
	p {
		.prox-r(20px,14px);
		margin-bottom:10px;
	}
	
	>div {
		margin-bottom:20px;
	}
}