/* general  */
html, body {
  height: 100%;
}
body {
background:#220306 url(../images/body-bg.png) repeat-x;
color: #aaa;
font-family: Georgia, Times, Serif;
}
body#sub {
	background:#d3d3d3 url(../images/sub-body-bg.png) repeat-x;
}
div#container {
	margin: 0 auto -110px;
	width:990px;
  min-height: 100%;
  height: auto !important;
  height: 100%;
}
/* general end */
/* header  */
div#header {
	height:107px;
	background:url(../images/header-bg.jpg) no-repeat 360px 28px;
}
#sub div#header {
	height:171px;
  background:url(../images/sub-header-bg.jpg) no-repeat bottom right;
  
	}
a#header-contact {
	float:right;
	position:relative;
	width:145px;
	height:39px;
	margin-right:38px;
}
a#header-contact span{
	position: absolute;
	width:100%;
	height:100%;
	background:url(../images/contact-us-header.png) no-repeat;	
}
#sub a#header-contact span{
	background:url(../images/sub-contact-us-header.png) no-repeat;	
}
h1 {
	float: left;
	position:relative;
	width:296px;
	height:58px;
	margin: 4px 0 9px 21px;
	font-size: 12px;
}
#sub h1 {
	height:62px;
	margin-top: -8px;
}
h1 span {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/h1-bg.png) no-repeat;
}
#sub h1 span {
	background:url(../images/sub-h1-bg.jpg) no-repeat;
}
/* header end */
/* navi  */
#header ul{
	clear:both;
	height:40px;
	list-style:none;
	margin-left:10px;
	padding-left:0;
}
#header ul a{
	color:#f7e2a9;
}

#header ul li#navi-home-current,#header ul li#navi-about-us-current,#header ul li#navi-programs-current,#header ul li#navi-admissions-current,#header ul li#navi-montessori-current,#header ul li#navi-parents-current,#header ul li#navi-home,#header ul li#navi-about-us,#header ul li#navi-programs,#header ul li#navi-admissions,#header ul li#navi-montessori,#header ul li#navi-parents {
	float:left;
	position:relative;
	height:40px;
	width: 85px;
}
#header ul li#navi-about-us, #header ul li#navi-about-us-current{
	height:40px;
	width:128px;
}
#header ul li#navi-programs, #header ul li#navi-programs-current{
	height:40px;
	width:135px;
}
#header ul li#navi-admissions, #header ul li#navi-admissions-current{
	height:40px;
	width:149px;
}
#header ul li#navi-montessori, #header ul li#navi-montessori-current{
	height:40px;
	width:155px;
}
#header ul li#navi-parents, #header ul li#navi-parents-current{
	height:40px;
	width:105px;
}
#header ul li#navi-home-current span,#header ul li#navi-about-us-current a span,#header ul li#navi-programs-current a span,#header ul li#navi-admissions-current a span,#header ul li#navi-montessori-current a span,#header ul li#navi-parents-current a span, #header ul li#navi-home a span,#header ul li#navi-about-us a span,#header ul li#navi-programs a span,#header ul li#navi-admissions a span,#header ul li#navi-montessori a span,#header ul li#navi-parents a span {
	position:absolute;
	width:100%;
	height:100%;
	background:url(../images/navi-sprite.png) no-repeat 4px 0;
	border:none;
}
#header ul li#navi-home-current a span{
	background:url(../images/navi-sprite.png) no-repeat 4px -41px;
}
#header ul li#navi-about-us-current a span {
	background:url(../images/navi-sprite.png) no-repeat -81px -41px;
}
#header ul li#navi-programs-current a span{
	background:url(../images/navi-sprite.png) no-repeat -209px -41px;
}
#header ul li#navi-admissions-current a span{
	background:url(../images/navi-sprite.png) no-repeat -344px -41px;
}
#header ul li#navi-montessori-current a span{
	background:url(../images/navi-sprite.png) no-repeat -493px -41px;
}
#header ul li#navi-parents-current a span{
	background:url(../images/navi-sprite.png) no-repeat -648px -41px;
}
#header ul li#navi-about-us a span {
	background:url(../images/navi-sprite.png) no-repeat -81px 0;
}
#header ul li#navi-programs a span{
	background:url(../images/navi-sprite.png) no-repeat -209px 0;
}
#header ul li#navi-admissions a span{
	background:url(../images/navi-sprite.png) no-repeat -344px 0;
}
#header ul li#navi-montessori a span{
	background:url(../images/navi-sprite.png) no-repeat -493px 0;
}
#header ul li#navi-parents a span{
	background:url(../images/navi-sprite.png) no-repeat -648px 0;
}
#header ul li#navi-home a:hover span{
	background:url(../images/navi-sprite.png) no-repeat 4px -41px;
}
#header ul li#navi-about-us a:hover span{
	background:url(../images/navi-sprite.png) no-repeat -81px -41px;
}
#header ul li#navi-programs a:hover span{
	background:url(../images/navi-sprite.png) no-repeat -209px -41px;
}
#header ul li#navi-admissions a:hover span{
	background:url(../images/navi-sprite.png) no-repeat -344px -41px;
}
#header ul li#navi-montessori a:hover span{
	background:url(../images/navi-sprite.png) no-repeat -493px -41px;
}
#header ul li#navi-parents a:hover span{
	background:url(../images/navi-sprite.png) no-repeat -648px -41px;
}

