.hiddenPic {display:none;}
/* #container, #content, .rightnav , .culturebutton, rightnav { 
/* #container, #content, .rightnav , .culturebutton, rightnav { 
 
	border:1px solid black;
	
	margin-bottom:5px;
 
 }
*/ 
iframe {

	background: none;

}
html {scrollbar-base-color: #ffde7c;scrollbar-arrow-color: #FFFFFF;}

/* Hides from IE5-mac \*/
* html .buggybox {height: 1%;}
/* End hide from IE5-mac */
* {

	padding:0;
	margin:0;
}
img {
	border:2px solid #333333;
}
p {

	margin:0 0 18px 4px;
	
}
a {
	
	margin:0;
	padding:0;
}
ul, 
ol { 
  margin-bottom: 18px; 
}
h1 { 
  font-size: 24px; 
  line-height: 36px;
  margin-bottom: 18px; 
}
h2 { 
  font-size: 18px; 
  line-height: 18px; 
  margin-bottom: 18px;
}
h3 { 
  font-size: 12px; 
  line-height: 18px; 
   margin-bottom: 18px;
}
img.left { 
  float: left; 
  margin: 0 18px 18px 0; 
}/*
image.right { 
  float: right; 
  margin: 0 0 18px 18px; 
}*/
body {
	/* background: #F18126 url(images/backpage.jpg) no-repeat left top;   */
	background:  url(images/orange.jpg) repeat ; 
	font:12px verdana;
	line-height: 18px;
	color: #333333;
	width:1024px;
	margin: 0 auto;

}
#container {
	width:1024px;
	margin:0 auto;
	/* background: #ff8b2e url(images/backpagegrid.jpg) no-repeat left top;   */
	background:  url(images/backpage.jpg) no-repeat left top;   
	position:absolute;
	/* height:758px;	*/
	height:850px;
}
#container.index {

	/* background: url(images/backpageindex.jpg) no-repeat left top; */
	background: url(images/backpageindexfull.jpg) no-repeat left top;
	
}
#content {
	position:absolute;
	top:150px;
	left:130px;
	margin:0 0 0 0;	
	width:750px;

}
#contentblog {
	position:absolute;
	top:150px;
	left:130px;
	margin:0 0 0 0;	
	width:750px;
	padding:0 0 0 0;

}
#contentbody {
	padding-top:8px;
	height:350px;
	overflow:auto;
	
}
.width66 {
	width:395px;

	
}
.width33 {
	
	
}
.widthfull {
	width:700px;
	
}
.left {
	float:left;
}
.bigcol {
	
	padding: 0 0 0 35px;
	
}
.shop {
	height:500px;
	overflow:auto;
}
#photobox {
	width:566px;
	margin:0 auto;
}
.right {
	float:right;
}

.smallcol {
margin: 75px 0 0 48px;	
	/* margin: 75px 0 0 23px;	 */
}
.seckoucol {
	background: url(images/seckou/seckou.png) no-repeat right bottom; 
	height:400px;
	
}
.photothumb {

	float:left;
	margin:10px 0 0 0;
	border:1px solid black;
	
}
.portrait {
	width:75px;
	height:100px;
}
.landscape {
	width:100px;
	height:75px;
}
.topmargin40 {
	margin-top:40px;
}
.leftmargin75 {
	margin-left:75px;
}
.photothumbrow2 {

	float:left;
	margin:35px 0 0 50px;
	border:none;
	
}
.photothumbleft {

	float:left;
	margin:10px 0 0 0;
	border:none;
}
.photothumbgallery {

	float:left;
	
	border:none;
}
.photoymarg {
	margin:30px 0 0 50px;
}
.photoleft {
	margin: 30px 0 0 0;
}
.photogal {

	float:left;
	border:none;
}



.clearleft {
	clear:left;
}

/***** buttons *******/
.button {

position:absolute;
display:block;
height:120px;
}

