/* This site and code was created by Simon Day www.simonday.com */
/* You may not use the design for any type of project */

* {margin:0; padding:0;}
body    { font-size: 62.5%; font-family: Arial, Helvetica, sans-serif; background-image: url(../img/body-back.jpg); background-repeat: repeat-x; background-color:#f2f7f1; }

.left {float:left;}
.right {float:right;}
img, a {border:none;}	
a { color:#5B5B00; text-decoration: underline; }
a:hover { text-decoration:underline; color: #333; }
.tleft {text-align:left;}
.tright {text-align:right;}
.clr {clear:both;height:1px;}
img, img a {border-style:none;}
a:active, a:focus {outline: none;}
img, div { behavior: url(./iepngfix.htc) }
.cent {text-align:center;padding-top:45px;}
#container { width: 980px; margin:0 auto; position: relative; }
img a:hover {border:none; outline:none; background-image:none;}
#container p.red {color: #900; font-size:2em;}

/* Top content */

#logo { width:100%; position: absolute; }
#logo p { margin-left:204px;margin-top:5px; }
#cartoon { height: 353px; width: 220px; position: absolute; z-index: 30;left:-15px; }
#boytop { height: 157px; width: 96px; position: absolute; top: 0px; left: 880px; z-index: 35; }



/* Sprite driven Navigation */

#links { position: relative; top: 125px; z-index: 10;   }
#links ul { background-image:url(../img/links2.jpg); background-repeat: repeat; height: 167px; width: 980px; }
#links li {display:inline; list-style-type:none; float:left;}

#home a, #facilities a, #birthdays a, #offers a, #events a, #gallery a, #contact a  {text-indent:-5000px;display:block; }
#home a:hover, #facilities a:hover, #birthdays a:hover, #offers a:hover, #events a:hover, #gallery a:hover, #contact a:hover {background-image: url(../img/links2.jpg); background-repeat: no-repeat; }


#home {left:175px;position:relative;top:40px;width:78px;height:56px; z-index:50;}
#home a {height:56px;z-index:50; position:relative;}
#home a:hover { background-position: -175px -207px; }

#facilities {left:160px;position:relative;top:93px;width:88px;height:56px}
#facilities a {height:50px;}
#facilities a:hover {background-position: -238px -260px;}

#birthdays {left:160px;position:relative;top:20px;width:150px;height:60px}
#birthdays a {height:60px;}
#birthdays a:hover {background-position: -326px -187px;}

#offers {left:140px;position:relative;top:80px;width:140px;height:60px}
#offers a {height:60px;}
#offers a:hover {background-position: -456px -247px;}

#events {left:140px;position:relative;top:24px;width:140px;height:60px;}
#events a {height:60px;}
#events a:hover {background-position: -596px -191px;}

#gallery {left:144px;position:relative;top:70px;width:85px;height:60px;}
#gallery a {height:60px;}
#gallery a:hover {background-position: -740px -237px;}

#contact {left:160px;position:relative;top:40px;width:105px;height:60px;}
#contact a {height:60px;}
#contact a:hover {background-position: -841px -207px;}



/* Left content */

#leftlinks { width: 160px; position: relative; top: 190px; }
#leftlinks a {color:#333; text-decoration:none;}
#leftlinks a:hover {text-decoration:underline;color:black;}
#leftlinks-top { background-image: url(../img/left-links-top.jpg); background-repeat: no-repeat; height: 6px; width: 160px; overflow: hidden; }
#leftlinks-middle { background-color:white; background-image: url(../img/left-links-middle.jpg); background-repeat: repeat-x; width: 157px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #b3d99b; border-left-color: #b3d99b;margin-left:1px; }
#leftlinks-bottom { background-image: url(../img/left-links-bottom.jpg); background-repeat: no-repeat; height: 7px; width: 160px; }
#leftlinks-middle h2 { font-family: "Comic Sans MS", cursive; font-size: 14px; text-align:center;}



#content {left:200px;position:absolute;top:315px;width:771px;}
#conttop { background-image: url(../img/outter-top.jpg); background-repeat: no-repeat; height: 11px; width: 771px; overflow: hidden; }
#contmid { width: 770px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #bec1be; border-left-color: #bec1be; background-color: #fff; }
#contmid h1 { font-family:"Comic Sans MS", cursive; font-size:2.6em; color:#666; margin-left:85px; vertical-align: middle; position:relative;top:-10px; }
#contmid h1 span {font-size:2.8em; color:red;}
#contbot { background-image: url(../img/outter-bot.jpg); 
background-repeat: no-repeat; height: 12px; width: 771px; margin-bottom:20px;}



#innercontain {width:746px; margin:0 auto;}
#innertop { background-image: url(../img/inner-top.jpg); background-repeat: no-repeat; height: 10px; width: 746px; overflow: hidden; }
#innermid { width: 744px; border-right-width: 1px; border-left-width: 1px; border-right-style: solid; border-left-style: solid; border-right-color: #bec1be; border-left-color: #bec1be; background-color: white; background-image: url(../img/inner-middle.jpg); background-repeat: repeat-x; }
#innerbot { background-image: url(../img/inner-bottom.jpg); background-repeat: no-repeat; height: 10px; width: 746px; }
#innercontain p {font-family: "Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.3em;padding: 0px 10px 20px 20px;}
#innercontain ul { font-family:"Trebuchet MS", Arial, Helvetica, sans-serif; font-size:1.4em;margin-left:35px;}
#innercontain li { list-style-type:none; list-style-image: url(../img/tick.gif); list-style-position: outside; padding-bottom:10px;}
.padtwen {padding-left:20px; float:right;}
#innermid img {padding:20px 0 0 20px;}
#innercontain ul.caut li {list-style-image: url(../img/note.gif);}

#spleft   {width:400px;float:left; margin:0 20px 0 0;}
#spright {width:290px; float:left; }

#footer { background-image: url(../img/footer.gif); background-repeat: no-repeat; text-align: center; /*height: 151px;*/ width: 744px;  }
#footer a {color:#666; text-decoration:underline;}
#footer a:hover {color:black;}
#footer p { font-family: "Comic Sans MS", cursive; font-size: 1.2em; padding-top:110px;  left: 245px; }


#lwrboy {margin-left:-12px;margin-top:10px;position:absolute;}
#whitedress { position:absolute; left: 701px; top: 10px; }
#pads { position:relative;}

/* Thought I could get away without a single hack but I needed just one because of the BM bug */
*+html  .cent { padding-top:52px;}
* html .cent { padding-top:55px;} 


/* CSS3 Curved border */

div.topfive { width:290px; margin:0; -moz-border-radius-bottomleft:10px; -moz-border-radius-bottomright:10px; -moz-border-radius-topleft:10px; -moz-border-radius-topright:10px; background-color:#F4F81D; border:1px solid #999999; text-align: center; 
}
#content_right .topfive h1 {padding:5px 0 0 40px;}
#content_right .topfive ul {margin:5px 10px;}
.contactsp {height:10px;}