/* navi end */
/* sidebar */
#sub div#sidebar {
	float:left;
	width:250px;
}
#sub div#sidebar ul{
	margin-top:20px;
	border-bottom:1px solid #c2c2c2;
	font:120% Georgia, Serif;
	text-transform:uppercase;
	color:#8e5900;
	list-style:none;
}
#sub div#sidebar ul li{
	padding:8px 0;
	border-top:1px solid #c2c2c2;
}
#sub div#sidebar ul li a{
	color:#501a19;
	text-decoration:none;
}
/* end sidebar */
/* content  */
#home div#content {
	margin-top:32px;
	height:296px;
	background:url(../images/content-bg.jpg) no-repeat bottom right;
}
#sub div#content{
	width:698px;
	float:left;
	margin:24px 0 24px 10px;
	border-bottom:1px solid #c4a03c;
	padding-bottom:10px;
}
div#content img {
	float:left;
	margin:0 47px 0 0;
	padding:0;

}
div#content h2{
	padding:20px 0 14px;
	margin:0;
	font:italic 200% Georgia, Times, Serif;
	letter-spacing: -.02em;
	color:#e6bc47;
}
#sub div#content h2{
	text-align:center;
	width:698px;
	background:url(../images/sub-h2-bg.png) repeat-x 0 40%;
	padding:0 0 20px 0;
}
#sub div#content h2 span{
	background-color:white;
	padding:0 12px;
}
div#content p{
	font: 100%/170% Georgia, Times, Serif;
	color:#e6dcca;
	padding-right:68px;
}
#sub div#content p, #sub div#content ul, #sub div#content dl, #sub div#content h3, #sub div#content h4, #sub div#content h5, #sub div#content ol, #sub div#content table {
	color:#451113;	
	padding-left: 35px;
	padding-right: 35px;
}
/* content end */
/*sub-content*/
div#sub-content {
	margin-top:21px;
	padding-left:10px;
	height: 400px;
}
div#sub-content h3{
	font:italic small-caps 200% Georgia, Times, Serif;
	color:#fff;
	
}
div#sub-content h3 span{
	color:#ccbc8c;
	font-family: Georgia;
}
div#sub-content h3 span#amp{
	font-family: Baskerville, Georgia, Times, serif;
}

