html{margin: 0;padding: 0;}


.clear{display:block;clear:both;height:0;}

body{
	margin: 0;
	background: #000e1c url(images/cmas14bg.jpg) repeat-x 0 0;
	text-align: center;

	font-size: 1.5em;
	color: #fff;
}

p{
	padding-left: 15px;
	padding-right: 15px;
}

a{color:#fff;}

a img{border:none;text-decoration:none;}

header h1{
	width: 532px;
	height: 234px;/*304*/
	background: url(images/title.jpg) no-repeat 0 0;
	margin: 0 auto;
}

header  h1 span{display:none;}

footer{
	clear: both;
	width: 532px;
	margin: 0 auto;
	padding-top: 10px;
	font-size: 0.8em;
}

footer p{margin: 15px 0 5px 0;}

/****************************************/









.outercontainer {
	width:100%;
	max-width: 532px;
	height: 520px;

	margin: auto;
	padding: 5px;
}

.container,
.containertop {
	width:100%;
	max-width: 520px;
	margin: auto;
	position: relative;
}

/* NUMBERS */
#image,
#highlight,
#image2,
#highlight2,
#image3,
#highlight3,
#image4,
#highlight4,
#image5,
#highlight5,
#image6,
#highlight6,
#image7,
#highlight7,
#image8,
#highlight8,
#image9,
#highlight9,
#image10,
#highlight10,
#image11,
#highlight11,
#image12,
#highlight12,
#image13,
#highlight13,
#image14,
#highlight14,
#image15,
#highlight15,
#image16,
#highlight16,
#image17,
#highlight17,
#image18,
#highlight18,
#image19,
#highlight19,
#image20,
#highlight20,
#image21,
#highlight21,
#image22,
#highlight22,
#image23,
#highlight23,
#image24,
#highlight24,
#image25,
#highlight25 {
	width: 100px;
	height: 100px;
	position: absolute;
	cursor: pointer; 

	top: 0;
	left: 0;

	background: #000e1c;
}


#image,
#image2, 
#image3,
#image4,
#image5,
#image6,
#image7,
#image8,
#image9,
#image10,
#image11,
#image12,
#image13,
#image14,
#image15,
#image16,
#image17,
#image18,
#image19,
#image20,
#image21,
#image22,
#image23,
#image24,
#image25 {
	z-index: 1;

}

#highlight,
#highlight2, 
#highlight3,
#highlight4,
#highlight5,
#highlight6,
#highlight7,
#highlight8,
#highlight9,
#highlight10,
#highlight11,
#highlight12,
#highlight13,
#highlight14,
#highlight15,
#highlight16,
#highlight17,
#highlight18,
#highlight19,
#highlight20,
#highlight21,
#highlight22,
#highlight23,
#highlight24,
#highlight25 {
	z-index: 3;

}




#image,
#highlight {
	margin: 0px 0px 0px 0px;
}

#image2,
#highlight2 {
	margin: 0px 0px 0px 105px;
}

#image3,
#highlight3 {
	margin: 0px 0px 0px 210px;
}

#image4,
#highlight4 {
	margin: 0px 0px 0px 315px;
}

#image5,
#highlight5 {
	margin: 0px 0px 0px 420px;
}

#image6,
#highlight6 {
	margin: 105px 0px 0px 0px;
}

#image7,
#highlight7 {
	margin: 105px 0px 0px 105px;
}

#image8,
#highlight8 {
	margin: 105px 0px 0px 210px;
}

#image9,
#highlight9 {
	margin: 105px 0px 0px 315px;
}

#image10,
#highlight10 {
	margin: 105px 0px 0px 420px;
}

#image11,
#highlight11 {
	margin: 210px 0px 0px 0px;
}

#image12,
#highlight12 {
	margin: 210px 0px 0px 105px;
}

#image13,
#highlight13 {
	margin: 210px 0px 0px 210px;
}

#image14,
#highlight14 {
	margin: 210px 0px 0px 315px;
}

#image15,
#highlight15 {
	margin: 210px 0px 0px 420px;
}

#image16,
#highlight16 {
	margin: 315px 0px 0px 0px;
}

#image17,
#highlight17 {
	margin: 315px 0px 0px 105px;
}

#image18,
#highlight18 {
	margin: 315px 0px 0px 210px;
}

#image19,
#highlight19 {
	margin: 315px 0px 0px 315px;
}

#image20,
#highlight20 {
	margin: 315px 0px 0px 420px;
}

#image21,
#highlight21 {
	margin: 420px 0px 0px 0px;
}

#image22,
#highlight22 {
	margin: 420px 0px 0px 105px;
}

#image23,
#highlight23 {
	margin: 420px 0px 0px 210px;
}

#image24,
#highlight24 {
	margin: 420px 0px 0px 315px;
}

