#bounds #white-bg h1{
color:#ef4023;
margin-top: 0px;
text-align:left;
padding-left:60px;
font-size: x-large;
}

#html-home {
background: url(../images/html-homepage.jpg) no-repeat;
}


/********************Homepage Buttons****/

#video{
position:relative;
}

#video-link1{
position: absolute; 
top: 155px; 
left: 57px; 
width: 107px; 
height: 83px; 
background-color: transparent; 
}

#video-link2{
position: absolute; 
top: 155px; 
left: 170px; 
width: 107px; 
height: 83px; 
background-color: transparent; 
}

#video-link3{
position: absolute; 
top: 155px; 
left: 277px; 
width: 107px; 
height: 83px; 
background-color: transparent; 
}

#video-link4{
position: absolute; 
top: 155px; 
left: 388px; 
width: 107px; 
height: 83px; 
background-color: transparent; 
}

#video-link5{
position: absolute; 
top: 239px; 
left: 57px;
width: 107px; 
height: 83px; 
background-color: transparent; 
}

#video-link6{
position: absolute; 
top: 239px;
left: 170px; 
width: 107px; 
height: 83px; 
background-color: transparent; 
}

#video-link7{
position: absolute; 
top: 239px; 
left: 277px; 
width: 107px; 
height: 83px; 
background-color: transparent; 
}

#video-link8{
position: absolute; 
top: 239px; 
left: 388px; 
width: 107px; 
height: 83px; 
background-color: transparent; 
}

#callouts{
position:relative;
}

#callout1{
position: absolute; 
top: 351px; 
left: 43px; 
width: 300px; 
height: 101px; 
background-color: transparent; 
}

#callout2{
position: absolute; 
top: 351px; 
left: 344px; 
width: 296px; 
height: 101px; 
background-color: transparent; 
}

#callout3{
position: absolute; 
top: 351px; 
left: 640px; 
width: 300px; 
height: 101px; 
background-color: transparent; 
}


/********************Ingredients HTML page*****/

#bounds .content-ingredients-html{
	z-index: 1;
	text-align: center;
	position:relative;
	height: 100%;
	
}

#bounds .content-ingredients-html p{
padding:5px;
font-size:x-small;
}

#bounds .content-ingredients-html h2{
color:red;
margin-top: 0px;
text-align:left;
font-size: medium;
}

#bounds .content-ingredients-html h3{
color:red;
font-size:large;
}

.ingredients-container{
	margin:0px auto;
	width:890px;
	}

.ingredient-row{
float:left;
width:890px; 
margin-left:30px;
}

.ingredient{
float:left;
width:120px;
}

.ingredient-wide{
float:left;
padding:60px 5px 0px 5px;
width:130px;
}

.ingredient-sugar{
float:left;
padding-top:40px;
 width:400px;
}

/***********************Quiz HTML Page*****/
#bounds .content-quiz-html{
	z-index: 1;
	position:relative;
	height: 100%;
	font-size:small;
	
}

#bounds .content-quiz-html p{
padding:5px;
font-size:small;
}

#bounds .content-quiz-html h2{
font-weight:bold;
font-size:110%;
}

.quiz-container{
	margin:0px auto;
	width:890px;
}

#bounds .content-quiz-html ol{
list-style-type:upper-alpha;
}

/*****************Calories HTML page******/

#bounds .content-calories-html{
	z-index: 1;
	text-align: center;
	position:relative;
	height: 100%;
	
}

.content-calories-html p{
padding:5px;
size:medium;
}

.calorie-table{
margin:0px auto;
width:700px;
padding-bottom:10px;
}