.button:hover
{ 
  background-position: 0 -120px;
}

.button span
{
  display: none;
}
#topnav {
	margin-left:50px;
	
	
}
.topbuttonall
{
	display: block;
	
	height: 120px;
	margin: 10px 0 0 10px; 
	
}
.seckoubutton
{
	top:0;
	left:250px;
	background: url("images/navigation/seckou.gif") no-repeat 0 0;
	width:120px;
	position:absolute;
	display:block;
	height:120px;
}
.seckoubutton:hover {
		background: url("images/navigation/seckouAnime.gif") no-repeat 0 0;
	top:0;
	left:260px;
}
.seckoubutton  span
{
  display: none;
}
.newsbutton
{
	background: url("images/navigation/newsbutton.gif") no-repeat 0 0;	
	width:80px;
	top:0;
	left:420px;
}
.drummingbutton
{
	/* background: url("images/navigation/Drumming.gif") no-repeat 0 0; */
	 background: url("images/navigation/Drumming.gif") no-repeat 0 0;
	width: 87px;
	top:0;
	left:550px;
	
}
.culturebutton
{
	width: 140px;
	background: url("images/navigation/Jalikemo_pipe.gif") no-repeat 0 0;
	top:0;
	left: 670px;
}
.contactsbutton
{
	width: 100px;
	background: url("images/navigation/contactshut.gif") no-repeat 0 0;
	top:0;
	left: 850px;
}
.mediabutton
{
	background: url("images/navigation/mediahut.gif") no-repeat 0 0;
	
	width:79px;
	top:30px;
	left: 930px;	
	left: 930px;	
}

.bandbutton
{
	width: 126px;
	background: url("images/index/aboutbandButton.gif") no-repeat 0 0;	
	top:300px;
	left: 50px;
}

.bandbutton:hover
{ 
  /* background-position: 0 -240px; */
	background: url("images/index/aboutband1.gif") no-repeat 0 0;
	top:300px;
	left: 50px;
}
.footballbutton
{
	background: url("images/navigation/footballbutton.gif") no-repeat 0 0;	
	width:130px;
	top:280px;
	left:890px;
}

/**** left nav ***********/
#leftnav {
	position:absolute;
	left:20px;
	top:90px;
	
}
.leftbutton
{
	float:left;
	display: block;
	height: 120px;
}

.busbutton
{
	background: url("images/navigation/busbutton.gif") no-repeat 0 0;	
	width: 211px;
	top:120px;
	left:-30px;
	
	
}
.shopbutton
{
	position:absolute;
	background: url("images/navigation/marketstall.gif") no-repeat 0 0;	
	width: 188px;
	display: block;
	height: 150px;
	top:0;
	left:0;
}
.shopbutton:hover
{ 
   background-position: 0 -150px;
}

.shopbutton span
{
  display: none;
}
/**************** Index button *****************/
.noborder {

border:none;


}

.bigbutton:hover
{ 
  background-position: 0 -225px;
}

.bigbutton span
{
  display: none;
}
.bigbutton650:hover
{ 
  background-position: 0 -325px;
}

.bigbutton650 span
{
  display: none;
}
.bigbutton450:hover
{ 
  background-position: 0 -450px;
}
.bigbutton260:hover
{ 
  background-position: 0 -260px;
}
.bigbutton260 span
{
  display: none;
}
.bigbutton450 span
{
  display: none;
}
.seckouindexbutton
{
	position:absolute;
	top:160px;
	left:290px;
	background: url("images/index/seckou.gif") no-repeat 0 0;
	width:200px;
	height:225px;
	
}
.seckouindexbutton:hover
{ 
  /* background-position: 0 -240px; */
  background: url("images/index/seckouAnim.gif") no-repeat 0 0;
}
.bandindexbutton span
{
  display: none;
}
.bandindexbutton
{
	position:absolute;
	top:200px;
	left:890px;
	background: url("images/index/aboutbandButton.gif") no-repeat 0 0;
	width:300px;
	height:405px;
}
.bandindexbutton:hover
{ 
  /* background-position: 0 -240px; */
  
  background: url("images/index/aboutband1.gif") no-repeat 0 0;
}
.seckouindexbutton span
{
  display: none;
}

