@charset "utf-8";
body {
	background-color: #6d6158;
	margin:0;
	padding:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#6D6158;
}

body.lo-res {
	background-color:#fff!important;
}


#header {
	position:relative;
	width:100%;
	height:108px;
	background:url(../images/header-bg.png) repeat-x transparent;
	z-index:1000;
	padding:0;
	margin-top:-30px;
}
#header h1 a {
	display:block;
	background:url(../images/logo.png);
	width:383px;
	height:61px;
	position:absolute;
	left:25px;
	top: 19px;
}

#header h1 span {
	display:none;
}

#header #header-menu {
	position:absolute;
	right:15px;
	top:25px;
	height:33px;
	width:295px;
	background:url(../images/top-menu-box.png) no-repeat;
	padding: 7px 30px;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-style:italic;
}

#header #header-menu a {
	color:#6d6050;
	text-decoration:none;
}

#header #header-menu a:hover {
	color:#3e362d;
	text-decoration:none;
}


/****** HIGH RESOLUTION ******/

#wrapper {
	width:100%;
	height:700px;
	z-index:1;
	padding:0;
	margin:0;
	position:absolute;
	left:0;
	top:0;
	background-color: #dccec0;
	background-image: url(../images/wrapper-bg.png);
	background-repeat: no-repeat;
	background-position: 200px 200px;
}
#wall {
	position:relative;
	width:156px;
	height:700px;
	background:url(../images/wall-bg.png);
	z-index:10;
	margin-top:-40px;
}

#floor {
	position:relative;
	background:url(../images/floor-bg.png) repeat-x;
	height:140px;
	width:100%;
	z-index:12;
}

#lanterns {
	position:absolute;
	top:45px;
	left:10px;
	background:url(../images/lanterns.png) no-repeat;
	height:298px;
	width:300px;
	z-index:15;
	display:block;
}

#bella-darcy {
	position:absolute;
	top:0;
	left:20px;
	height:789px;
	width:706px;
	z-index:30;
}

#bella-darcy a {
	display:block;
	background:url(../images/bella-darcy.png) no-repeat;
	height:415px;
	width:565px;
	position:absolute;
	bottom:-2px;
	left:50px;
}

#bella-darcy a:hover {
	background-position:0px -413px;
}


#tree {
	position:absolute;
	top:0px;
	left:680px;
	background:url(../images/window.png) no-repeat bottom;
	height:660px;
	width:545px;
	z-index:40;
	padding:0;
	margin:0;
}

/** Program Button **/

#program {
	position:absolute;
	bottom:400px;
	left:140px;
}

#program span {
	display:none;
}

#program a {
	display:block;
	background:url(../images/program.png) no-repeat;
	width:184px;
	height:191px;
}

#program a:hover {
	background-position: 0 99%;
}


/** Enrol Button **/

#enrol {
	position:absolute;
	bottom:360px;
	left:380px;
}

#enrol span {
	display:none;
}

#enrol a {
	display:block;
	background:url(../images/enrol.png) no-repeat;
	width:137px;
	height:218px;
}

#enrol a:hover {
	background-position: 0 102%;
}

/** contact Button **/

#contact {
	position:absolute;
	bottom:-9px;
	left:40px;
}

#contact span {
	display:none;
}

#contact a {
	display:block;
	background:url(../images/contact.png) no-repeat;
	width:144px;
	height:200px;
}

#contact a:hover {
	background-position: 0 104.5%;
}
 
/** Classes Button **/

#classes {
	position:absolute;
	bottom:180px;
	right:145px;
}

#classes span {
	display:none;
}

#classes a {
	display:block;
	background:url(../images/classes.png) no-repeat;
	width:132px;
	height:150px;
}

#classes a:hover {
	background-position: 0 102.5%;
}

#stars {
	display:block;
	background:url(../images/stars.png) no-repeat;
	width:120px;
	height:96px;
	left:10px;
	top:200px;
	position:absolute;
}
/****** LOW RESOLUTION ******/

#low-content {
	width:600px;
	display:block;
	position:relative;
	margin:0 auto;
	padding:60px 0 0 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	line-height: 20px;
	color: #5b4a47;
}

#low-content a {
	color:#f395b4;
	font-weight:bold;
}

#low-content a:hover {
	color:#94c56e;
	font-weight:bold;
}

#low-program {
	background:url(../images/low-program.png) no-repeat #fff;
	padding-left:200px;
	padding-bottom:100px;
}

#low-contact {
	background:url(../images/low-contact.png) no-repeat #fff;
	padding-left:200px;
	height:200px;
	padding-bottom:100px;
}

#low-classes {
	background:url(../images/low-classes.png) no-repeat #fff;
	padding-left:200px;
	padding-bottom:100px;
}

#low-enrol {
	background:url(../images/low-enrol.png) no-repeat #fff;
	padding-left:200px;
	padding-bottom:100px;
}

#low-footer {
	background:url(../images/footer-bg.png) repeat-x #fff;
	width:100%;
	position:relative;
}

#design-by {
	position:absolute;
	right:10px;
	bottom:15px;
	font:Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#fad2e0;
}
#design-by a {
	color:#ba97c6;
	}
#design-by a:hover {
	color:#f1efd1;
}