/* Cheeky Monkeys Play Area CSS Document - simplewebhosting.co.uk - web design */

body
{color: #3E733A;
background: url(images/bg.jpg) top left;
background-attachment: fixed;
font: 18px Arial, Helvetica, sans-serif;
line-height: 1.4em;
margin: 0; 
padding: 0;}

#container
{width: 800px;
margin: 0 auto;
padding: 0;}

#header
{background: url(images/header.jpg);
width: 800px;
height: 270px;}

#logo
{float: left;
width: 325px;
height: 270px;
background: url(images/logo.jpg) top left no-repeat;}

#nav
{float: right;
width: 475px;
height: 160px;
padding-top: 110px;
background: url(images/navbg.jpg) top left no-repeat;}

#nav span
{margin-bottom: 5px;}

#content
{width: 700px;
padding: 0px 50px 10px 50px;
background: #FFF;}

#content h1
{font: 28px Arial, Helvetica, sans-serif;
font-weight: bold;
letter-spacing: -1px;
color: #DB6028;
margin: 0;}

#content h2
{font: bold 20px "Lucida Bright", Arial;}

#content h3
{text-transform: uppercase;
font: bold 20px "Lucida Bright", Arial;
border-bottom: 1px dashed #C10000;
margin: 0 0 10px 0;
color: #C10000;}

#content a
{color: #8B3F8F;}

#content a:visited
{color: #8B3F8F;}

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

.font24
{font-size: 24px;}

.font12
{font-size: 12px;}

.imgmargin
{margin: 0 0 0 10px;}

#footer
{clear: both;
background: url(images/footerbg.jpg) top left no-repeat;
height: 10px;
padding: 10px 5px 0px 5px;
font: 9px Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
color: #B1E0AC;}

#footer a
{color: #DDD;
text-decoration: none;
padding: 0;}

#footer a:visited
{color: #DDD;
text-decoration: inherit;
padding: 0;}

#footer a:hover
{color: #FFFFFF;
text-decoration: none;
padding: 0;}

/* --------------------- */
* html a:hover
{visibility:visible}

.navhome
{position: relative;
background: url(images/nav_home_over.jpg);
white-space: nowrap;
display: block;
width: 60px;
height: 30px;
margin: 0;
padding: 0;}

.navhome a
{display: block;
width: 60px;
height: 30px;
display: block;
float: left;}

.navhome img
{width: 60px;
height: 30px;
border: 0}

.navhome a:hover img
{visibility:hidden}

.navhome span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

.navparties
{position: relative;
background: url(images/nav_parties_over.jpg);
white-space: nowrap;
display: block;
width: 60px;
height: 30px;
margin: 0;
padding: 0;}

.navparties a
{display: block;
width: 60px;
height: 30px;
display: block;
float: left;}

.navparties img
{width: 60px;
height: 30px;
border: 0}

.navparties a:hover img
{visibility:hidden}

.navparties span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

.navmenu
{position: relative;
background: url(images/nav_menu_over.jpg);
white-space: nowrap;
display: block;
width: 60px;
height: 30px;
margin: 0;
padding: 0;}

.navmenu a
{display: block;
width: 60px;
height: 30px;
display: block;
float: left;}

.navmenu img
{width: 60px;
height: 30px;
border: 0}

.navmenu a:hover img
{visibility:hidden}

.navmenu span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

.navpay
{position: relative;
background: url(images/nav_paytoplay_over.jpg);
white-space: nowrap;
display: block;
width: 105px;
height: 30px;
margin: 0;
padding: 0;}

.navpay a
{display: block;
width: 105px;
height: 30px;
display: block;
float: left;}

.navpay img
{width: 105px;
height: 30px;
border: 0}

.navpay a:hover img
{visibility:hidden}

.navpay span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;} 

.navcontact
{position: relative;
background: url(images/nav_contact_over.jpg);
white-space: nowrap;
display: block;
width: 105px;
height: 30px;
margin: 0;
padding: 0;}

.navcontact a
{display: block;
width: 105px;
height: 30px;
display: block;
float: left;}

.navcontact img
{width: 105px;
height: 30px;
border: 0}

.navcontact a:hover img
{visibility:hidden}

.navcontact span
{position: absolute;
left: 35px;
top: 15px;
margin: 0px;
padding: 0px;
cursor: pointer;}