@charset "UTF-8";
/* CSS Document */

html{
	margin:0;
	padding:0;
	height:687px;
	width:1000px;
	
}

head {
	margin:0;
	padding:0;
}

body {
	
	margin:0;
	padding:0;
	height:687px;
	width:1000px;
	background-repeat:no-repeat;
	
	
	
}

a {
	outline:none;
}


@font-face {  
  font-family:"Heroic Condensed Light" ;  
  src:url(images/HeroicCondensed-Light.otf) format("truetype");  
}  
 
/* Then use it like you would any other font */  
.Heroic { 
	font-family:"Heroic Condensed Light";  
}  

@font-face {
  font-family:"Heroic Condensed Light";
  src:url(images/HeroicCondensed-Light.otf);


}.bertold {
	font-family:"Heroic Condensed Light";
	font-size: 100pt;
	
}




.background {
	width:1000px;
	height:687px;
	position:absolute;
	z-index:9995;
	float:left;
	padding:0;
	margin:0;

}

#contain_all {
	width:1000px;
	height:687px;
	z-index:9997;
	float:left;
	
}


#select_one {
	height:45px;
	width:156px;
	margin-left:418px;
	margin-top:607px;
	float:left;
	z-index:9997;
	position:absolute;
	border:none;
}

#note_caloric_data {
	height:36px;
	width:1000px;
	margin-left:0;
	margin-top:650px;
	float:left;
	z-index:9997;
	position:absolute;
	border:none;
}



/*START PAGE (BEGIN)*/


#title {
	height:481px;
	width:650px;
	margin-left:175px;
	margin-top:68px;
	float:left;
	z-index:9997;
	position:absolute;
	border:none;
}


.load_start {
	width:163px;
	height:26px;
	margin-top:555px;
	margin-left:419px;
	float:left;
	z-index:9997;
	position:absolute;
	}
	
#visual_logo_small{
	width:152px;
	height:71px;
	margin-top:616px;
	margin-left:711px;
	float:left;
	z-index:9997;
	position:absolute;
	}
	
#c5_logo_small{
	width:137px;
	height:71px;
	margin-top:616px;
	margin-left:863px;
	float:left;
	z-index:9997;
	position:absolute;
	}		
	
/*START PAGE (END)*/

/*INSTRUCTION PAGE (BEGIN)*/

	
#thanks {
	width:169px;
	height:79px;
	z-index:9997;
	position:absolute;
	border:none;
	margin-left:none;
	margin-top:none;
	padding:0;
	float:left;
}

#introduction {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;
	width:805px;
	height:176px;
	margin-left:129px;
	margin-top:74px;

}

#back {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:66px;
	height:39px;
	margin-left:934px;
	margin-top:35px;

}

#start_over {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:146px;
	height:35px;
	margin-left:854px;
	margin-top:35px;

}

#contemp_ctails {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:147px;
	height:211px;
	margin-left:110px;
	margin-top:283px;

}

#class_ctails {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:156px;
	height:171px;
	margin-left:270px;
	margin-top:283px;

}

#martinis {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:153px;
	height:170px;
	margin-left:426px;
	margin-top:283px;

}
#beer {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:160px;
	height:170px;
	margin-left:579px;
	margin-top:283px;

}

#wine {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:140px;
	height:170px;
	margin-left:739px;
	margin-top:283px;

}

/*INSTRUCTION PAGE (END)*/

/*contemporary COCKTAIL PAGE (BEGIN)*/

#ingredients {
	padding:0;
	float:left;	
	z-index:9999;
	position:fixed;
	border:none;	
	width:1000px;
	height:700px;
	margin-left:0;
	margin-top:0;


}




#bloody_mary {
	padding:0;
	float:left;
	z-index:9996;
	position:absolute;
	border:none;
	width:192px;
	height:231px;
	margin-left:83px;
	margin-top:360px;
	left: 27px;
	top: 1px;
}

#appletini {
	padding:0;
	float:left;
	z-index:9996;
	position:absolute;
	border:none;
	width:160px;
	height:383px;
	margin-left:83px;
	margin-top:280px;
	left: 53px;
	top: -60px;
}




#long_island {
	padding:0;
	float:left;
	z-index:9996;
	position:absolute;
	border:none;
	width:174px;
	height:230px;
	margin-left:306px;
	margin-top:350px;
	left: 9px;
	top: 11px;
}

#lemon {
	padding:0;
	float:left;
	z-index:9996;
	position:absolute;
	border:none;
	width:163px;
	height:379px;
	margin-left:306px;
	margin-top:280px;
	left: 25px;
	top: -59px;
}

#mojito {
	padding:0;
	float:left;
	z-index:9996;
	position:absolute;
	border:none;
	width:174px;
	height:229px;
	margin-left:493px;
	margin-top:350px;
	top: 13px;
	left: 7px;
}