#image25,
#highlight25 {
	margin: 420px 0px 0px 420px;
}
/* TREAT PAGES */

#BigBox1,
#BigBox2,
#BigBox3,
#BigBox4,
#BigBox5,
#BigBox6,
#BigBox7,
#BigBox8,
#BigBox9,
#BigBox10,
#BigBox11,
#BigBox12,
#BigBox13,
#BigBox14,
#BigBox15,
#BigBox16,
#BigBox17,
#BigBox18,
#BigBox19,
#BigBox20,
#BigBox21,
#BigBox22,
#BigBox23,
#BigBox24,
#BigBox25 {
	width: 100%;
	max-width: 532px;
	position: absolute;
	display: none;
	z-index: 4;
	overflow: hidden;
	padding: 10px;
}

#BigBox1 {
	background-color: #935874; 
}

#BigBox2 {
	background-color: #81b5c2; 
}

#BigBox3 {
	background-color: #ca3b33; 
}

#BigBox4 {
	background-color: #779358; 
}

#BigBox5 {
	background-color: #e6de61;
}

#BigBox6 {
	background-color: #626173;
}

#BigBox7 {
	background-color: #78adbb; 
}

#BigBox8 {
	background-color: #746582; 
}

#BigBox9 {
	background-color: #935874; 
}

#BigBox10 {
	background-color: #4d642c; 
}


#BigBox11 {
	background-color: #935874; 
}

#BigBox12 {
	background-color: #dea347; 
}

#BigBox13 {
	background-color: #be3c3c; 
}

#BigBox14 {
	background-color: #bfad25; 
}

#BigBox15 {
	background-color: #bbb277; 
}

#BigBox16 {
	background-color: #bec1ac; 
}

#BigBox17 {
	background-color: #34c9b3; 
}

#BigBox18 {
	background-color: #adbcc1; 
}

#BigBox19 {
	background-color: #7c684d; 
}

#BigBox20 {
	background-color: #002a4a; 
}

#BigBox21 {
	background-color: #a279b5; 
}

#BigBox22 {
	background-color: #7b9359; 
}

#BigBox23 {
	background-color: #4a5d61; 
}

#BigBox24 {
	background-color: #012845; 
}

#BigBox25 {
	background-color: #81b5c2; 
}

/* TEXT ON TREAT PAGES*/

.day {
	position: relative;
	max-width: 532px;
	display: block;
	margin: auto;
}

#dude {
	position: fixed;
	max-width: 524px;
	display: block;
	margin: 5px auto;
}

.miniimg{
	float: right;
}

.title{
	font-size: 2em;
	margin: 10px 0 10px 0;
	font-weight: bold;
}

.title.two{
	font-size:1.8em;
}

.title,
.button {
	width: 95%;
	max-width: 532px;
	display: block;
}

#maintitle{
	width: 95%;
	max-width: 524px;
	display: block;
	margin: auto;
	padding-top: 10px;
}

.code{
	display: inline-block;
	padding: 0 8px;
	background: #fff;
	color: #333333;
	font-weight: bold;
}

.terms{
	font-size: 0.5em;
	font-style: italic;
	font-family: Arial, Sans-serif;
}



.answer{
	font-style: italic;
}


.button {
	padding-bottom: 10px;
	padding-top: 20px;
	color: #fff;
	font-weight: bold;

}

.buttonnew {
	padding-bottom: 50px;
	padding-top: 500px;
}

.bodytext {
	margin: 0;
	padding: 10px;
	text-align: center;
	color: white;
	
	clear: both;
	color: #f5f4f4;

	font-size: 0.8em;
	line-height: 1.5em;
	font-family: Arial, Sans-serif;
}

.bodytextred {
	margin: 0;
	padding: 0;
	right: 60px;
	position: absolute;
	width: 400px;
	color: white;
	font-size: 14pt;
	clear: both;
	font-family: Georgia;
	color: #761212;
}


.subtext {
	color: white;
	font-size: 10pt;
	clear: both;
	font-family: Georgia;
}

.subtextred {
	color: #761212;
	font-size: 12pt;
	clear: both;
	font-family: Georgia;
}
#offer {
	color: black;
	background: white;
	font-size: 18pt;
	clear: both;
	font-family: Georgia;
}

.link{
	color: #fff;
}

#back1,
#back2,
#back3,
#back4,
#back5,
#back6,
#back7,
#back8,
#back9,
#back10,
#back11,
#back12,
#back13,
#back14,
#back15,
#back16,
#back17,
#back18,
#back19,
#back20,
#back21,
#back22,
#back23,
#back24,
#back25 {
	cursor: pointer;
	position: absolute;
	top:0;
	right:0;
}


#BigBox5, #BigBox5 p.title, #BigBox5 p.bodytext, #BigBox5 a{
	color: #333;
}