.contactsindexbutton
{
	position:absolute;
	top:38px;
	left:662px;
	background: url("images/index/contacthut.gif") no-repeat 0 0;
	width:238px;
	height:260px;
}
.mediaindexbutton
{
	position:absolute;
	top:11px;
	left:359px;
	/* background: url("images/index/mediabig.gif") no-repeat 0 0;*/
	background: url("images/index/mediagroove.gif") no-repeat 0 0;
	width:180px;
	height:260px;
}
.newsindexbutton
{
	position:absolute;
/*	top:230px;
	left:774px; */
	top:200px;
	left:754px;
	background: url("images/index/newsbig.gif") no-repeat 0 0;
	width:112px;
	height:140px;
}
.newsindexbutton:hover
{ 
  background-position: 0 -180px;
}
.newsindexbutton span
{
  display: none;
}
.shopindexbutton
{
	position:absolute;
	top:15px;
	left:95px;
	background: url("images/index/marketNew.gif") no-repeat 0 0;
	width:250px;
	height:200px;
}
.shopindexbutton:hover
{ 
	background-position: 0 -200px;
	
  
}
.shopindexbutton span
{
  display: none;
}
.cultureindexbutton
{
	position:absolute;
	top:174px;
	left:483px;
	background: url("images/index/culture.gif") no-repeat 0 0;
	width:216px;
	height:225px;
}
.cultureindexbutton:hover
{ 
	background-position: 0 -225px;
  
}
.cultureindexbutton span
{
  display: none;
}
.busindexbutton
{
	position:absolute;
	top:360px;
	left:0px;
	/* background: url("images/index/bus.gif") no-repeat 0 0; */	
	width:570px;
	height:225px;
}

.busindexbutton:hover
{ 
  /* background-position: 0 -240px; */
  background: url("images/index/busanim.gif") no-repeat 0 0;
}
.busindexbutton span
{
  display: none;
}
.drumindexbutton
{
	position:absolute;
	top:179px;
	left:150px;
	
	width:100px;
	height:148px;
}
.drumindexbutton:hover
{ 
  /* background-position: 0 -240px; */
  background: url("images/index/drumanipics.gif") no-repeat 0 0;
}

.compindexbutton
{
	position:absolute;
	top:317px;
	left:506px;
	background: url("images/index/competitionindex.gif") no-repeat 0 0; 
	width:252px;
	height:225px;
}
.compindexbutton:hover
{ 
  /* background-position: 0 -180px;  */
   background: url("images/index/footanimation.gif") no-repeat 0 0;
  /* background: url("images/index/busanim.gif") no-repeat 0 0; */
}
.compindexbutton span
{
  display: none;
}
/* text replacement headerimages */
#textheader h1 a {

    display: block;
	padding: 50px 0 0 0;
	margin:18px 0 0 0;
	background: url(images/headers/drumming.png) top left no-repeat;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
	height: 0px !important;
	height /**/:150px;

}
#textheader.seckou  a{

    display: block;
	padding: 50px 0 0 0;
	margin:18px 0 0 0;
	background: url(images/headers/aboutseckou.gif) top left no-repeat;
	overflow: hidden;
	font-size: 1px;
	line-height: 1px;
	height: 0px !important;
	height /**/:150px;

}
#textheader h1  a.drumming {

    background: url(images/headers/drumming.gif) top left no-repeat;

}
#textheader h1  a.contacts {

    background: url(images/headers/contacts.gif) top left no-repeat;
}
#textheader h1  a.news {

    background: url(images/headers/news.gif) top left no-repeat;
}
h1.blog {
	margin:0;
	padding:0;
}
#textheader h1  a.culture {

    background: url(images/headers/culture.gif) top left no-repeat;
}
#textheader h1  a.competition {

    background: url(images/headers/competition.gif) top left no-repeat;
}
#textheader h1  a.aboutband {

    background: url(images/headers/aboutband.gif) top left no-repeat;
}
#textheader h1  a.aboutdavide {

    background: url(images/headers/aboutdavide.gif) top left no-repeat;
}
#textheader h1  a.aboutsamy {

    background: url(images/headers/aboutsamy.gif) top left no-repeat;
}
#textheader h1  a.aboutbinta{

    background: url(images/headers/aboutbinta.gif) top left no-repeat;
}
#textheader h1  a.aboutsurahata {

    background: url(images/headers/aboutsurahata.gif) top left no-repeat;
}
#textheader h1  a.aboutmark {

    background: url(images/headers/aboutmark.gif) top left no-repeat;
	
}
#textheader h1  a.ontheroad {

