@charset "utf-8";
/* CSS Document */
body.home { 
	background: url(../images/bg-index.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body.bookanassessment{
	background: url(../images/bg-bookanassessment.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body.askforadvice{
	background: url(../images/bg-askforadvice.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body.upcomingsalons{
	background: url(../images/bg-upcomingsalons.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body.pastsalons{
	background: url(../images/bg-pastsalons.jpg) no-repeat center center fixed; 
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}
body{
	margin:0;
}
header{
	width:100%;
}
header nav{
	margin:0 auto;
}
header .bg{
	background:url(../images/header-bg.png) repeat;
}
header .bg nav{
	width:900px;
}
header .bg nav ul{
	margin:0;
	text-align: left;
	display: inline;
	list-style: none;
}
header .bg nav ul:first-child{
	margin-left:225px;
}
header .bg nav ul li{
	font:14px Arial, Helvetica, sans-serif;
	color:white;
	padding:20px 0;
	margin-right:95px;
	display: inline-block;
	position: relative;
	cursor: pointer;
}
/*header .bg nav ul li a.active{
	margin-left:-23px;
}*/
header .bg nav ul li a.active:before{
	content:"|";
	padding:0 10px;	
	position:absolute;
	margin-left:-23px;
}
header .bg nav ul li a.active:after{
	content:"|";
	padding:0 10px;	
	position:absolute;
}
header .bg nav ul li ul{
	display:none;
	position:absolute;
	background:url(../images/header-bg.png) repeat;
}
/*header .bg nav ul li:hover ul {
	display: block;
	opacity: 1;
	visibility: visible;
	margin: 20px 0 0 -53px;
}*/
header .bg nav ul li ul li {  
	display:block;
	margin:0;
	padding: 15px 25px 15px 0;
	width: 105px;
}
.logo{
	width:900px;
	height:95px;
	background:url(../images/educate-beijing.png) no-repeat;
	margin:40px auto 0 auto;
}
.purple{
	background:url(../images/educate-beijing-purple.png) no-repeat;
}

.quote{
	color:white;
	width:700px;
	margin:80px auto;
}
.quote:before{
	content: url('../images/openquote.png');
	float:left;
	margin:0 20px 0 0;
}
.quote:after{
	content: url('../images/closequote.png');
	float:right;
	margin:-85px 0 0 0;
}
.main{
	width:700px;
	margin:80px auto 200px auto;
}
.main h2{
	padding-left: 80px;	width: 580px;
}
footer{
	background:#191919;
	width:100%;
	height:97px;
	padding:30px 0;
	-moz-box-shadow: 0px -2px 2px #292929;
	-webkit-box-shadow: 0px -2px 2px #292929;
	box-shadow: 0px -2px 2px #292929;
}
footer .wrap{
	width:900px;
	margin:0 auto;
}
footer .wrap .column{
	width:225px;
	display: inline-block;
	vertical-align: top;
	float:left;
}
footer .wrap .column .icons{
	background:url(../images/icons.png) no-repeat;
	width:17px;
	height:94px;
	float:left;
	margin-top:4px;
}
footer .wrap .column .nextto{
	margin-left:35px;
}



.wrap{
	width:915px;
	margin:55px auto 75px auto;
}
.wrap .dropquote{
	display:inline-block;
	width:225px;
	padding:15px 0 0 0;
}
.wrap .darkbox{
	background:url(../images/darkboxbg.png) repeat;
	display:inline-block;
	width:625px;
	padding:30px 30px 60px 30px;
	vertical-align:top;
	min-height: 320px;
}
.wrap .darkbox ul{
	list-style:url(../images/bullet.png);
	padding-left:12px;
	margin-top:0;
}
.wrap .darkbox .fleft{
	float:left;
}
.wrap .darkbox .width{
	width:65px;
}
.wrap .darkbox .rightcol{
	width:500px;
}
.clr{clear:both;}