/*
AfroDrumming.com.au 1.0, main styles
*/

* {
	margin:0;
	padding:0;
	}
	
html {
	background: transparent url(/img/back.jpg);
	background-repeat: repeat-x;
	background-color: #DCC7AC;
	}
	
body {
	text-align: center;
	margin: 0 auto 0 auto;
	font-family: "Verdana", Arial, sans-serif;
	font-size: 9px;
	color:#000;
	}
a img {border:none;}

/* -- [center-home] -------------------------------------------------------------------- */

#center {
	text-align: left;
	margin: 0 auto 0 auto;
	width:918px;
	background:transparent url(/img/under.jpg);
	background-repeat: no-repeat;
	background-position:top center;
	}


#noflash,h1 {
	position: absolute;
	top: 0;
	left: 0;
	width: 1px;
	height: 1px;
	clip: rect(0 1px 1px 0);
	overflow: hidden;
	}

#flash {
	width:587px;
	height:421px;
	overflow: hidden;
	border-width:none;
	padding: 0px 0px 0px 20px;
	}
	
#nav {
	position: relative; 
	width:225px;
	float:left;
	}
	

/* -- [navigation] -------------------------------------------------------------------- */

#nav ul {
	margin: 213px 0 0 40px;
}
#nav li {
	height:15px;
	list-style-type: none;
	margin: 0px 0 10.5px 30px;
	}
#nav li, 
#nav li a {
	display: block;
	width: 158px;
	background-repeat: no-repeat;
	}
#nav li a {
	padding-top: 15px; height: 0 !important;
	height /**/: 15px; overflow: hidden;
}
#nav li a:hover {
	background-position: 0 -15px;
}


#nav li.about,
#nav li.about a {
	background-image: url(/img/about.gif);
}
#nav li.happening,
#nav li.happening a {
	background-image: url(/img/happening.gif);
}
#nav li.photogallery,
#nav li.photogallery a {
	background-image: url(/img/photogallery.gif);
}
#nav li.contact,
#nav li.contact a {
	background-image: url(/img/contact.gif);
}
#nav li.drumming,
#nav li.drumming a {
	background-image: url(/img/drumming.gif);
}
#nav li.home,
#nav li.home a {
	background-image: url(/img/home.gif);
}
body.home				#nav li.home            a,
body.about				#nav li.about			a,
body.happening			#nav li.happening		a, 
body.photogallery		#nav li.photogallery			a, 
body.contact			#nav li.contact			a, 
body.drumming			#nav li.drumming		a{
	background-position: 0 -30px;
}

/*--overide for drum*/


#nav li.drum {
	position:absolute;
	z-index:100;
	top: 368px;
	left: 10px;
	}
#nav li.drum, 
#nav li.drum a {
	display: block;
	width: 188px;
	background-repeat: no-repeat;
	background-image: url(/img/drum.jpg);
}
#nav li.drum a {
	padding-top: 216px; height: 0 !important;
	height /**/: 216px; overflow: hidden;
	clip:rect(0 188px 216px 0);
}
#nav li.drum a:hover {
	background-position: 0 -216px;
}
body.drum #nav li.drum {
	background-position: 0 -216px;
}

/*--overide for development*/


#nav li.development {
	position:absolute;
	z-index:100;
	top: 584px;
	left: 10px;
	}
#nav li.development, 
#nav li.development a {
	display: block;
	width: 188px;
	background-repeat: no-repeat;
	background-image: url(/img/development.gif);
}
#nav li.development a {
	padding-top: 123px; height: 0 !important;
	height /**/: 123px; overflow: hidden;
	clip:rect(0 188px 123px 0);
}

#nav li.development a:hover {
	background-position: 0 0px;
}
body.development #nav li.development {
	background-position: 0 0px;
}

/*--overide for links*/
#nav a.image1{
	display: block;
	position:absolute;
	z-index:100;
	top: 478px;
	left: 62px;
}
#nav a.image2{
	display: block;
	position:absolute;
	z-index:100;
	top: 508px;
	left: 62px;
}

/* -- [main-features] -------------------------------------------------------------------- */	
#content-container {
	width:673px;
	padding-left:40px;
	margin-left:131px;
   	overflow: hidden;
	background:transparent url(/img/content.jpg);
	background-repeat:no-repeat;
	min-height: 368px;
	}
	
#feature1 {
	margin-top: 100px;
	float:left;
	margin-left:65px;
	margin-right:10px;
	width:250px;
		font-size: 1.3em;
	}

#feature1 a {
	display: block;
	padding-top: 1px; 
	height: 0 !important;
	height /**/: 205px; 
	overflow: hidden;
	background-repeat: no-repeat;	
	}

#feature2 {
	margin-top: 110px;
	margin-left: 320px;
	padding-left: 20px;
	padding-top: 30px;
	width:242px;
	height:205px;
	background-image: url(/img/verse_box.gif);
	background-repeat: no-repeat;
	}
	 
#feature2 p {
	margin-top:5px;
	width:184px;
	padding-top: 5px;  
	overflow: hidden;
	background-repeat: no-repeat;
	 } 	
	 
#feature2 a, #feature2 a:visited {
color: #520F00;
	}

	#feature2 p a:hover {
color: #783A13;
	}

#footer {
	line-height: 103px;
	width:673px;
	padding-top: 103px; height: 0 !important;
	height /**/: 103px; overflow: hidden;
	clip:rect(0 673px 103px 0);
	margin-left:131px;
	background-image: url(/img/footer.jpg);
	background-repeat:no-repeat;
		
	}

.footertext {
text-align: center;
margin-bottom: 10px;
color: #000000;
}

.footertext a {
font-weight: bold;
color: #000000;
}