/*Zero out default settings*/
html, body {
padding: 0;
margin: 0;
}

/* using the child selector to hide the following body css from IE6 and earlier */
html>body {background-color: #fff;}


/*General Settings*/

img {
border: 0;
}

ul {
list-style: none;
padding: 0;
margin: 0;
}

li {
display: inline;
margin: 0;
}

p {
	
padding: 0 0 1em;
	
color: #333;
	
font: 1em/1.4em arial,sans-serif;

}


a {
	
color: #000;
	
text-decoration: none;
	
border-bottom: 1.5px solid #0bf;

}


a:hover {
	
color: #0bf;

}


.clearfloat {
font-size: 1px;
line-height: 0px;
height: 0px;
clear: both;
margin: 0px;
}

.dropCap {
float: left;
font-family: "Old English", Georgia, serif;
font-size: 350%;
line-height: 1.2em;
margin-right: 0.3em;
margin-bottom:-0.25em;
}

.newTop {
font-size: 2em;
color: #3c003c;
}

.excitingTop {
font-size: 1.5em;
color: #006876;
line-height: 1.5em;
}

.new {
font-size: 1.5em;
color: #3c003c;
line-height: 1.5em;
text-align: right;
}

.exciting {
font-size: 1.5em;
color: #006876;
line-height: 1.5em;
text-align: right;
}

/*Main Headings - Orange*/
h1 {

padding: 0;
margin: 10px 0;	
color: #f8981e;
font: 1.2em helvetica,arial,sans-serif;
	
}


/*Main Headings - Orange*/
h2 {
	
padding: 0;

color: #f8981e;
	
font-size: 1.2em;
font-weight: bold;
}


/*Callout Headings - Orange*/
h3 {

display: inline;
padding: 0;

margin: 0;
color: #f8981e;
	
font-size: 1em;
font-weight: bold;
text-align: center;
}


/*Smaller Details*/
h4 {
	
padding: 0 0 0.6em;

margin: 0;
color: #f8981e;
	
font-size: 0.8em;
font-weight: bold;
text-align: right;
}


/*Large Contact Info*/
h5 {

padding: 0;
	
margin: 0;
color: #000;

font-size: 1.75em;
line-height: 1.2em;
font-weight: bold;
text-align: left;
}



/*Plus Class Format*/
h6 {
display: inline;
padding: 0 0 0 0.1em;

color: #f8981e;
	
font-size: 1em;
font-weight: bold;
}


body {
position: relative;
font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; 
font-size: 100%; 
color: #333;
line-height: 1.25em; 
height: 100%;
}

#banner {
position: fixed;
top: 0;
left: 0;
z-index: 200;
width: 100%;
height: 305px;
background: url(http://www.myzumba.ca/images/my-zumba-banner.png) no-repeat left top;
text-align: right;
}

#contactDetails {

position: fixed;
z-index: 300;
top: 20px;
right: 20px;
}

#testimonial {

position: fixed;
z-index: 300;
top: 100px;
right: 20px;
font-size: 1.15em;
}

/*Ticker Settings*/
#ticker {
position: absolute;
right: 20px;
top: 150px;
width: 550px;
color: #f8981e;

font-weight: bold;
}

#ticker li {
width: 100%;
text-align: right;
}

#header {
position: fixed;
top: 0px;
left: 0px;
z-index: 100;
width: 100%;
height: 305px;
background: url(http://www.myzumba.ca/images/my-zumba-background.jpg) repeat-x left top;
}


/* Change these for mainNav */
#sidebarLeft {
position: absolute;
top: 160px;
left: 50px;
width: 200px;
}

#sidebarLeft img {
display: block;
margin: 0;
}

#sidebarLeft ul {
list-style: none;
margin: 0;
}

#sidebarLeft li {
display: block;
margin: 0;
padding: 0 15px;
color: #000;

font-size: 1em;
font-weight: bold;
line-height: 2.0em;
}

#header a {
	
color: #000;
	
text-decoration: none;
	
border-bottom: 1.5px solid #0bf;

}


#header a:hover {
	
color: #0bf;

}

/*Main content boxes*/

/* margin-bottom ensures last content is not obscured by footer */
#content {
margin: 0 0 0 175px;
margin-bottom: 75px;
width: 62.5em;
max-width: 1200px;
height: 100%; /*IE6*/
min-height: 100%;
text-align: left;
}

/* for Thank you page */
#contentThanks {
margin: 100px auto;
width: 740px;
}