background: url(images/headers/ontheroad.gif) top left no-repeat;
	
}

#textheader h1  a.media{
    background: url(images/headers/media.png) top left no-repeat;
	
}
#textheader h1  a.shop{
    background: url(images/headers/shop.gif) top left no-repeat;
	
}
#choosemedia  {
	
	float:right;
	margin:20px 20px 0 0;
	
}
#choosemedia  img {
border:none;
}
.cultureimage {
	border:none;
}
.compimage {
	margin-left:100px;
}
/* end css image subs */
p.tracklist {
	background: #E3E1D4;
	padding:0 0 0 30px;
	margin: 10px 0;
	width:150px;
	display:block;
}
#tracklist {
	float:left;
	margin: 0 0 0 30px;
}
img.album {
	float:left;border:1px solid #333333;
}
#products {
	float:right;
}
#products img {
	border:1px solid #333333;
}
img.product1 {
	display:block;
}
img.product {
	display:block;
	margin-top: 30px;
}
form.addcart {
	display:inline;
	
	float:right;
}
form.viewcart {
	
	display:inline;
	float:right;
}
.photobox {
	height:120px;
	width:120px;
	float:left;
	
}

.manage {
	border:1px solid #333333;
	margin:10px 0 0 100px;
	padding:15px;
}

.agencies {

}
#flashbanner {
	position:absolute;
	top:480px;
	left:850px;
}
#credits{
	position:absolute;
	top:550px;
	left:850px;	
}
#photobox img {
	border: 2px solid #fa8c21;
}
#workshops {
	
	float:right;
	padding:10px;

}
#flashvideo {
	margin:0;
	padding:0;
	margin-top: -10px;
	margin-left:-10px;
}
#shopplayer {
	float:left;
	margin:0;
	padding:0;
}
a.page {
	float:right;
	margin:50px 100px 0 0; 	
}
.bandphotoland {
	margin: 0 0 0 30px;
}
.bandphotoportrait {
	margin: 0 0 0 100px;
}
p.credit {
	font:9px verdana;
	line-height: 12px;
	color: #333333;
	float:right;
	
}
#mailing
{
	position:absolute;
	width:130px;
	top:410px;
	left:890px;
	
}
#mailing label {
	width:100px;
	display:block;
}
#mailing input {
	width:100px;
	
}
.marginright10 {
	margin-right:10px;
}
#mailingIndex {
	width:230px;
	border: 2px solid #333333;
	position:absolute;
	top:345px;
	left:730px;
	
}
#mailingIndex form {
	margin: 5px;
}
#mailingIndex label {
	width:100px;
	display:block;
}
h3.subbox {
	padding:0;
	margin:0;
}
.tracks {
	margin-top:18px;
}
#sponsors {
	position:absolute;
	top:750px;
	left:650px;
	
}
#sponsors img {
	margin-left:30px;
	
}
#prs {
	margin-top: -30px;
	}
	
}