/* ---------------------------------------------------------------------------------
   
   Kids of Culture - Master Stylesheet 
   Author: Pixel House
   Website: www.pixel-house.com.au 

--------------------------------------------------------------------------------- */


body { margin: 0; padding: 0; font-family: Arial, Helvetica, sans-serif; color: #783710; }
#home { background: url(../images/bg-home-header.jpg) no-repeat center 0 #faf2e7; }
#workshops { background: url(../images/bg-workshops-header.jpg) no-repeat center 0 #faf2e7; }
#contact { background: url(../images/bg-contact-header.jpg) no-repeat center 0 #faf2e7; }


a img { border: none; }
h1 { margin: 0 0 0.5em 0; }
h2 { text-indent: -5000px; height: 39px; }
h3 { margin: 1.3em 0 0.4em 0; text-indent: -5000px; height: 14px; }
h2, h4, h5, h6 { margin: 0 0 0.7em 0; }
p { font-size: 0.9em; margin: 0 0 1.2em 0; line-height: 1.3em; }

#wrapper { width: 960px; margin: 0 auto; }
#header { float: left; width: 100%; height: 412px; }
#content { float: left; width: 100%; margin: 0; padding-bottom: 17px; background: url(../images/bg-rightbar.jpg) no-repeat right 40px; }
#footer { float: left; width: 940px; margin: 0 10px; height: 74px; background: url(../images/bg-footer.gif) repeat-x right 0; display: inline; }

/* ---------------------------------------------------------------------------------  
HEADER
--------------------------------------------------------------------------------- */

#logo { margin: 81px 0 0 73px; float: left; display: inline; }
#logo a { float: left; text-indent: -5000px; width: 200px; height: 115px; display: inline; background: url(../images/logo.jpg) no-repeat 0 0; }

#nav { float: left; margin: 27px 0 0 61px; width: 226px; padding: 0; display: inline; clear: both;  }
#nav li { list-style-type: none; float: left; display: inline; margin: 0; }
#nav li a { float: left; height: 40px; text-indent: -5000px; display: block; }
#nav li a:hover { background-position: 0px -40px; }

#n02, #n03 { background: url(../images/nav-divider.jpg) no-repeat 0 0; padding-left: 2px; }
#n01 a { width: 56px; background: url(../images/nav-home.jpg) no-repeat 0 0; }
#n02 a { width: 97px; background: url(../images/nav-workshops.jpg) no-repeat 0 0; }
#n03 a { width: 69px; background: url(../images/nav-contact.jpg) no-repeat 0 0; }


/* ---------------------------------------------------------------------------------  
CONTENT
--------------------------------------------------------------------------------- */

#main { float: left; width: 650px; margin: 0 0 0 10px; padding: 0; display: inline; }
#rightbar { float: left; width: 229px; margin: 25px 0 0 49px; display: inline; }
#rightbar p { font-size: 0.75em; margin-bottom: 0.8em; }
#rightbar a { text-decoration: none; color: #783710; }
#rightbar a:hover { text-decoration: underline; }

#welcome { text-indent: -5000px; height: 49px; background: url(../images/welcome.jpg) no-repeat left 0; }
#workshops-h1 { text-indent: -5000px; height: 49px; background: url(../images/workshops.jpg) no-repeat left 0; }
#contact-h1 { text-indent: -5000px; height: 49px; background: url(../images/contact.jpg) no-repeat left 0; }

#home-h2 { background: url(../images/home-h2.gif) no-repeat left 0; }
#workshops-h2 { background: url(../images/workshops-h2.gif) no-repeat left 0; }
#contact-h2 { background: url(../images/contact-h2.gif) no-repeat left 0; }

#african-h3 { background: url(../images/african-h3.gif) no-repeat left 0; }
#islander-h3 { background: url(../images/islander-h3.gif) no-repeat left 0; }
#indigenous-h3 { background: url(../images/indigenous-h3.gif) no-repeat left 0; }
#world-h3 { background: url(../images/world-h3.gif) no-repeat left 0; }
#phone-h3 { background: url(../images/phone-h3.gif) no-repeat left 0; }
#address-h3 { background: url(../images/address-h3.gif) no-repeat left 0; }
#enquiry-h3 { background: url(../images/enquiry-h3.gif) no-repeat left 0; }


#h2-rightbar { text-indent: -5000px; margin-top: 40px; background: url(../images/h2-rightbar.jpg) no-repeat left 0; }

#picright { float: left; margin: 10px 0 0 -4px; display: inline;  }


/* ---------------------------------------------------------------------------------  
FOOTER
--------------------------------------------------------------------------------- */

#footer-left { float: left; margin: 15px 0 0 20px; display: inline; }
#footer-right { float: right; margin: 15px 20px 0 0; display: inline; }

#footer p { font-size: 0.7em; }
#footer a { text-decoration: none; color: #783710; }
#footer a:hover { color: #f26922; }

#footer ul { margin: 0; }
#footer li { list-style-type: none; display: inline; }
#footer li a { text-decoration: none; font-size: 0.8em; color: #783710; }
#footer li a:hover { color: #f26922; }

.divider { padding-left: 5px; background: url(../images/footer-div.gif) no-repeat left 5px; }