/* Main Layout --------------------------------------------------------------------------------------------------------*/
html, body {
	margin:0px;
	padding:0px;
	color:#000;
	background-color:#000000;
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:small;
	color:#FFFFFF;
	text-align:center;
	line-height:1.5;
	min-height:100%;
	height:100%;
}


a:link {color: #999999}     /* unvisited link */
a:visited {color: #FF0000}  /* visited link */

#container {
	margin-left:auto;
	margin-right:auto;
	width:935px;
	text-align:left;
	position:relative;
	min-height: 100%; /* For Modern Browsers */ 
	height: auto !important; /* For Modern Browsers */ 
	height: 100%; /* For IE */ 
	padding-bottom: 20px;
}

#header { 
	position:relative;
	top:10px;
	width:377px;
	height:89px;
	margin-bottom:10px;
}
	
img, a img {
	border:none;
	padding:2px;
}

a{
	color:white;
	text-decoration:none;
}

a:hover{
	color:#EA0127;
	text-decoration:underline
}

a:active{
	color:white;
	text-decoration:none;
}

.clr{
	clear:both;
	height:40px;
	margin:40px;
}




/* Footer --------------------------------------------------------------------------------------------------------*/
#footer {

width: 100%; 
position: absolute; 
bottom: 0 !important; 
bottom: -1px; /* For Certain IE widths */ 
height: 40px;
margin-top:40px;
border-top: 2px double #999999;	
}


#footer p {
	margin:0px;
	padding:0px;
	text-indent:0px;
	font-size:smaller;
	color:#FFFFFF;
}

#footerLeft{
	float:left;
	position:relative;
	top:0px;
	}

#footerRight{
	float:right;
	position:relative;
	top:0px;
}

/*Main Navigation  --------------------------------------------------------------------------------------------------------*/
  
#menu {
	position:relative;
	left:1px;
	top:0px;
	padding-bottom:15px;
	margin-left:0px;
}
	
#menu ul { 
    margin: 1px 0px;
    padding: 2px 0px;
}

#menu li {
	display:inline;
	list-style-type: none;
}

#menu li a {
	display:block; /*incase it goes wrong - was inline*/
	position:absolute;
	background:url(Images/GAMMenu2.gif) 0px 0px no-repeat ;
	text-indent: -5000px;
	top: 0px;
	height: 39px;
	overflow:hidden; /*incase it goes wrong - wasnt used*/
}

#menu LI.home A 		{background-position: 0px -40px; left: 0px; width: 130px;}
#menu LI.home A.active 	{background-position: 0px -80px;}
#menu LI.home A:hover 	{background-position: 0px -0px;}

#menu LI.clothes A 			{background-position: -130px -40px; left: 130px; width: 200px;}
#menu LI.clothes A.active 	{background-position: -130px -80px;}
#menu LI.clothes A:hover 	{background-position: -130px -0px;}

#menu LI.music A 		{background-position: -330px -40px; left: 330px; width: 140px;}
#menu LI.music A.active {background-position: -330px -80px;}
#menu LI.music A:hover  {background-position: -330px -0px;}

#menu LI.projects A  		{background-position: -470px -40px; left: 470px; width: 200px;}
#menu LI.projects A.active 	{background-position: -470px -80px;}
#menu LI.projects A:hover 	{background-position: -470px -0px;}

#menu LI.about A 		{background-position: -670px -40px; left: 670px; width: 160px;}
#menu LI.about A.active {background-position: -670px -80px;}
#menu LI.about A:hover 	{background-position: -670px -0px;}

#menu LI.shop A  		{background-position: -830px -40px; left: 830px;	width: 100px;}
#menu LI.shop A.active 	{background-position: -830px -80px;}
#menu LI.shop A:hover 	{background-position: -830px -0px;}

/*Clothes Sub Menu Navigation --------------------------------------------------------------------------------------------------------*/

#submenu {
	position:relative;
 	left:0px;
	top:10px;
}

#submenu ul { 
    margin: 20px 0px;
    padding: 0px;
}

#submenu LI {
	display:inline;
	list-style-type: none;
}

#submenu LI A {
	display: block; /*incase it goes wrong - was inline*/
	background: url(Images/GAMSubMenu.gif) no-repeat 0px 0px;
	overflow: hidden;
	text-indent: -5000px;
	position: absolute;
	TOP: 0px;
	height: 27px;
	overflow:hidden; /*incase it goes wrong - wasnt used*/
}

#submenu LI.clothesAbout A 					{background-position: 0px -27px; left: 0px; width: 70px;}
#submenu LI.clothesAbout A.clothesactive 	{background-position: 0px -54px;}
#submenu LI.clothesAbout A:hover 			{background-position: 0px -0px;}

#submenu LI.clothesShop A 				{background-position: -70px -27px; left: 70px; width: 126px;}
#submenu LI.clothesShop A.clothesactive {background-position: -70px -54px;}
#submenu LI.clothesShop A:hover 		{background-position: -70px -0px;}

