/* page structure & divs ----------------------------------------------- */ 


body 
{ 
background: #000000;
text-align:center; 
float: center; 
margin: 0 0 0 0; 
padding: 0 0 0 0; 
scrolling: none;
} 


#wrapper {
min-height: 100%;
height: auto !important;
height: 100%;
width:1001px;
margin: 0 auto;
backgroundcolor: #000000;
}


#maincontent {
width: 1001px;
height: 619;
position: absolute;
align: justify;
top: 0px;
font-family: 11px Garamond, Georgia, serif;
backgroundcolor: #000000;
}


#navbar {
width: auto;
height: 22px;
position: absolute;
align: center;
top: 620px;
border: none;
}


#contactemail {
position: absolute;
top: 643px;
left: 109px;
text-align: left;
}


#contactname {
position: absolute;
top: 643px;
left: 525px;
text-align: center;
}


#contactphone {
position: absolute;
top: 643px;
left: 720px;
width: 333px;
text-align: right;
}


#mailinglist {
position: absolute;
top: 673px;
left: 94px;
text-align: left;
}


#images {
border: 0px;
padding: 0px;
border: 0px;
margin: 0px;
}


#images a{
color: #FFFFFF;
}


a:			{ color: #c8a46a; }
a:active 	{ color: #c8a46a; }
a:hover,
a:hover *	{ color: #c8a46a !important; }
a:link 		{ color: #c8a46a; text-decoration:none; }
a:visited 	{ color: #c8a46a; text-decoration:none; }
a img 		{ border: none; }


/* experience page ----------------------------------------------- */ 

#secondarylinks {
position: absolute;
top: 90px;
left: 35px;
width: 150px;
height: 400px;
text-align: justify;
}


#experienceintro {
position: absolute;
top: 100px;
left: 35px;
width: 393px;
height: 400px;
text-align: justify;
}


#experienceintrocontinued {
position: absolute;
top: 480px;
left: 35px;
width: 393px;
height: 400px;
text-align: justify;
}



#experienceintrocurrentfocus {
position: absolute;
top: 100px;
left: 650px;
width: 343px;
height: 400px;
text-align: justify;
}


#experiencesitemaptitle {
position: absolute;
top: 425px;
left: 650px;
}


#experiencesitemapleft {
position: absolute;
top: 460px;
left: 650px;
text-align: left;
}


#experiencesitemapright {
position: absolute;
top: 460px;
left: 850px;
text-align: left;
}

#videoplayer_experience {
position: absolute;
top: 170px;
left: 32px;
text-align: left;
}


/* art page ----------------------------------------------- */ 

#artintro {
position: absolute;
top: 180px;
left: 470px;
width: 340px;
height: 400px;
text-align: justify;
}


/* music page ----------------------------------------------- */ 

#musicintro {
position: absolute;
top: 100px;
left: 640px;
width: 340px;
height: 400px;
text-align: justify;
}


#soundsampleslistings {
position: absolute;
top: 95px;
left: 50px;
text-align: left;
}


#videoplayer {
position: absolute;
top: 164px;
left: 0px;
text-align: left;
}


#videolistings {
position: absolute;
top: 100px;
left: 550px;
text-align: left;
}



/* healing page ----------------------------------------------- */ 

#scrollboxhealing {
position : absolute;
z-index : 50;
top : 100px;
left: 70px;
height: 400px;
width: 330px;
overflow: auto;
margin: 1em 0;
text-align: justify;
}

#dropshadowhealing {
position : absolute;
z-index : 50;
top : 100px;
left: 175px;
height: 400px;
width: 320px;
background-color:#000000;
filter: alpha(opacity=40);
-moz-opacity: 0.4;
opacity: 0.4;
}

#tuningexplanationstitle {
position: absolute;
top: 220px;
left: 465px;
}


#tuningexplanationslistings {
position: absolute;
top: 245px;
left: 465px;
text-align: left;
}


/* events page ----------------------------------------------- */ 

#eventsintro {
position: absolute;
top: 118px;
left: 35px;
width: 393px;
height: 400px;
text-align: justify;
}

#upcomingeventstitle {
position: absolute;
top: 320px;
left: 500px;
}


#upcomingeventslistings {
position: absolute;
top: 360px;
left: 500px;
text-align: left;
}

/* events_support page ----------------------------------------------- */ 

#upcominggoals {
position: absolute;
top: 98px;
left: 500px;
text-align: left;
}


/* Class Styles */

.contact {
font: 16px Garamond, Georgia, serif;
color:#CACACA;
font-size: .8em;
}

.introtext {
font: 16px Garamond, Georgia, serif;
color:#CACACA;
font-size: 1.0em;
}

.goldtext {
font-family: 16px Copperplate Gothic Light, Copperplate, Monotype Corsiva, Arial, Times New Roman;
color:#CDB389;
font-size: 1.4em;
}

.goldtextsmall {
font-family: 16px Copperplate Gothic Light, Copperplate, Monotype Corsiva, Arial, Times New Roman;
color:#CDB389;
font-size: 1.1em;
}


/* images ----------------------------------------------- */ 

	
div.photoBody {
font-family: garamond, georgia, serif;
color: #42382F;
width: 500px;
font-size: 1em;
text-align: right;
position: absolute;
top: 0px;
left: 0px;
margin: 0; 
text-transform: uppercase; 
line-height: 130%;
font-variant: small-caps;
}


.gallerycontainer1{
position: absolute;
top: 95px;
left: 825px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer2{
position: absolute;
top: 95px;
left: 888px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.gallerycontainer3{
position: absolute;
top: 95px;
left: 950px;
/*Add a height attribute and set to largest image's height to prevent overlaying*/
}

.thumbnail img{
border: 0px solid white;
margin: 0 0px 0px 0;
padding: 2px;
}

.thumbnail:hover{
background-color: #CDB389;
}

.thumbnail:hover img{
border: 0px solid black;
}

.thumbnail span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
visibility:hidden;
border: 0px solid black;
font-weight: bold;
background-color: #000000;
font: 11px garamond, georgia, serif; 
text-transform: uppercase;
color: #DC4425;
}

.thumbnail span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px;
}

.thumbnail:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 76px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

html>body .thumbnail:hover span{ /*CSS for enlarged image for firefox/safari*/
visibility: visible;
position: fixed;
top: 0px;
left: 76px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

.thumbnail_graphic img{
border: 0px solid white;
margin: 0 0px 0px 0;
padding: 0px;
}

.thumbnail_graphic:hover{
background-color: solid;
}

.thumbnail_graphic:hover img{
border: 0px solid black;
}

.thumbnail_graphic span{ /*CSS for enlarged image*/
position: absolute;
padding: 0px;
border: 40px solid white;
visibility: hidden;
text-decoration: none;
font-weight: bold;
font: 11px garamond, georgia, serif; 
text-transform: uppercase;
color: #B59472;
}

.thumbnail_graphic span img{ /*CSS for enlarged image*/
border-width: 0px;
padding: 0px;
}

.thumbnail_graphic:hover span{ /*CSS for enlarged image*/
visibility: visible;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 0;
}

html>body .thumbnail_graphic:hover span{ /*CSS for enlarged image for firefox/safari*/
visibility: visible;
position: fixed;
top: 0px;
left: 0px; /*position where enlarged image should offset horizontally */
z-index: 0;
}