/* ========================================= [ INIT ] ================================================*/

* { margin: 0; padding: 0; }

body { 
	font: 8pt/16pt tahoma, arial, sans-serif; 
	color: #fff; 
	background: #000 url(img/bg.jpg) no-repeat fixed top left ; 
	margin: 0px; 
	}
p { 
	font: 8pt/16pt tahoma, arial, sans-serif;  
	margin-top: 0px; 
	text-align: justify;
	}
	
h3 { 
	font: 13pt tahoma, arial, sans-serif; 
	background: url(img/arrow-hover2.gif) no-repeat 0 2px ; 
	margin: 15px 0 10px 0;
	padding-left: 25px; 
	}
a:link { 
	text-decoration: none; 
	color: #fff;
	}
a:visited { 
	text-decoration: none; 
	color: #fff;
	}
a:hover, a:active { 
	text-decoration: underline; 
	}
acronym {
	border-bottom: 1px dotted #fff; 
	cursor:help;
	}
	
/* ========================================= [ CONTENT ] ================================================*/
#container {
  	text-align: left;
	position: relative; 
	background: #000;
	width: 555px;  
	margin: 50px auto 100px auto;
	border: 1px solid #7F7F7F;
	}
	
/* ========================================= [ HEADER ] ================================================*/
#intro { 
	min-width: 555px;
	}
#Header {
	text-align: center; 
	}

#Header h1 { 
	display:none
	}
#Header h1 span {
	display: none;
	}
#Header h2 { 
	background: transparent url(img/header.jpg) no-repeat top center; 
	margin-top: 55px; 
	border-top: 1px solid #7F7F7F; 
	width: 555px; 
	height: 235px;
	}
#Header h2 span {
	display:none;
	}
#Program p {
	font: 10pt/14pt tahoma, arial, sans-serif; 
	color: #fff; 
	}
#Program p.p2 { 
	background: transparent url(img/icon_documents.gif) no-repeat 15px 7px; 
	position: absolute; 
	top: 0px; 
	left: 0px; 
	padding: 10px 0 0 20px; 
	height: 37px; 
	width: 515px;
	font-size: 8pt; 
	}
#Program p.p2 a { font-size: 8pt; }


/* ========================================= [ MAIN BODY ] ================================================*/
#AboutGregg, #Performance, #Workshops, #News, #Contact, #AboutBartlomiej {
	width: 310px;
	margin-left: 15px;
	padding-top: 30px; 
	}
#AboutGregg h3, #Performance h3, #Workshops h3, #News h3, #Contact h3, #AboutBartlomiej h3 {
	margin-top: 0px; 
}
#MoreInfo {
	width: 310px; 
	margin: 0 0 40px 15px;
	}
.p1, .p2, .p3, .p4, .p5, .p6, .p7, .p8 {
	margin-top:10px;
	text-indent:2em;
	}
.p7list {
	margin-top:10px;
	margin-left:10px;
	}
.pcenter {
	text-align:center;
	margin-top:10px;
	}
.pcite {
	margin-top:10px;
	margin-left:10px;
	text-align:center;
	}

/* ========================================= [ LINK LIST ] ================================================*/
#Menu {
	position: absolute;
	top: 323px;
	left: 357px;
	border-left: 1px solid #7F7F7F;
	border-top: 1px solid #7F7F7F;
	border-right: 1px solid #353635;
	border-bottom: 1px solid #353635;
	padding: 20px 0 20px 20px; 
	width: 160px;
	font: 8pt tahoma, arial, sans-serif; 
	}

html>body #Menu h3{
	background: url(img/arrow.gif) no-repeat 0 2px ; 
	}
	#mContact:hover h3 {
	background: url(img/arrow-hover2.gif) no-repeat 0 2px ; 
	}
	#mGreggGoldston:hover h3, #mPerformance:hover h3, #mWorkshops:hover h3, #mNews:hover h3 {
	background: url(img/arrow-hover2.gif) no-repeat 0 2px ; 
	}
	#mGreggGoldston h3, #mPerformance h3, #mWorkshops h3, #mNews h3 {
	background: url(img/arrow.gif) no-repeat 0 2px ; 
	}
#Menu h3.mGreggGoldston span, #Menu h3.mPerformance span, #Menu h3.mWorkshops span, #Menu h3.mNews span, #Menu h3.mContact span {
	font-size: 13pt;
	border-bottom: 1px solid #353635;
	display: block;
	}
#mGreggGoldston:hover ul, #mPerformance:hover ul, #mWorkshops:hover ul, #mNews:hover ul, #mContact:hover ul {
	display: block;
}
#Menu h3.select {
		margin-top: 0px; 
	}
html>body #Menu ul {
	display: none;
	margin: 0px;
	padding: 0px;
	margin-bottom: 20px; 
	}
#Menu li {
	line-height: 2.5ex; 
	list-style-type: none;
	margin-bottom: 5px;
	padding-top: 5px;  
	border-bottom: 1px solid #353635;
	}
#Menu li a:link { 
	color: #fff;
	display: block;
	}
#Menu li a:hover {
	background-color: red ; 
	text-decoration: none;
	}	
#Menu li a:visited {
	color: #fff;
	display: block; 
	}
	

/* ========================================= [ FOOTER ] ================================================*/
	
#footer { 
	text-align: center;
	margin: 70px -210px 0 0 ;
	}
#footer a:link, #footer a:visited { 
	font-weight: bold;
	margin-right: 20px; 
	}
	
#extraDiv1 {
	position: fixed;
	bottom: 0;
	right: 0;
	width: 190px;
	height: 284px;
	background: url(img/footer-right.png) no-repeat top right;
	}
#extraDiv2 {
	position: fixed;
	top: 0;
	right: 0;
	width: 215px;
	height: 180px;
	background: url(img/header-right.png) no-repeat top right;
	}

* html #extraDiv1 {display:none;}
* html #extraDiv2 {display:none;}
#extraDiv3, #extraDiv4, #extraDiv5, #extraDiv6 {display:none;}