/* JECoMM - Junior Enterprise Communication & Marketing */
/* Stylesheet for home page crossfade effect */

/* Text and buttons position in the fading images */
#crossfade {
	position: relative;
	margin: 20px auto 0 auto;
	height: 400px;
	overflow: hidden;
}

#crossfade .fader {display: block;}

#crossfade #image0 {top: 0; left: 0;}
#crossfade #image1 {top: 0; left: 0;}
#crossfade #image2 {top: 0; left: 0;}
#crossfade #image3 {top: 0; left: 0;}
#crossfade #image4 {top: 0; left: 0;}
#crossfade #image5 {top: 0; left: 0;}

/* TEXT POSITIONING */
#crossfade #text0 {top: 30px; left: 100px;}
#crossfade #text1 {top: 140px; left: 290px; text-align: center;}
#crossfade #text2 {top: 130px; left: 280px; text-align: center;}
#crossfade #text3 {top: 20px; left: 20px;}
#crossfade #text4 {top: 310px; left: 420px; text-align: right;}
#crossfade #text5 {top: 310px; left: 20px;}

#crossfade #buttons0 {margin-left: 10px; margin-top: 10px;}
#crossfade #buttons1 {margin-left: 10px; margin-top: 10px;}
#crossfade #buttons2 {margin-left: 10px; margin-top: 10px;}
#crossfade #buttons3 {margin-left: 70px; margin-top: 10px;}
#crossfade #buttons4 {margin-left: 10px; margin-top: 10px;}
#crossfade #buttons5 {margin-left: 10px; margin-top: 10px;}

#quote {font-family: "Trebuchet MS"; font-size: 2.5em; color: #ffffff; font-weight: bold; text-decoration: none; line-height: normal;}
#quote a, #quote a:link, #quote a:visited {color: #ffffff; text-decoration: none;}
#quote a:hover {color: #eaeaea;}

#quote img {position: absolute; top: 0; left: 0;}