* { 
margin: 0; 
padding: 0; 
}
html { 
height: 100%; 
}
body { 
width: 100%; 
height: 83%; 
font: 0.8em/1.4em "Veranda", Arial, sans-serif; 
color: #2b2b2b; 
background: url(http://bananamoondaynursery.co.uk/new/images/sky.jpg) repeat-x center top; 
}
h1 { 
font-size: 1.7em; 
color: #275ce5;
font-weight: bold; 
line-height: 1.2em; 
padding: 10px 0 10px; 
}
h2,h3 { 
font-size: 1.3em; 
color: #275ce5;
font-weight: bold; 
padding-bottom: 0.5em; 
line-height: 1em; 
clear:both;
}
h3 { 
padding-top: 0.5em; 
}
h4 { 
font-size: 1.2em; 
font-weight: normal; 
padding-bottom: 0.5em; 
line-height: 1.5em; 
}
p { 
font-size: 1.1em; 
padding-bottom: 0.75em; 
line-height: 1.5em; 
}

a { 
color: #000; 
}
a:hover { 
text-decoration: none; 
}


#contact { 
height: 300px; 
width: 100%;
background: #040303 url(images/starrynight.jpg) repeat-x  top;
border-bottom: 3px solid #fff;
}
#contact p{
color: #FFF;
font-size: 90%;
}
#contact .mainz{
width:550px;
height: 150px;
margin: 0 auto auto;
padding-top: 10px;
}
#contact .cleft{
width: 230px;
float: left;
padding-left: 20px;
display: block;
margin: 0 5px 0 0;
color: #FFF;
}
#contact #flying {
width: 143px;
height: 118px;
margin-top: 10px;
float: right;
background-image:url(images/flying.png);
}
#contact a {
color:#fff;
text-align: center;
margin-top: 30px;
float: left;
font-size: 138%;
font-weight: bold;
text-decoration: none; 
}
#contact a:hover {
font-weight: bold;
color:#ccc;
}


#contact .cright{
width: 230px;
float: left;
padding-left: 30px;
margin-right: 20px;
color: #FFF;
font: bold 1.2em "Veranda", Arial, sans-serif;
}


#container { 
margin: 0 auto -100px; 
height: 100%; 
min-height: 100%; 
height: auto !important; 
width: 800px;
}
#cloud { 
height: 45px; 
width: 700px; 
background: url(http://bananamoondaynursery.co.uk/new/images/cloud.png) no-repeat right; 
margin-left: 10px; 
padding: 0px 0 0 45px; 
}
#cloud a { 
height: 30px; 
width: 184px;
float: right;
text-align:center;
padding: 10px 0 0 0;
font-size: 1.3em; 
font-weight:bold;
text-decoration: none;
color: #3683cb;
}
#cloud a:hover { 
color: #000;
}

#container #header {
width: 100%;
height: 80px;
display: block;
clear:both;
	 
}
#container #header .logo{
width: 792px;
height: 106px;
display: block;
margin: 15px 0 15px 0;
background: url(http://bananamoondaynursery.co.uk/new/images/logo2.png) no-repeat;	 
}

#container #main {
width: 100%;
height: 100%;
display: block;
margin-top: 50px;
}

#container #main #leftcol{
width: 160px;
height: 80%;
display: block;
float: left;
}
#container #main #rightcol{
width: 600px;
height: 80%;
display: block;
float: right;
margin-bottom:60px;
}
#container #main #rightcol #menu{
width: 562px;
height: 424px;
margin-bottom: 10px;
background: url(images/sample_menu.png) no-repeat;
}
#container #main #rightcol .group{
width: 60px;
height: 60px;
margin-bottom: 10px;
background: url(images/group.png) no-repeat;
float: right; 
}
#container #main #rightcol .link {
width: 100%;
height: 32px;
text-indent: 40px;
margin-bottom: 15px;
background: url(images/link.png) no-repeat;
}

#container #main #rightcol .news {
width: 100%;
height: 25px;
text-indent: 30px;
font-weight: bold;
background: url(images/news.png) no-repeat;
}
#container #main #rightcol .newsText {
padding-left: 33px;
margin-bottom: 20px;
}

#container #main #rightcol .indoor{
width: 199px;
height: 170px;
margin-bottom: 10px;
background: url(images/indoor.jpg) no-repeat;
border: 1px solid #000;
float: left; 
margin: 0 10px 30px 0;
}
#container #main #rightcol .outdoor{
width: 199px;
height: 170px;
margin-bottom: 10px;
background: url(images/outdoor.jpg) no-repeat;
border: 1px solid #000;
float: left; 
margin: 0 10px 30px 0;
}
#container #main #rightcol .groveMap{
width: 270px;
height: 224px;
margin-bottom: 10px;
background: url(images/groveMap.jpg) no-repeat;

float: left; 
margin: 0 25px 30px 0;
}
#container #main #rightcol .spencerMap{
width: 270px;
height: 224px;
margin-bottom: 10px;
background: url(images/spencerMap.jpg) no-repeat;

float: left; 
margin: 0 25px 30px 0;
}
#container #main #rightcol .security{
width: 199px;
height: 170px;
margin-bottom: 10px;
background: url(images/security.jpg) no-repeat;
border: 1px solid #000;
float: left; 
margin: 0 10px 10px 0;
}
#container #main #rightcol .food{
width: 199px;
height: 165px;
margin-bottom: 10px;
background: url(images/food.jpg) no-repeat;
border: 1px solid #000;
float: left; 
margin: 0 10px 5px 0;
}

#container #main #rightcol .gallery{
width: 538px;
height: 534px;
margin-bottom: 10px;
background: url(images/galleryx9.png) no-repeat;
float: left; 
margin: 0 10px 5px 0;
}

#container #main #rightcol .newsImg {
margin: 0 0 30px 50px;
}

.nav{
width: 140px; 
}
.nav ul{
list-style-type: none;
margin: 5px 0;
padding: 0;
}
.nav ul li a{
background: url(http://bananamoondaynursery.co.uk/new/images/arrow.gif) no-repeat 2px center;
font: bold 1em "Verdana", Helvetica, sans-serif;
color: #00014e;
display: block;
width: auto;
padding: 6px 0;
padding-left: 20px;
text-decoration: none;
border-bottom: 2px solid #2082dd;
}
* html .nav ul li a{ 
width: 150px;
}

.nav ul li a:hover{
background-color: #7aabd9;
}
.nav ul li .active{
background-color: #7aabd9;
}

/* Holly Hack for IE \*/
* html .nav ul li { 
height: 1%; 
}
* html .nav ul li a { 
height: 1%; 
}
/* End */


.push { height: 50px; }
#footer { position: relative; clear: both; width: 100%; height: 254px; background: url(http://bananamoondaynursery.co.uk/new/images/footer.png) repeat-x -300px bottom ; }

#footer #footer22 {margin: 0px auto auto;  width: 891px; height: 254px; background: url(http://bananamoondaynursery.co.uk/new/images/footer22.png) bottom ;  }
#footer #footer22 .footertext{ font-size: 0.9em; padding:200px 0 0 120px; color:#FFF;}