@charset "utf-8";

/* --------------------------------------------------------------------

# Suparuberry Eating Page CSS#

-------------------------------------------------------------------- */

#center_contents {
	width:550px;
	margin-left:30px;
	margin-top:30px;
	margin-bottom:40px;
}

#eating_wrap {
	width:300px;
	height:150px;
	float:left;
}

.eating_steps {
	margin-top:10px;
	width:300px;
	height:150px;
	border:solid 1px #cccccc;
}

#step1 {
	background-image:url('../eating/step1_back.png');
	background-repeat:no-repeat;
}

#step2 {
	background-image:url('../eating/step2_back.png');
	background-repeat:no-repeat;
}

#step3 {
	background-image:url('../eating/step3_back.png');
	background-repeat:no-repeat;
}

#step4 {
	background-image:url('../eating/step4_back.png');
	background-repeat:no-repeat;
}

.eating_steps h3 {
	margin-left:150px;
	margin-top:5px;
}

.eating_steps p {
	margin-left:150px;
	margin-top:10px;
	width:150px;
}

#nav {
	/*margin-left:155px;*/
}

#nav a { 
    border: 1px solid #cccccc; 
    background: #fdc3c6; 
    text-decoration: none; 
    margin: 0 5px; 
    padding: 3px 1em;
    color:#d70a2a;
}

#nav a.activeSlide { 
    background: #fa8a9c; 
}

#nav a:focus { 
    outline: none;
}

#center_contents h4 {
	margin-left:320px;
	margin-top:6px;
	background-image:url('../eating/howto_header.png');
	background-repeat:no-repeat;
	text-indent:-9999px;
	width:210px;
	height:35px;
}

#eating_descriptions {
	clear:both;
	width:550px;
	margin-left:20px;
	padding-left:30px;
	padding-top:40px;
	background-image:url('../eating/eatingtexts_back.png');
	background-repeat:no-repeat;
}

#eating_descriptions2 {
	width:490px;
	margin-left:20px;
	margin-bottom:30px;
	padding-top:10px;
	padding-left:30px;
	padding-right:30px;
	padding-bottom:35px;
	background-image:url('../eating/eatingtexts_back2.png');
	background-repeat:no-repeat;
	background-position:bottom;
}

#howTo {
	width:210px;
	margin-left:320px;
	background-image:url('../eating/howto_back.png');
	background-repeat:no-repeat;
	background-position:bottom;
	padding-top:10px;
	padding-bottom:20px;
}

#howTo li {
	list-style:none;
	font-size:0.8em;
	line-height:1.5em;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
}

#howTo li strong {
	color:#d70a2a;
	font-weight:normal;
}

/*Hack for Opera*/

@media screen and (min-width: 350px){


}