#top {
text-align: left;
margin: 220px 50px 0px 125px;
}

#main {
text-align: left;
margin-left: 0px;
}

#push {
height: 300px;
}

#right {
display: inline;
float: right;
width: 500px
height: 500px;
padding-bottom: 5px;
text-align: left;
background: url(http://www.myzumba.ca/images/amy-jump.png) no-repeat -20% -12%;
border-top: 1px inset #eee;
}

#plusLink {
font-size: 0.8em;
margin: 0 4.0em 0 4.0em;
}

#footer {
position: fixed;
z-index: -1;
left: 0;
bottom: 0;
width: 100%;
height: 400px;
background: url(http://www.myzumba.ca/images/footer-right-lucy.png) no-repeat right bottom;
}

/* for moz/opera and others*/
html>body #footer{position:fixed}


* html #footer {
  position: absolute;
  bottom: 0;
  left: 0; 
  overflow: visible;
  top: expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight));
}



#footerNav {

position: relative;

z-index: -1;
height: 400px;
width: 100%;
background: url(http://www.myzumba.ca/images/zumba-logo-h.jpg) no-repeat left bottom;
text-align: left;
}


#copyright {

position: relative;

top: 0;
left: 250px;
width: 50%;
font: 0.6em arial,sans-serif;

text-align: left;
}

#formatsPlus {
position: absolute;
z-index: 400;
text-align: left;
padding: 10px;
top: -250px;
left: 25px;
width: 5px;
background: #bcd4ec;
border: 1px dotted #000;
	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

}

#corePics {
position: absolute;
z-index: 400;
text-align: center;
padding: 0px;
top: 0px;
left: 600px;
width: 610px;
background: #fff;
border: 1px dotted #000;
}

#toningPics {
position: absolute;
z-index: 26;
text-align: center;
padding: 10px 5px;
top: 180px;
left: 18%;
width: 610px;
height: 450px;
background: #fff;
border: 1px dotted #000;
}

#toningPicsLink {
position: absolute;
z-index: 25;
top: 450px;
left: 400px;
}

#pricing {
position: relative;
z-index: 400;
padding: 10px;
top: -230px;
left: 100px;
width: 675px;
background: #bcd4ec;
border: 1px dotted #000;
	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

}

#pricing ul {
list-style: none;
padding: 0;
margin: 0;
}

#pricing li {
display: block;
}

#location-maps {
position: relative;
z-index: 400;
padding: 10px;
top: -230px;
left: 50px;
width: 940px;
height: 620px;
background: #bcd4ec;
border: 1px dotted #000;
	border-radius: 10px;

	-webkit-border-radius: 10px;

	-moz-border-radius: 10px;

}


#fader {
position: relative;
}

#fader .to {
display: none;
position: absolute;
left: 0;
}

/*Form Settings*/
fieldset {
border: none;
}

#quickReg {
position: relative;
z-index: 22;
top: 370px;
left: 350px;
width: 280px;
background: #fff;
border: 1px dotted #f8981e;
}


#quickReg h2, #quickReg h4 {
text-align: center;
padding: 0;
margin: 0;
}


#quickReg h2 {
margin-top: 15px;
}


#quickReg h4 {
margin-bottom: 15px;
}


#contactForm {
width: 280px;
background: #fff;
border: 1px dotted #f8981e;
}


#contactForm h2, #contactForm h4 {
text-align: center;
padding: 0;
}


input, select, textarea {

padding:5px;

width:250px;

margin: 0px 10px 10px 10px;

line-height: 1.5em;
border: 2px solid #ccc;

font-family: 'Trebuchet MS', Helvetica, Arial, sans-serif; 
font-size: 90%; 
color: #333;
}


select {
width: 266px;

}


textarea {
height: 50px;

}



textarea:focus, input:focus, #quickReg select:focus {

border: 2px solid #900;

}



input.submit {

width: 250px;
}



label {
float: left;
text-align: right;
margin-right: 15px;
width: 50px;
padding-top:5px;
font-size: 1.4em;

}

.error {
font-size: 9pt;
color: red;
margin: 0 0 5px 10px;
display:none;
}


/*Data Table*/
table.schedule {
position: relative;
z-index: 20;
border-collapse: collapse;
}

table.schedule th, table.schedule td  {
padding: 4px 25px 4px 0;
text-align: left;
font-size: 0.8em;
}

table.schedule tr.over td {
background: #bcd4ec;
}