/* REDEFINITIONS Grey&Grey website
------------------------------------------------------------ */

	/* set everything to default 0
	------------------------------------------------------------ */
	html,body,div,p,form,input,select,textarea,a,table,td,tr,h1,h2,h3,h4,h5,h6,hr,ul,li
	{
	margin:				0;
	padding:			0;
	}
	
	/* set body and html to max width/height and center content
	------------------------------------------------------------ */
	html,body
	{
	background-color:	#940404;
	background:			repeat;
	background-image:	url(images/background.png);	
	}
	
	
	/* default style for divs, paragraphs and links
	------------------------------------------------------------ */
	div,p,a
	{
	font-family:		Georgia, Times New Roman, Times, serif;
	font-size:			13px;
	text-align:			left;
	line-height: 		18px;
	}
	
	
	/* default link style
	------------------------------------------------------------ */
	a
	{
	color:				#940404;
	font-size: 			13px;
	}
	
	
	
	/* remove all image borders by default (links too)
	------------------------------------------------------------ */
	img
	{
	border:				0;
	padding-left: 		0px;
	}
	
	
	/* default spacing for paragraphs (negates <br /> tags for basic spacing)
	------------------------------------------------------------ */
	p
	{
		margin:				0 0 13px 0;
		color:				#323200;
	}
	
	
	/* default form field styles
	------------------------------------------------------------ */
	input,select,textarea
	{
	padding:			2px;		
	font-size:			11px;
	border:				solid 1px #CCC;
	background:			#EEE;
	font-family: 		Georgia, Times New Roman, Times, serif;
	}
	
	/* field set boxes (label and field)
	------------------------------------------------------------ */
	fieldset
	{
		margin:				0 0 5px 0;
		border:				none;
	}
	
	/* default form label style
	------------------------------------------------------------ */
	fieldset label
	{
		display:			block;
		margin:				2px 0;
	}
	
	/* make sure the title sizes are the same in ALL browsers
	------------------------------------------------------------ */
	h1{ font-size:			24px; }
	h2{ font-size:			16px; }
	h3{ font-size:			14px; }
	h4{ font-size:			12px; }
	h5{ font-size:			11px; }
	h6{ font-size:			10px; }
	
	/* scrolling
	------------------------------------------------------------ */
	#scroll
	{
	height: 				600px;
	width: 					585px;
	overflow:				auto;
	margin:					0 0 10px 0;
	padding-right:			20px;	
	
	}
	
		#homescroll
	{
	height: 				510px;
	width: 					585px;
	overflow:				auto;
	margin:					0 0 10px 0;
	padding-right:			20px;	
	
	}


/* LAYOUT
------------------------------------------------------------ */


	/* style for main wrapper
	------------------------------------------------------------ */
	#wrapper
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_home.png);
	background-repeat:	no-repeat;
	}
	
	
	#wrapperabout
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_about.png);
	background-repeat:	no-repeat;
	}
	
	#wrappergigs
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_gigs.png);
	background-repeat:	no-repeat;
	}
	
	#wrappermusic
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_music.png);
	background-repeat:	no-repeat;
	}
	
	#wrappermediakit
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_mediakit.png);
	background-repeat:	no-repeat;
	}
	
	#wrappergallery
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_gallery.png);
	background-repeat:	no-repeat;
	}
	
	#wrapperteaching
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_teaching.png);
	background-repeat:	no-repeat;
	}
	
	#wrapperlinks
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_links.png);
	background-repeat:	no-repeat;
	}
	
	#wrapperother
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_other.png);
	background-repeat:	no-repeat;
	}
	
	#wrappercontact
	{
	width:				915px;
	height:				800px;
	margin:				20px auto 0 auto;
	background-image:	url(images/background_contact.png);
	background-repeat:	no-repeat;
	}


	
	/* style for header
	------------------------------------------------------------ */
	#header
	{
		width:				523px;
		height:				41px;
		margin:				35px 0 0 197px;
		border:				0;

	}
	
	
	
	
	/* style for navigation
	------------------------------------------------------------ */
	#nav
	{
	padding:			350px 0 0 57px;
	width:				151px;
	height:				287px;
	float:				left;
	}
	
	#navigation li 
			
	{
		
		padding:			0 0 0 0;
		list-style:			none;
		
	}

	
	
	/* style for footer
	------------------------------------------------------------ */
	
	#footer
	{
	float:				inherit;
	position:			relative;
	width:				740px;
	height:				60px;
	text-align:			center;
	font-size: 			12px;
	bottom:				0px;
	clear:				both;
	margin:				0 0 0 200px;
	
   }
   
	
	
	

	
	/* Main div
	------------------------------------------------------------ */
	#main
	{
	width:				595px;
	float:				right;
	height: 			100%;
	margin:				110px 85px 0 0;
	}
	
	#box
	{
	background-color:	#FFFFE6;
	border:				1px solid #323200;
	padding:			25px 25px 15px 25px;
	margin:				0 0 10px 0;
	width:				500px;
	height:				auto;
	}
	


	
	/* CLASSES
	------------------------------------------------------------ */
	.footertext
	{
		text-align:			center;	
	}
	
	
	.float_rt
	{
		float:				right;
	}
	
	
	.float_left
	{	
		float:				left;
	}
	
	
	.margin_left
	{
		margin:				0 0 0 18px;
	}
	
	.calendarnumbers
	{
	font-family:		Verdana, Geneva, sans-serif;
	font-size:			9.5px;
	}
	
	.calendartext
	{
	font-family:		Verdana, Geneva, sans-serif;
	font-size:			9.5px;
	line-height:		12px;
	color: 				#940404;
	}
	
	.cdtitles
	{
	color:				 #940404;
	font-size:			14px;
	}
	
	.largetext
	{
	color:				 #940404;
	font-size:			18px;
	}

	.bodyimage
	{
	margin:				0 0 0 100px;
	border:				2px;
	border-color:		#940404;
	border-style: 		solid;
	}

	.centertext
	{
	text-align: 		center;	
	font-family:		Verdana, Geneva, sans-serif;
	font-size:			9.5px;
	}

	.subnav
	{
	border-bottom:		1px;
	border-bottom-color: #940404;
	border-style: 		solid;
	}
	
	.imageborder
	{
	padding:			6px;
	}
	