/* sub-content news & events  */
div#news {
	float:left;
	width:380px;
	padding-right:20px;
}
div#news dl {
	clear:left;
	font: bold 110% Georgia, Times, Serif;
	color:#d0c090;
	margin-top:30px;
}
div#news dl dt{
	float:left;
	clear:both;
	width:60px;
	margin-bottom:18px;
	font: bold small-caps 100% Georgia, Times, Serif;

}
div#news dl dt span{
	font-size: 140%;
	color: #742624;	
}

div#news dl dd{
	float:left;
	width:280px;
	color:#e6bc47;
	font-size:90%;
	line-height:160%;
	margin-bottom:12px;
}
div#news dl dd span{
	color:#e6dcca;
	font-weight: normal;
}
div#news a, div#news a:hover {
	color:white;
}
/* sub-content news & events end */
/* sub-content learn more  */
div#learn-more{
	float:left;
	width:296px;
}
div#sub-content div#learn-more p{
	font: 100%/200% Georgia, Serif;
	color:#e6dcca;
	margin-bottom:2em;
}
div#learn-more a{
	float:right;
	position: relative;
	width: 118px;
	height:34px;
	display:block;
	text-decoration:none;
	}
div#learn-more a span{
	position:absolute;
	width:100%;
	height:100%;
	margin-top:-21px;
	margin-left:-7px;
	background: url(../images/learn-more-button.png) no-repeat;
}
/* sub-content learn more end */
/* sub-content contact box  */
div#contact-box{
	float:left;
	width: 226px;
	height: 283px;
	background: url(../images/contact-box-bg.jpg) no-repeat bottom;
	margin-left:20px;
	margin-bottom:20px;
	}
#sub div#contact-box{
	float:left;
	width: 222px;
	height: 148px;
	background: url(../images/sub-contact-box-bg.jpg) no-repeat bottom;
	margin-bottom:50px;
	}
div#contact-box h4 {
	font: bold small-caps 110% Times, Serif;
	color:#e6bc47;
	margin: 49px 0 0 23px;
	letter-spacing: -.01em;
}
#sub div#contact-box h4 {
	margin-top:24px;
}
div#contact-box address{
	font: bold small-caps 100%/1.7em Times, Serif;
	margin-left:23px;
	letter-spacing: -.04em;
	color:#e6dcca;
}
div#contact-box a{
	position: relative;
	width: 139px;
	height:42px;
	display:block;
	margin: 43px 0 0 47px;
	}
#sub div#contact-box a{
	margin: -38px 0 0 115px;
	width: 85px;
	height:27px;
}
div#contact-box a span{
	position:absolute;
	width:100%;
	height:100%;
	margin-top:-5px;
	background: url(../images/contact-us-body.png) no-repeat;
}
#sub div#contact-box a span{
	background:url(../images/sub-contact-btn.png) no-repeat;
	
}
/* sub-content contact box end */
/* footer  */
div#push{
	height:110px;
}
div#footer {
	clear:both;
	background:#d6d6d6 url(../images/footer.png) repeat-x;
	height:130px;
}
div#footer-content {
	width:990px;
	height:100px;
	margin:0px auto;
	padding:30px 0 0;
	background:url(../images/footer-bg.jpg) no-repeat right 44px;
}
div#footer a#footer-contact {
	float:left;
	display:block;
	position:relative;
	width:148px;
	height:55px;
	margin:6px 0 0 7px;
}
div#footer a#footer-contact span{
	position: absolute;
	width:100%;
	height:100%;
	margin-top:-5px;
	background:url(../images/contact-footer.png) no-repeat;
}
div#footer address{
	float:left;
	width:224px;
	margin:28px 0 0 19px;
	color:#501a19;
	font: normal small-caps bold 80%/200% "Times New Roman", Serif;
	letter-spacing: .04em;
}
div#footer ul {
	float:left;
	font: bold 90%/200% "Times New Roman", Serif;
	text-transform:uppercase;
	letter-spacing: .05em;
	margin-top:28px;
	}
div#footer li {
	display: inline;
}
div#footer li a{
	color:#501a19;
	text-decoration: none;
}
div#footer li a:hover {
	color:black;
}
/* footer end */
