/* general */

html, body {
    font-family: 'Electrolize', sans-serif;
    font-style: normal;
    text-decoration: none;
    text-transform: none;
    letter-spacing: 0em;
    word-spacing: 0em;
    background-color: #000;
    height: 100%;
}

#wrapper {
    width: 1066px;
    margin-right: auto;
    margin-left: auto;

}

h1 {
    font-size: 4em;
}

/* Index.html */

.indexpic {
    background-image: url(../images/index_bkg.jpg);
}

.indexpic nav {
    position: fixed;
    top: 455px;
    left: 110px;
}

nav p {
    font-size: 22px;
    letter-spacing: 1.75px;
}

.brad {
    color: #ff9933;
	text-decoration: none;

}

a:hover.brad {
    color: #cc3300;
}

.nonlink {
    color: #ffcc66;
    text-decoration: none;
}

.dela {
    color: #cc6699;
	text-decoration: none;

}

a:hover.dela {
    color: #cc0066;
}
#bradmenu {
    position:relative;
    left:0px;
    top:5px;
    font-size: 22px;
    z-index:2;
}
#bradmenu p {
    margin: 0px;
    padding: 0px;
}
#delamenu {
    position:relative;
    left:90px;
    top: 5px;
    font-size: 22px;
    z-index:3;


}

#delamenu p {
    margin: 0px;
    padding: 0px;
}
/* general page styles */

#bio {
	padding-left:25px;
}

#schedule {
	padding-left:25px;
}

#schedule .schedbox li {
	list-style-type: none;
}

#schedule .schedbox li ul li {
	line-height: 20px;
	height: auto;
	width: 400px;
	list-style-type: none;
}

.schedbox li ul li a {
    text-decoration: none;
}

.schedbox li ul li a:hover {
    text-decoration: none;
}

.spacer {
    margin-bottom: 10px;
}

/* bradyoga.html */

.bradyogapic {
    background-image: url(../images/bradyoga_bkg.jpg);
}

.bradyogapic.canvas #info {
	height:680px;
}


#bradyogamenu ul li {
    color: #DDE321;
}

.yellow {
    color: #DDE321;
}

a:hover.yellow {
    color: #DF2EF0;
}

.bradyogapic #info {
	background-color: rgba(45, 91, 47, 0.8);
}

.bradyogapic h2, .bradyogapic h3 {
    color: #DDE321;
}

/* massage.html */

.delamassagepic {
    background-image: url(../images/delamassage_bkg.jpg);
}

.delamassagepic #info {
    background-color: rgba(98, 50, 21, 0.8);
	height: 550px;

}

#delamassagemenu ul li {
    color: #C6FA6D;
}

.green {
    color: #C6FA6D;
}

a:hover.green {
    color: #72E81B;
}

.delamassagepic h2,.delamassagepic h3 {
    color: #C6FA6D;
}

/* delayoga.html */

.delayogapic {
    background-image: url(../images/delayoga_bkg.jpg);
    height: 800px;
    width: 1066px;
    display: block;
    float: left;
}

.delayogapic #info {
    background-color: rgba(54, 56, 152, 0.8);
}

#delayogamenu ul li {
    color: #FFD572;
}

.cream {
    color: #FFD572;
}

a:hover.cream {
    color: #B28B2C;
}

.delayogapic h2, .delayogapic h3  {
    color: #FFD572;
}

/* painting.html */

.painting {
    background-image: url(../images/delapainting_bkg.jpg);

}

.painting #info {
    background-color: rgba(13, 14, 16, 0.8);
}

#paintingmenu ul li {
    color: #ffcc99;
}

.sand {
    color: #ffcc99;
}

a:hover.sand {
    color: #d7692e;
}

.painting h2, .painting h3 {
    color: #ffcc99;
}

#gallery {


}

.canvas {
    height: 800px;
    width: 1066px;
    display: block;
    float: left;
    margin-left: auto;
    margin-right: auto;
}


.canvas nav {
    position: relative;
    top: 100px;
    float: left;
    margin-right: 100px;

}

.canvas section#content {
    position: relative;
    top: 80px;
    float: left;

}

.canvas h2 {
    font-size: 16px;
}

.canvas h3 {
    font-size: 16px;
    padding-top: 15px
}
.navLink {
    cursor: pointer;
}

.navLink:hover {
    text-decoration: none;
}

.navLink{
    text-decoration: none;
}

nav ul {
    font-size: 16px;
    line-height: 25px;
    list-style-type: none;
}

.canvas #info {
    relative: absolute;
    height: 580px;
    width: 600px;
    display: block;
    border: none 5px #000000;
    font-size: 14px;
    line-height: 20px;
    color: #fff;
    list-style-type: none;
    padding-top: 20px;
    padding-left: 10px;
    padding-right: 10px;
    padding-bottom: 10px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;

}


.navFrontPage{
    position: relative;
    top: 455px;
    left: 110px;
    font-size: 22px;
    font-family: 'Electrolize', sans-serif;
    letter-spacing: 1.75px;
    max-width: 150px;

}