#submenu LI.clothesStockists A 					{background-position: -194px -27px; left: 194px; width: 106px;}
#submenu LI.clothesStockists A.clothesactive	{background-position: -194px -54px;}
#submenu LI.clothesStockists A:hover 			{background-position: -194px -0px;}

#submenu LI.clothesPress A 					{background-position: -300px -27px; left: 300px; width: 72px;}
#submenu LI.clothesPress A.clothesactive	{background-position: -300px -54px;}
#submenu LI.clothesPress A:hover 			{background-position: -300px -0px;}

#submenu LI.clothesContact A 				{background-position: -372px -27px;left: 372px; width: 86px;}
#submenu LI.clothesContact A.clothesactive 	{background-position: -372px -54px;}
#submenu LI.clothesContact A:hover 			{background-position: -372px -0px;}

/* Index page --------------------------------------------------------------------------------------------------------*/ 

.blogIframe{
	position:relative;
	width:455px;
	height:525px;
	float:left;
	margin-top:30px;
}

.blogIframe .ad5{
	top:50px;
	padding-top:10px;
}

#adverts{
	position:relative;
	float:right;
	width:473px;
	margin-top:10px;	
}

.ads{
	position:relative;
	float:right;
	padding:2px;
}

/* Hide from IE-Mac \*/
.blogIframe{
	position:relative;
	top:30px;
	width:457px;
	height:525px;
	float:left;
	margin-top:0px;	
}
	
.blogIframe .ad5{
	top:20px;
	padding-top:5px;
}
	
#adverts{
	position:relative;
	top:30px;
	float:right;
	width:468px;	
	margin-top:0px;	
}

.ads{
	position:relative;
	padding:2px;
	float:right;
}
/* End hide */

/* Music Pages  --------------------------------------------------------------------------------------------------------*/

.bands{
	width:400px;
	height:500px;
	float:left;
	position:relative;
	top:30px;
	margin-left:30px;
	padding-right:20px;
}

.logo{
	width:400px;
	height:165px;
	padding:0px;
	margin:auto;
	margin-top:5px;
}

.webAdd{
	text-align:center;
	margin-top:20px;
	margin-bottom:20px;
}

/*Projects Page --------------------------------------------------------------------------------------------------------*/
.projectImg{
	position:relative;
	top:30px;
	width:auto;
	height:auto;
	margin:0px;
	padding:5px;
	float:left;

}

#dj{
margin:10px
}

/*About Page --------------------------------------------------------------------------------------------------------*/
#aboutText{
	width:460px;
	position:relative;
	height:auto;
	top:30px;
	margin-bottom:30px;
}

/* Privacy Policy --------------------------------------------------------------------------------------------------------*/

#privPol{
	position:relative;
	top:30px;
	width:460px;
}

/* holly hack to target IE win Only \*/ 
* html #privPol{ 
top:50px; 
} 
/* end hack */


/* Clothes pages --------------------------------------------------------------------------------------------------------*/ 
#clothesAbout{
	width:460px;
	position:relative;
	height:auto;
	top:20px;
	margin-bottom:30px;
}

#clothesAbout #sig{
	position:relative;
	margin-left:65%;
	top:20px;
	margin-bottom:20px;
}

/* Hide from IE-Mac \*/
#clothesAbout{
	top:55px;
}
	
#clothesAbout #sig{
	top:-10px;
	margin-bottom:0px;
}	
/* End hide */


#visitShop{
	position:relative;
	font-size:small;
	top:0px;
	text-align:center;
}

 #visitShop a{
	/*padding:2px 126px;*/
}

#clothesTitle{
	position:relative;
	top:40px;
	padding:10px;
	font-style:italic;
}

.stockistContent{
	position:relative;
	top:20px;
	padding:15px;
	list-style-type:none;
	width:200px;
	height:auto;
	line-height:normal;
	text-indent:0px;
	margin:0px;
	float:left;
}

.shopName{
	font-weight:bold;
	font-size:larger;
	margin-bottom:3px;
}

.shopAdress1{
}

.shopTown{
}

.shopPhone{
	margin-top:.5em;
}

#contactTop{
	width:100%;
	position:relative;
	height:auto;
	top:20px;
	margin-bottom:20px;
}	

/* Hide from IE-Mac \*/
#contactTop{
	top:55px;
}
/* End hide */

.stockistContent#contact{
	position:relative;
	top:0px;
	float:left;
	left:0px;
	margin-bottom:20px;
	clear:both;
	width:100%;
	padding:0px;
	padding-bottom:10px;
}

form {
    width:50%;
	top:55px;
    text-align: left;
	float:left;
}

fieldset {
    border: 1px solid;
	border-color:#999999;
    }

legend {
    font-weight: bold;
	color:#FFFFFF;
}

input {
    width: 150px;
	margin:0.3em;
	border: 1px solid;
	border-color:#999999;
}

label {
    float: left;
    width: 115px;
    clear: left;
	text-align:right;
	padding:0px;
	margin:0.3em;
}

#press iframe{
	position:relative;
	top:55px;
}

/*Thanks for reading me.  Neil Dakeyne, 2005 */