/* TEXT STYLES
------------------------------------------------------------ */
	
	
/* ------------------------------------------------------------ */
	
	
	
	
	/* header title (main title for site, the only h1)
	------------------------------------------------------------ */
	#header h1
	{
		display:			none;
	}
	
	
	
	/* hide class 
	------------------------------------------------------------ */
	.hide
	{
		display:			none;
	}
		



/* NAVIGATION STYLES
------------------------------------------------------------ */




	
	/* HOME
	------------------------------------------------------------ */
	#nav_home
	{
	width:				151px;
	height:				27px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
	}
	#nav_home:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
}
	#nav_home_cur
	{
	width:				151px;
	height:				27px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 0px;
	}
	
	
	/* ABOUT CATHY
	------------------------------------------------------------ */
	#nav_about
	{
	width:				151px;
	height:				20px;
	text-indent:		-5000px;
	display:			block;
	background-image: 	url(images/nav/nav.jpg);
	background-position: 0	-27px;
	}
	#nav_about:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -27px;
}
	#nav_about_cur
	{
	width:				151px;
	height:				20px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -27px;
	}


	/* PRODUCTIONS
	------------------------------------------------------------ */
	#nav_productions
	{
	width:				151px;
	height:				30px;
	text-indent:		-5000px;
	display:			block;
	background-image: 	url(images/nav/nav.jpg);
	background-position: 0	-47px;
	}
	#nav_productions:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -47px;
}
	#nav_productions_cur
	{
	width:				151px;
	height:				30px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -47px;
	}
	
	/* GIGS
	------------------------------------------------------------ */
	#nav_gigs
	{
	width:				151px;
	height:				25px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -77px;
	}
	#nav_gigs:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -77px;
}
	#nav_gigs_cur
	{
	width:				151px;
	height:				25px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -77px;
	}
	
	/* MUSIC
	------------------------------------------------------------ */
	#nav_music
	{
	width:				151px;
	height:				26px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -102px;
	}
	#nav_music:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -102px;
}
	#nav_music_cur
	{
	width:				151px;
	height:				26px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -102px;
	}
	
	/* MEDIA KIT
	------------------------------------------------------------ */
	#nav_mediakit
	{
	width:				151px;
	height:				26px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -128px;
	}
	#nav_mediakit:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -128px;
}
	#nav_mediakit_cur
	{
	width:				151px;
	height:				26px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -128px;
	}
	
	/* GALLERY
	------------------------------------------------------------ */
	#nav_gallery
	{
	width:				151pxpx;
	height:				24px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -154px;
	}
	#nav_gallery:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -154px;
}
	#nav_gallery_cur
	{
	width:				151pxpx;
	height:				24px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -154px;
	}
	
	/* TEACHING
	------------------------------------------------------------ */
	#nav_teaching
	{
	width:				151pxpx;
	height:				27px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -178px;
	}
	#nav_teaching:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -178px;
}
	#nav_teaching_cur
	{
	width:				151pxpx;
	height:				27px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -178px;
	}
	
	/* LINKS
	------------------------------------------------------------ */
	#nav_links
	{
	width:				151px;
	height:				25px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -205px;
	}
	#nav_links:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -205px;
}
	#nav_links_cur
	{
	width:				151px;
	height:				25px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -205px;
	}
	
	/* OTHER
	------------------------------------------------------------ */
	#nav_other
	{
	width:				151px;
	height:				28px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -230px;
	}
	#nav_other:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -230px;
}
	#nav_other_cur
	{
	width:				151px;
	height:				28px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -230px;
	
	}
	
	
	/* CONTACT
	------------------------------------------------------------ */
	#nav_contact
	{
	width:				151px;
	height:				141px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/nav.jpg);
	background-repeat: no-repeat;
	background-position: 0 -258px;
	}
	#nav_contact:hover{
	background-image: url(images/nav/navro.jpg);
	background-repeat: no-repeat;
	background-position: 0 -258px;
}
	#nav_contact_cur
	{
	width:				151px;
	height:				141px;
	text-indent:		-5000px;
	display:			block;
	background-image: url(images/nav/navcur.jpg);
	background-repeat: no-repeat;
	background-position: 0 -258px;
	}