#cosmo {
	padding:0;
	float:left;
	z-index:9996;
	position:absolute;
	border:none;
	width:167px;
	height:375px;
	margin-left:493px;
	margin-top:280px;
	left: 14px;
	top: -55px;
}


#cuba{
	padding:0;
	float:left;
	z-index:9996;
	position:absolute;
	border:none;
	width:157px;
	height:233px;
	margin-left:705px;
	margin-top:350px;
	left: -1px;
	top: 12px;
}

#gin{
	padding:0;
	float:left;
	z-index:9996;
	position:absolute;
	border:none;
	width:166px;
	height:378px;
	margin-left:705px;
	margin-top:280px;
	left: -7px;
	top: -53px;
}

#drink_title {
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:315px;
	height:272px;
	margin-left5:0px;
	margin-top:66px;

}

#calories {
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:108px;
	height:272px;
	margin-left:0;
	margin-top:0;
	font-size:100pt;
}

#dash01 {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:64px;
	height:273px;
	margin-left:445px;
	margin-top:66px;
	 font-size: 100pt;
}

#dash02 {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:83px;
	height:274px;
	margin-left:628px;
	margin-top:66px;
	 font-size: 100pt;
}

#cal_per_ounce {
	float:left;
	z-index:9997;
	position:absolute;
	border:none;	
	width:108px;
	height:274px;
	margin-left:0;
	margin-top:0;
	font-size: 100pt;
}

#cal_group {
	
	float:left;
	z-index:9997;
	position:absolute;
	border:none;	
	width:141px;
	height:275px;
	margin-left:315px;
	margin-top:56px;
	font-size: 100pt;
}

#ounce_group {

	float:left;
	z-index:9997;
	position:absolute;
	border:none;	
	width:108px;
	height:275px;
	margin-left:520px;
	margin-top:56px;
	font-size: 100pt;
}

#alcohol_group {


	z-index:9997;
	position:absolute;
	border:none;	
	width:220px;
	height:276px;
	margin-left:710px;
	margin-top:56px;
	font-size: 100pt;
}

#alcohol_content {
	
	float:left;
	z-index:9997;
	position:absolute;
	border:none;	
	width:219px;
	height:275px;
	margin-left:0;
	margin-top:0;
	font-size: 100pt;
}

#class_arrow {
	padding:0;
	float:left;	
	z-index:9997;
	position:absolute;
	border:none;	
	width:118px;
	height:125px;
	margin-left:876px;
	margin-top:568px;
	font-size: 100pt;
}



.counter{
	
	float:left;	
	z-index:9998;
	position:relative;
	border:none;	
	width:100px;
	height:100px;
	margin-left:5px;
	margin-top:100px;
	font-size: 100pt;
}



#contain_all .counter {
	font-family: Heroic Condensed Light;
	
}

#back_arrow {
	float:left;	
	z-index:9996;
	position:absolute;
	border:none;	
	width:121px;
	height:19px;
	margin-left:780px;
	margin-top:568px;
	font-size: 100pt;
}


#forward_arrow {
	float:left;	
	z-index:9996;
	position:absolute;
	border:none;	
	width:91px;
	height:119px;
	margin-left:905px;
	margin-top:568px;
	font-size: 100pt;
}

#ingred_button {
	padding:0;
	float:left;	
	z-index:9996;
	position:absolute;
	border:none;	
	width:124px;
	height:119px;
	margin-left:0;
	margin-top:568px;
	font-size: 100pt;
}


/*contemporary Cocktail PAGE (END)*/

/*THANKS PAGE (BEGIN)*/



#visual_news {
	padding:0;
	float:left;	
	z-index:9998;
	position:absolute;
	border:none;	
	width:325px;
	height:90px;
	margin-left:138px;
	margin-top:212px;
	font-size: 100pt;
}

#x {
	padding:0;
	float:left;	
	z-index:9998;
	position:absolute;
	border:none;	
	width:63px;
	height:91px;
	margin-left:475px;
	margin-top:212px;
	font-size: 100pt;
}

#column_five {
	padding:0;
	float:left;	
	z-index:9998;
	position:absolute;
	border:none;	
	width:268px;
	height:92px;
	margin-left:526px;
	margin-top:212px;
	font-size: 100pt;
}

#thank_you {
	padding:0;
	float:left;	
	z-index:9999;
	position:absolute;
	border:none;	
	width:714px;
	height:121px;
	margin-left:157px;
	margin-top:336px;
	
}

#memphis {
	float:left;
	z-index:9999;
	position:absolute;
	border:none;
	width:714px;
	height:39px;
	margin-left:157px;
	margin-top:457px;
	
	
}

#memphis_fb {
	float:left;
	z-index:9999;
	position:absolute;
	border:none;
	width:563px;
	height:71px;
	margin-left:226px;
	margin-top:496px;

	
}

#sources {
	padding:0;
	float:;	
	z-index:9998;
	position:absolute;
	border:none;	
	width:282px;
	height:113px;
	margin-left:0px;
	margin-top:574px;
	font-size: 100pt;
}