/* CSS Document */

/* reset all */
	/* Based upon 'reset.css' in the Yahoo! User Interface Library: http://developer.yahoo.com/yui */

	*, html, body, div, dl, dt, dd, ul, ol, li, h1, h2, h3, h5, h5, h6, pre, form, label, fieldset, input, p, blockquote, th, td { margin:0; padding:0 }
	table { border-collapse:collapse; border-spacing:0 }
	fieldset, img { border:0 }
	address, caption, cite, code, dfn, em, strong, th, var { font-style:normal; font-weight:normal }
	ol, ul, li { list-style:none }
	caption, th { text-align:left }
	h1, h2, h3, h5, h5, h6 { font-size:100% }
	q:before, q:after { content:''}
	h3 {
	margin-bottom: 10px
	}

	/* Below resets some standard defaults*/
	
	strong { font-weight: bold }
	em { font-style: italic }
	ol, ul, li { list-style:none }
	a { outline:none } 
	a img { border:none } 
	html {
    overflow-y:scroll;
    }
	
	/* Layout*/
	
	body {
	color:#fff;
	text-align:center;
	background-attachment: fixed;
	background-color: #4B0000;
	background-image: url(../images2/bodyBacksmallpattern.jpg);
	background-repeat: repeat;
	background-position: left top;
	font-size: small
	}
	
	div.wrapper { 
	text-align:left; 
	width:940px;
	margin:0 auto; 
	background:url(../images2/wrapBack.gif) top center repeat-y; 
	position:relative 
	}
	
	div.top { 
	background:url(../images2/top.gif) top center no-repeat; 
	height:404px; 
	margin:0 0 -80px 0; 
	position:relative; 
	z-index:1 
	}
	
	div.topAnya { 
	background:url(../images2/topAnya.gif) top center no-repeat; 
	height:404px; 
	margin:0 0 -80px 0; 
	position:relative; 
	z-index:1 }
	
	div.topDream { 
	background:url(../images2/topDreamweaver.gif) top center no-repeat; 
	height:404px; 
	margin:0 0 -80px 0; 
	position:relative; 
	z-index:1 }
	
	div.topLove {
	height:404px;
	margin:0 0 -80px 0;
	position:relative;
	z-index:1;
	background-image: url(../images2/topLoveWar.gif);
	background-repeat: no-repeat;
	background-position: center top;
}
	
	/* Left Col*/
	
	div.leftCol {
	float:left;
	width:240px;
	position:relative;
	z-index:2;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0;
	margin-left: 0;
	}  
	div.leftCol h3 { 
	background:url(../images2/headerPlays.gif) top left no-repeat; 
	margin:0 20px 20px 40px;
	width:180px; 
	height:50px; 
	text-indent:-9999px 
	}
		
	div.leftCol img { 
	position:relative; 
	top:5px; 
	left:0px; 
	margin: -20px 0 0 0 
	}	
	div.leftCol ul{ 
	margin:0 20px 20px 40px;	
	}
	div.leftCol ul li a { 
	display:block; 
	padding:5px 0 5px 18px; 
	background-image: url(../images2/navBorder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	div.leftCol ul li a:hover, .current{ 
     color: #ccc
	}
    
	/* midCol Narrow*/
	
	div.midCol { 
	float:left; 
	width:455px; 
	border-right:1px dashed #600; 
	border-left:1px dashed #600; 
	position:relative; 
	z-index:2 
	}	
	div.midCol h3 {
	width:228px;
	height:50px;
	text-indent:-9999px;
	background-image: url(../images2/headerIntroduction.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 20px;
	}
	div.midCol ol li  {
	padding:10px 0;
	margin:0 20px 5px 20px;
	background-image: url(../images2/redline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	div.midCol ol li p { 
	color:#fff 
	}
	
	/* Centre Large Column*/
	div.centColLge{ 
	float:left; 
	width:695px; 
	position:relative; 
	z-index:3
	}
	
	div.centColLge h3 {
	width:180px;
	height:46px;
	text-indent:-9999px;
	background-image: url(../images2/headerMusicalsLarge.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 20px;
	}
	div.centColLge h3.about {
	width:180px;
	height:46px;
	text-indent:-9999px;
	background-image: url(../images2/headerAbout.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 20px;
	}
	div.centColLge h3.playO {
	width:330px;
	background-image: url(../images2/headerPlaysOrig.gif);
	background-repeat: no-repeat;
	background-position: left top;

	}
	div.centColLge h3.playT {
	width:330px;
	background-image: url(../images2/headerPlaysTrans.gif);
	background-repeat: no-repeat;
	background-position: left top;

	}
	div.centColLge h3.contact {
	width:330px;
	background-image: url(../images2/headerContact.gif);
	background-repeat: no-repeat;
	background-position: left top;

	}
    div.centColLge ul { 
	border-bottom:5px solid #000; 
	margin:0 40px 20px 20px;
	}
    div.centColLge li {
	margin-bottom: 15px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 10px;
	padding-left: 0;
	background-image: url(../images2/redline.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	 div.centColLge li.pad {

	padding-bottom: 50px;

	}
    div.centColLge ul li img.odd {
	float:left;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 0;
	background-color: #CCCCCC;
	padding: 3px;
	margin-bottom: 50px;
	}
	div.centColLge ul li img.long{
	float:left;
	margin-top: 5px;
	margin-right: 10px;
	margin-left: 0;
	background-color: #CCCCCC;
	padding: 3px;
	margin-bottom: 110px;
	}
	div.centColLge p {
	margin-right: 40px;
	margin-left: 20px;
	}
	div.centColLge h4 {
	margin-left: 20px;
	margin-right: 40px;
	margin-bottom: 5px;
	}	
    div.centColLge ol li  {
	background-image: url(../images2/redline.gif);
	background-repeat: no-repeat;
	background-position: 20px bottom;
	margin-top: 0;
	margin-right: 40px;
	margin-bottom: 5px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 10px;
	}
	div.centColLge ol li p  {
	 margin-left: 20px
	}
	div.centColLge a.left  {
	margin-left: 81px
	}
	
	/* Right Column*/
	
	div.rightCol{ 
	float:left; 
	width:240px; 
	padding:0;
	position:relative; 
	z-index:2 
	}
	div.rightCol h3 {
	width:180px;
	height:46px;
	text-indent:-9999px;
	background-image: url(../images2/headerMusicals.gif);
	background-repeat: no-repeat;
	background-position: left top;
	margin-left: 20px;
	}
    div.rightCol ul { 
	margin:0 40px 20px 20px;	
	}
    div.rightCol ul li a {
	display:block;
	padding:5px 0 5px 18px;
	background-image: url(../images2/navBorder.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	}
	div.rightCol ul li a:hover, .current{ 
     color: #ccc
	}
	/*div.rightCol ul{ 
	border-bottom:5px solid #000; 
	margin:0 40px 20px 20px;
	}
	div.rightCol ul li{ 
	padding:0 0 16px 0; 
	border-bottom:1px dashed #fff 
	}
	div.rightCol ul li img.odd{ 
	float:left; 
	margin:5px 10px 0 0 
	}
	div.rightCol ul li img.even { 
	float:right; 
	margin:5px 0 0 10px 
	}
	div.rightCol ul li p, div.centColLge ul li p { 
	margin: 2px 0 0 0 
	}	*/
	
	
	div.footer { 
	background:url(../images2/footer.gif) top center no-repeat; 
	height:120px; 
	margin:0 0 -80px 0; 
	position:relative; 
	z-index:1 
	}
	div.footer p { 
	margin:14px 0 14px 260px;
	font-size: 80%
	}
	/*div.footer { text-align:center; width:940px; height:174px; margin:0px 0 0 0; padding:230px 200px 0 200px; background:url(../images/footer.gif) bottom center no-repeat }
	div.footer p { margin:14px 0 14px 0 }
	div.footer p em { text-transform:uppercase; font-style:normal; color:#0ff }
	div.footer ul { height:50px; background:url(images/decoration.gif) bottom center no-repeat }
	div.footer ul li { display:inline; border-right:1px solid #fff; padding:0 6px }*/
	
	/* Text*/
	p { 
	margin:2px 0 16px 0 
	}
	body, h4, p, li, dt, dd, label, input, textarea { 
	font-family:'Lucida Grande', 'Lucida Sans Unicode', Verdana, Arial, Helvetica, sans-serif 
	}
	p, li, dt, dd, label { 
	 line-height:18px; color:#999 
	}
	h5 {
	color:#FFFFFF;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 15px;
	line-height: 24px;
	padding: 0px;
	
	}
	input, textarea { 
	font-size:11px; color:#000; padding:2px 
	}
	pre, code { 
	margin:2px 0 16px 0; 
	background:#000; 
	color:#ccc; 
	font:12px/16px 'Courier New', Courier, monospace 
	}
	pre { 
	padding:10px 
	}
	a {
	color:#FFCC00;
	text-decoration:none;
	font-weight: bold;
	}
	a:hover { 
	color:#fff 
	}
	p.date { 
	text-transform:uppercase; 
	letter-spacing:2px; font:11px/18px Georgia, 'Times New Roman', Times, serif; 
	margin:-2px 0 0 0 
	}
	strong {
	color: #fff
	}

	h1 a { 
	width:450px; 
	height:100px; 
	text-indent:-9999px; 
	display:block; 
	position:absolute; 
	top:6px; 
	left:27px
	}
	h2 a { 
	background:url(../images2/topAnja.gif) top center no-repeat; 
	width:446px; 
	height:65px; 
	text-indent:-9999px; 
	display:block; 
	position:absolute; 
	top:240px; 
	right:0; 
	z-index:2 }
	
	h4 {
	color:#FF9900;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 2px;
	margin-left: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	line-height: 24px;
	padding: 0px;
    }
	
	p.additionalInfo { 
	text-transform:uppercase; 
	letter-spacing:2px; 
	font:11px/18px Georgia, 'Times New Roman', Times, serif; 
	margin:-2px 0 0 0 
	}
	div.leftCol h4.music {
	margin:0 20px 20px 40px;
	width:180px;
	height:50px;
	text-indent:-9999px;
	background-image: url(../images2/headerMusicals.gif);
	background-repeat: no-repeat;
	background-position: left top;
	}
		
   br.clear { 
   clear:both }


/* Navigation */
	
	ul.nav { 
	background:url(../images2/nav.gif); 
	float:left; 
	width:128px; 
	position:absolute; 
	top:70px; 
	right:50px 
	}
	ul.nav li { 
	float:left; 
	list-style-type:none 
	}
	ul.nav li a { 
	width:128px; 
	height:23px; 
	display:block; 
	position:absolute; 
	left:0; 
	text-indent:-9999px; 
	outline:none; 
	border:none 
	}
	ul.nav li a:hover { 
	border:none 
	}
	li.buttonHome a, li.buttonAbout a, li.buttonMusicals a, li.buttonPlays a, li.buttonTranslate a, li.buttonContact a {
	background-image: url(../images2/nav.gif);
	background-repeat: no-repeat;
	background-position: top;
    }

	li.buttonHome a 			{ background-position:0 0; top:0 }
	li.buttonHome a:hover, li.buttonHome a.current		{ background-position:-128px 0 }

	li.buttonAbout a 			{ background-position:0 -23px; top:23px }
	li.buttonAbout a:hover, li.buttonAbout a.current			{ background-position:-128px -23px }

	li.buttonMusicals a 		{ background-position:0 -46px; top:46px }
	li.buttonMusicals a:hover, li.buttonMusicals a.current		{ background-position:-128px -46px }

	li.buttonPlays a 			{ background-position:0 -69px; top:69px }
	li.buttonPlays a:hover, li.buttonPlays a.current			{ background-position:-128px -69px }

	li.buttonTranslate a 			{ background-position:0 -92px; top:92px }
	li.buttonTranslate a:hover, li.buttonTranslate a.current		{ background-position:-128px -92px }
	
	li.buttonContact a 			{ background-position:0 -115px; top:115px }
	li.buttonContact a:hover, li.buttonContact a.current		{ background-position:-128px -115px }

/*----------mooFx ----------------*/


#slide {
	margin-right: 10px;
	margin-left: 10px;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 55px;
	padding-left: 0;
}
#slide h3 {
	font-size: 120%;
	margin: 0px;
	color: #fff;
	padding: 2px 2px 2px 4px;
	background-color: #25313D;
}
#slide h3 a:link, #slide h3 a:visited{
	color: #fff;
	background: none;
	margin: 0;
	padding: 0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
#slide h4 {
	font-size: 95%;
	color: #fff;
	background-color: #738DA8;
	font-weight: normal;
	margin-top: 0px;
	margin-right: 0;
	margin-bottom: 0px;
	margin-left: 0;
	padding-top: 1px;
	padding-right: 2px;
	padding-bottom: 1px;
	padding-left: 4px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
}
#slide h4 a:link, #slide h4 a:visited{
	color: #fff;
	background: none;
	margin: 0;
	padding:0;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	font-weight: bold;
}

a img {
	border: 0;
}
::-moz-selection {
	background:#d4f699;
	color:#7aa62f;
}
::selection {
	background:#d4f699;
	color:#7aa62f;
}
code::-moz-selection {
	background: #535353;
	color:#9dd63c;
}
code::selection {
	background: #535353;
	color:#9dd63c;
}

.stretcher {
	background: none !important;
	background: #fff;
	margin: 0px;
	padding: 0px;
}